React components for Bulma framework

  • By John
  • Last update: Dec 30, 2022
  • Comments: 16

React Bulma Components

Build Status Coverage Status Release Version Npm Downloads

React components for Bulma (v0.9.2) UI compatible with most used React Frameworks (Gatsby, CRA, Next.js)

To Install

npm install react-bulma-components or yarn add -E react-bulma-components

Documentation

You can find the documentation in https://react-bulma.dev/en/storybook

Some components may vary the api/naming convention with the Bulma Docs. Please refer to each stories in the Storybook to see how each component could be used

To Use

import React from 'react';
import 'bulma/css/bulma.min.css';
import { Button } from 'react-bulma-components';

export default () => (
  <Button color="primary">My Bulma button</Button>
)

Form elements are imported as part of the Form class.

import { Form } from 'react-bulma-components';

const { Input, Field, Control, Label } = Form;

SASS support

Since CSS logic is separated from this library, there is no special setup required with the library. Simply follow the instructions in the official documentation. You only need to make sure the CSS is properly imported for your website.

Starting from v4, tree shaking is supported, so only the code of the components you have imported will be bundled.

FAQ

Use Button to render a Link from React-Router

We allow custom render component on all our components, to do it you can use the renderAs props like this

import React from 'react';
import { Button } from 'react-bulma-components';
import { Link } from 'react-router';

const CustomLink = ({ to }) => {
  return (
    <Button to={to} renderAs={Link}>
      My react router link
    </Button>
  )
}

Adding ref to a component

We use a custom prop to pass down the ref to the next dom object. (instead to the instance of the component).

const TestComponent = () => {
  const buttonRef = useRef(null);
  return <Button domRef={buttonRef}>button</Button>
}

Why we do this instead of using React.forwardRef? The forwardRef wrap the component into another one, because this is a library for wrapping the Bulma Framework cause an overhead and a lot of noise on the component tab of the React Dev Tools.

Github

https://github.com/couds/react-bulma-components

Comments(16)

  • 1

    v4.0

    This is an issue tracking this library's upgrade to v4.0.

    New features:

    • [x] Support for Bulma 0.9.1
      • [x] Spacing helpers
      • [x] Light/Dark color helpers
      • [x] Remove <List /> component
      • [x] is-clickable helper
      • [x] is-max-desktop and is-max-widescreen for Container
    • [x] Standalone display prop without viewport modifiers. (5f1b1eb48e53ac87ac95ddcd53c3e7922323db98)
    • [x] Support is-size-7 (2162f3fb4d38f31a4c52446860c12fa098fd3161)
    • [x] Support font family modifiers (d82cee85e89d391e6eae18ff703032684be30589)
    • [x] Support for is-sr-only modifier (e9fc3d2854298988b1b8136619688a3a86fcc960)
    • [x] Tree shaking
    • [x] Update Documentation for installation process (Now there will be only one no more advanced configuration need it)
    • [x] TypeScript support
    • [x] Add missing table-container component (#274)
    • [x] Add missing hoverable prop for Table component (#273)
    • [x] Add missing rounded prop for Form.Select component (aed577435c2f6070d49e1d53102964232beb4a21)
    • [x] Add various state props for Form.Select (d2afa6dcc4f2b3de383db7ac2ba4cc1120934bd4)
    • [x] BREAKING name prop of Form.Radio is no longer required. (b365663a0bdd8ff3bb2ecf6fae4722cb09c4335e)
    • [x] BREAKING Simplify responsive props (#279)
    • [x] BREAKING remove Breadcrumb item prop and replace it with Breadcrumb.Item
    • [x] Ability to show the first and last page in Pagination (#283)
    • [x] BREAKING ~Remove loading Button prop in favor of a unified state prop that already exists.~ Button can have multiple state at once - the state prop will be removed because it can only take one state at a time. (0da86324c10f9182c9904149e0d1422ea1b38bf6) Reverting this, does not make sense to have focus, hover and/or hover at the same time
    • [x] Add focus, hover ~and loading~ (UPDATE loading state is applied to Control instead of Input, removing) state props for Form.Input. (aff9690ef622413c93a92aeafca21ad72f659523)
    • [x] Add rounded prop for Form.Input (corresponds to is-rounded) (af1c3a2a063db32eb6b0f973ca666ce0d2910b4b).
    • [x] Add centered prop for InputFile
    • [x] BREAKING Remove Form.Textarea default rows of 4. (2153d5b20f1a763c12621096d50ff88e8caf2357)
    • [x] Add has-fixed-size support for Form.Textarea (2153d5b20f1a763c12621096d50ff88e8caf2357)
    • [x] Add various state props (loading, focused, etc.) for Form.Textarea (2153d5b20f1a763c12621096d50ff88e8caf2357) Reverting this, does not make sense to have focus, hover and/or hover at the same time
    • [x] BREAKING Form.InputFile is now a controlled component
    • [x] ~BREAKING Heading will now pick the appropriate header element based on the supplied size. For example, size={4} tells Heading to render h4 under the hood. Default size will now be 3~ Won't do, the user will select the appropiate element with renderAs
    • [x] Allow override of renderAs for various components for consistency's sake. Except Table because with any other component will not work

    Housekeeping:

    • [x] BREAKING Move bulma to peerDependency (#258)
    • [x] BREAKING Move Remove sass import from codebase
    • [x] Remove yarn.lock
    • [x] (Optional) Rewrite class components with hooks.
    • [x] (Optional) Review how we exports the components and see if there are no a better way
    • [x] Remove default HTML attributes/React props from propTypes object (for example style, disabled) unless it is accessed by the component.

    cc @couds

    edit: marked breaking changes.

  • 2

    Rewrite TypeScript definition

    I open this here to discuss if I should remove the TS support. currently there are several issues related with the .d.ts file but I do not know ts (I use pure JS), so maybe removeing this can solve some issues. unless someone can help me with the TS support.

    So. Unless someone help me with TS I will probably remove the TS condiguration on the next major release.

    Thanks!

  • 3

    Documentation

    Using a library that generates documentations from markdown files will make writing documentation much easier and less tedious. Updating documentation will also be easier too. Right now, we are using a full-blown create-react-app project just to display a static docs page. It is way too overkill and inefficient imo. cc @couds

  • 4

    Allow the use of `ref` in the button component

    I am trying to use the Button-component together with the Reach UI library's AlertDialog and it's causing some trouble because you can't use ref with the Button-component. The React documentation suggests that forwardRef can be used to allow this, see: https://reactjs.org/docs/forwarding-refs.html

    Potentially, this would also avoid change the Input etc to class components at the same time

    react-bulma-components version in use is: 2.1.0

  • 5

    Next 9 - File to import not found or unreadable: _variables.sass.

    Hi! I've followed the advanced instructions to install the components for next.js but am still failing to correctly import the variable sass file. Its a next.js 9 app created with creat-next-app. On yarn dev I get the following stack trace:

    ModuleBuildError: Module build failed (from ./node_modules/@zeit/next-css/node_modules/mini-css-extract-plugin/dist/loader.js):
    ModuleBuildError: Module build failed (from ./node_modules/sass-loader/lib/loader.js):
    
    @import "_variables.sass"
    ^
          File to import not found or unreadable: _variables.sass.
          in /Users/richard/Documents/code/oddsjar/node_modules/react-bulma-components/src/components/utils.sass (line 3, column 1)
        at /Users/richard/Documents/code/oddsjar/node_modules/webpack/lib/NormalModule.js:316:20
        at /Users/richard/Documents/code/oddsjar/node_modules/loader-runner/lib/LoaderRunner.js:367:11
        at /Users/richard/Documents/code/oddsjar/node_modules/loader-runner/lib/LoaderRunner.js:233:18
        at context.callback (/Users/richard/Documents/code/oddsjar/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
        at Object.callback (/Users/richard/Documents/code/oddsjar/node_modules/sass-loader/lib/loader.js:55:13)
        at Object.<anonymous> (/Users/richard/Documents/code/oddsjar/node_modules/async/dist/async.js:2271:31)
        at Object.callback (/Users/richard/Documents/code/oddsjar/node_modules/async/dist/async.js:969:16)
        at options.error (/Users/richard/Documents/code/oddsjar/node_modules/node-sass/lib/index.js:294:32)
        at /Users/richard/Documents/code/oddsjar/node_modules/webpack/lib/NormalModule.js:316:20
        at /Users/richard/Documents/code/oddsjar/node_modules/loader-runner/lib/LoaderRunner.js:367:11
        at /Users/richard/Documents/code/oddsjar/node_modules/loader-runner/lib/LoaderRunner.js:182:20
        at context.callback (/Users/richard/Documents/code/oddsjar/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
        at /Users/richard/Documents/code/oddsjar/node_modules/@zeit/next-css/node_modules/mini-css-extract-plugin/dist/loader.js:112:14
        at /Users/richard/Documents/code/oddsjar/node_modules/webpack/lib/Compiler.js:343:11
        at /Users/richard/Documents/code/oddsjar/node_modules/webpack/lib/Compiler.js:681:15
        at AsyncSeriesHook.eval [as callAsync] (eval at create (/Users/richard/Documents/code/oddsjar/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:24:1)
        at AsyncSeriesHook.lazyCompileHook (/Users/richard/Documents/code/oddsjar/node_modules/tapable/lib/Hook.js:154:20)
        at /Users/richard/Documents/code/oddsjar/node_modules/webpack/lib/Compiler.js:678:31
        at AsyncSeriesHook.eval [as callAsync] (eval at create (/Users/richard/Documents/code/oddsjar/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:6:1)
        at AsyncSeriesHook.lazyCompileHook (/Users/richard/Documents/code/oddsjar/node_modules/tapable/lib/Hook.js:154:20)
        at /Users/richard/Documents/code/oddsjar/node_modules/webpack/lib/Compilation.js:1423:35
        at AsyncSeriesHook.eval [as callAsync] (eval at create (/Users/richard/Documents/code/oddsjar/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:6:1)
        at AsyncSeriesHook.lazyCompileHook (/Users/richard/Documents/code/oddsjar/node_modules/tapable/lib/Hook.js:154:20)
        at /Users/richard/Documents/code/oddsjar/node_modules/webpack/lib/Compilation.js:1414:32
    

    I've tried to follow all the similar issues in the repo but none have yet solved the problem, the only difference I can see is that I am using nextjs 9. I've setup a demo repo here https://github.com/RichAWarren/react-bulma-next-9

    Thanks in advance!

  • 6

    How to use Button with Link from react-router-dom?

    Hello @couds and team :)

    It's not allow in documentation, but still huge important thing β€” how to use Button component from react-bulma-components with Link from react-router-dom?

    For example:

    import React, { Component } from 'react';
    import { Link } from 'react-router-dom';
    
    import Columns from 'react-bulma-components/lib/components/columns';
    import Heading from 'react-bulma-components/lib/components/heading';
    import Button from 'react-bulma-components/lib/components/button';
    
    class Navigation extends Component {
      render () {
        return (
          <Columns className="has-vertical-centered is-mobile" multiline>
            <Columns.Column>
              <div className="field is-grouped is-pulled-right">
                <p className="control">
                  <Link to="/account">
                    <Button color="white" className="is-rounded">
                      <span>My Account</span>
                    </Button>
                  </Link>
                </p>
              </div>
            </Columns.Column>
          </Columns>
        );
      }
    }
    
    export default Navigation;
    

    And generated html code is:

    <div className="has-vertical-centered is-mobile columns is-multiline">
      <div className="column">
        <div className="field is-grouped is-pulled-right">
          <p className="control">
            <a href="/account">
              <a tabIndex="0" className="is-rounded is-white button">
                <span>My Account</span>
              </a>
            </a>
          </p>
      </div>
    </div>
    

    I mean one <a> tag into another <a> tag β€” it's strange and not valid. Okay, I can use renderAs props for Button to change tag to, for example, <span>. But if I do that, I get this error message in Chrome console:

    Warning: Failed prop type: Invalid prop `renderAs` supplied to `Button`.
        in Button (at Navigation.js:19)
        in Navigation (at LandingIndex.js:12)
        in div (at LandingIndex.js:11)
        in div (at LandingIndex.js:10)
        in div (at LandingIndex.js:9)
        in LandingIndex (created by Route)
        in Route (at index.js:18)
        in Switch (at index.js:17)
        in Router (created by BrowserRouter)
        in BrowserRouter (at index.js:16)
    

    How can I work via react-router-dom in right valid way? Please help ;)

    P.S. and one more question.. what component may help me to replace this CSS classes to components: field is-grouped and its options, like is-pulled-right (or center/left)?

  • 7

    How to use it with React FontAwesome component?

    Hello.

    Would be great to replace icons with React FontAwesome component.

    I have no idea what is the rbc rbc-* icons do you use into React Bulma component, for example, Dropdown component? But...

    Code is:

    import React, { Component } from 'react';
    
    import Hero from 'react-bulma-components/lib/components/hero';
    import Dropdown from 'react-bulma-components/lib/components/dropdown';
    
    class SliderHero extends Component {
      render () {
        return (
          <Hero size="fullheight" color="link">
            <Hero.Body>
              <Dropdown hoverable>
                <Dropdown.Item value="item">
                  Dropdown item
                </Dropdown.Item>
                <Dropdown.Item value="other">
                  Other Dropdown item
                </Dropdown.Item>
                <Dropdown.Item value="active">
                  Active Dropdown item
                </Dropdown.Item>
                <Dropdown.Item value="other 2">
                  Other Dropdown item
                </Dropdown.Item>
                <Dropdown.Divider/>
                <Dropdown.Item value="divider">
                  With divider
                </Dropdown.Item>
              </Dropdown>
            </Hero.Body>
          </Hero>
        );
      }
    }
    
    export default SliderHero;
    

    HTML is:

    <section className="hero is-link is-fullheight">
      <div className="hero-body">
        <div className="dropdown is-hoverable">
          <div className="dropdown-trigger" role="presentation">
            <a tabIndex="0" className="button">
              <span>Dropdown item</span>
              <span className="icon is-small"><i className="rbc rbc-angle-down"></i></span>
            </a>
          </div>
          <div className="dropdown-menu" id="dropdown-menu" role="menu">
            <div className="dropdown-content">
              <div title="item" role="presentation" className="dropdown-item">Dropdown item</div>
              <div title="other" role="presentation" className="dropdown-item">Other Dropdown item</div>
              <div title="active" role="presentation" className="dropdown-item">Active Dropdown item</div>
              <div title="other 2" role="presentation" className="dropdown-item">Other Dropdown item</div>
              <hr className="dropdown-divider">
              <div title="divider" role="presentation" className="dropdown-item">With divider</div>
            </div>
          </div>
        </div>
      </div>
    </section>
    

    And output is:

    screen shot 2018-06-16 at 20 03 05

    How to solve this OR use FontAwesome instead strange rbc-* icons? Please help me.

  • 8

    2.0.0 missing displayName from all components in the new build and defaultProps boolean noise

    Hey

    Just upgraded from 1.5.0 to 2.0.0 and noticed all snapshots are now very very different to what they were before.

    eg minified name for Columns is v, Card is p etc:

        -       <Columns
        +       <v
        +         backgroundColor={null}
    
        -       <Card
        +       <p
        +         backgroundColor={null}
    

    this is probably because of webpack 4 optimisation minimise settings for prod where UglifyJS is just being called with defaults. https://webpack.js.org/configuration/optimization/#optimization-minimize

    additionally, there seem to be a lot of new defaultProps across the board. eg Card:

        +         clearfix={false}
        +         clipped={false}
        +         hidden={false}
        +         invisible={false}
        +         italic={false}
        +         marginless={false}
        +         overlay={false}
        +         paddingless={false}
        +         radiusless={false}
    

    this is coming from https://github.com/couds/react-bulma-components/blob/master/src/modifiers/index.js#L16

     defaultProps: {
        clearfix: false,
        pull: undefined,
        marginless: false,
        paddingless: false,
        overlay: false,
        clipped: false,
        radiusless: false,
        shadowless: false,
        unselectable: false,
        invisible: false,
        hidden: false,
      },
    

    there is NO need to add any default props of type Boolean with a falsy value, simply omitting it has the same result in 99% of the cases w/o the noise.

  • 9

    Reduce Noise of ForwardRef components

    With the addition of the ForwardRef to all components now the React tree its quite difficult to follow with wuite a lot "ForwardRef Component" image

    Solution: Expose 2 components one with Ref and one without, so the developer can import the Component with Ref if necessary.

  • 10

    Added support for .buttons class

    Doc for .button class: https://bulma.io/documentation/elements/button/#list-of-buttons.

    New component: <Button.Group />
    Props:

    {
      hasAddons: PropTypes.bool,
      position: PropTypes.oneOf([undefined, '', 'centered', 'right']),
      renderAs: PropTypes.oneOfType([
        PropTypes.string,
        PropTypes.func 
      ])
    }
    

    New/modified props for <Button />:

    • renderAs now supports <span>
    • { isSelected: PropTypes.bool }

    Closes issue: https://github.com/couds/react-bulma-components/issues/93

  • 11

    Filter DOM properties before rendering element

    I have a lot of warnings and errors in my console due to bulma components passing through properties to DOM elements that are not DOM properties.

    Using something like pick react known prop to filter the properties may be useful.

  • 12

    Bump json5 from 1.0.1 to 1.0.2

    Bumps json5 from 1.0.1 to 1.0.2.

    Release notes

    Sourced from json5's releases.

    v1.0.2

    • Fix: Properties with the name __proto__ are added to objects and arrays. (#199) This also fixes a prototype pollution vulnerability reported by Jonathan Gregson! (#295). This has been backported to v1. (#298)
    Changelog

    Sourced from json5's changelog.

    Unreleased [code, diff]

    v2.2.3 [code, diff]

    v2.2.2 [code, diff]

    • Fix: Properties with the name __proto__ are added to objects and arrays. (#199) This also fixes a prototype pollution vulnerability reported by Jonathan Gregson! (#295).

    v2.2.1 [code, diff]

    • Fix: Removed dependence on minimist to patch CVE-2021-44906. (#266)

    v2.2.0 [code, diff]

    • New: Accurate and documented TypeScript declarations are now included. There is no need to install @types/json5. (#236, #244)

    v2.1.3 [code, diff]

    • Fix: An out of memory bug when parsing numbers has been fixed. (#228, #229)

    v2.1.2 [code, diff]

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

  • 13

    Bump express from 4.17.1 to 4.18.2

    Bumps express from 4.17.1 to 4.18.2.

    Release notes

    Sourced from express's releases.

    4.18.2

    4.18.1

    • Fix hanging on large stack of sync routes

    4.18.0

    ... (truncated)

    Changelog

    Sourced from express's changelog.

    4.18.2 / 2022-10-08

    4.18.1 / 2022-04-29

    • Fix hanging on large stack of sync routes

    4.18.0 / 2022-04-25

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

  • 14

    Bump qs from 6.5.2 to 6.5.3

    Bumps qs from 6.5.2 to 6.5.3.

    Changelog

    Sourced from qs's changelog.

    6.5.3

    • [Fix] parse: ignore __proto__ keys (#428)
    • [Fix] utils.merge`: avoid a crash with a null target and a truthy non-array source
    • [Fix] correctly parse nested arrays
    • [Fix] stringify: fix a crash with strictNullHandling and a custom filter/serializeDate (#279)
    • [Fix] utils: merge: fix crash when source is a truthy primitive & no options are provided
    • [Fix] when parseArrays is false, properly handle keys ending in []
    • [Fix] fix for an impossible situation: when the formatter is called with a non-string value
    • [Fix] utils.merge: avoid a crash with a null target and an array source
    • [Refactor] utils: reduce observable [[Get]]s
    • [Refactor] use cached Array.isArray
    • [Refactor] stringify: Avoid arr = arr.concat(...), push to the existing instance (#269)
    • [Refactor] parse: only need to reassign the var once
    • [Robustness] stringify: avoid relying on a global undefined (#427)
    • [readme] remove travis badge; add github actions/codecov badges; update URLs
    • [Docs] Clean up license text so it’s properly detected as BSD-3-Clause
    • [Docs] Clarify the need for "arrayLimit" option
    • [meta] fix README.md (#399)
    • [meta] add FUNDING.yml
    • [actions] backport actions from main
    • [Tests] always use String(x) over x.toString()
    • [Tests] remove nonexistent tape option
    • [Dev Deps] backport from main
    Commits
    • 298bfa5 v6.5.3
    • ed0f5dc [Fix] parse: ignore __proto__ keys (#428)
    • 691e739 [Robustness] stringify: avoid relying on a global undefined (#427)
    • 1072d57 [readme] remove travis badge; add github actions/codecov badges; update URLs
    • 12ac1c4 [meta] fix README.md (#399)
    • 0338716 [actions] backport actions from main
    • 5639c20 Clean up license text so it’s properly detected as BSD-3-Clause
    • 51b8a0b add FUNDING.yml
    • 45f6759 [Fix] fix for an impossible situation: when the formatter is called with a no...
    • f814a7f [Dev Deps] backport from main
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

  • 15

    Bump decode-uri-component from 0.2.0 to 0.2.2

    Bumps decode-uri-component from 0.2.0 to 0.2.2.

    Release notes

    Sourced from decode-uri-component's releases.

    v0.2.2

    • Prevent overwriting previously decoded tokens 980e0bf

    https://github.com/SamVerschueren/decode-uri-component/compare/v0.2.1...v0.2.2

    v0.2.1

    • Switch to GitHub workflows 76abc93
    • Fix issue where decode throws - fixes #6 746ca5d
    • Update license (#1) 486d7e2
    • Tidelift tasks a650457
    • Meta tweaks 66e1c28

    https://github.com/SamVerschueren/decode-uri-component/compare/v0.2.0...v0.2.1

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

  • 16

    Bump loader-utils from 1.4.0 to 1.4.2

    Bumps loader-utils from 1.4.0 to 1.4.2.

    Release notes

    Sourced from loader-utils's releases.

    v1.4.2

    1.4.2 (2022-11-11)

    Bug Fixes

    v1.4.1

    1.4.1 (2022-11-07)

    Bug Fixes

    Changelog

    Sourced from loader-utils's changelog.

    1.4.2 (2022-11-11)

    Bug Fixes

    1.4.1 (2022-11-07)

    Bug Fixes

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.