diff --git a/.gitignore b/.gitignore index f5231d40..c2fbcad3 100644 --- a/.gitignore +++ b/.gitignore @@ -73,4 +73,4 @@ full .coverage .vscode .cache -.docz +.rpt2_cache diff --git a/.storybook/config.ts b/.storybook/config.ts index 476248fe..f07286ab 100644 --- a/.storybook/config.ts +++ b/.storybook/config.ts @@ -7,9 +7,9 @@ import { addDecorator, configure } from "@storybook/react"; import "../src/index.sass"; setOptions({ - name: "React Bulma Components", + name: "RBX", showAddonPanel: true, - url: "https://github.com/couds/react-bulma-components", + url: "https://github.com/dfee/rbx", }); addDecorator( diff --git a/LICENSE b/LICENSE index b6f144dc..1e9b142f 100644 --- a/LICENSE +++ b/LICENSE @@ -1,6 +1,6 @@ MIT License -Copyright (c) 2017 John +Copyright (c) 2018 John Smith, Devin Fee Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal diff --git a/README.md b/README.md index 7943604f..f5a6ddef 100644 --- a/README.md +++ b/README.md @@ -1,17 +1,15 @@ -#
React-bulma-components
- - -[![Build Status](https://travis-ci.org/couds/react-bulma-components.svg?branch=master)](https://travis-ci.org/couds/react-bulma-components) -[![Coverage Status](https://coveralls.io/repos/github/couds/react-bulma-components/badge.svg?branch=master)](https://coveralls.io/github/couds/react-bulma-components?branch=master) -[![Release Version](https://img.shields.io/github/release/couds/react-bulma-components.svg)](https://github.com/couds/react-bulma-components) -[![Npm Downloads](https://img.shields.io/npm/dm/react-bulma-components.svg)](https://www.npmjs.com/package/react-bulma-components) +#
rbx
+[![Build Status](https://travis-ci.org/dfee/rbx.svg?branch=master)](https://travis-ci.org/dfee/rbx) +[![Coverage Status](https://coveralls.io/repos/github/dfee/rbx/badge.svg?branch=master)](https://coveralls.io/github/dfee/rbx?branch=master) +[![Release Version](https://img.shields.io/github/release/dfee/rbx.svg)](https://github.com/dfee/rbx) +[![Npm Downloads](https://img.shields.io/npm/dm/rbx.svg)](https://www.npmjs.com/package/rbx) React components for Bulma (v0.7.1) framework This is an implementation of the [Bulma](http://bulma.io/) Framework Component in React by Jeremy Thomas. -You can find the Storybook stories of all components [here](https://couds.github.io/react-bulma-components/) +You can find the Storybook stories of all components [here](https://dfee.github.io/rbx/) ### BREAKING CHANGES: @@ -20,45 +18,37 @@ You can find the Storybook stories of all components [here](https://couds.github ### To Install -```npm install react-bulma-components``` or ```yarn add -E react-bulma-components``` +`npm install rbx` or `yarn add -E rbx` ### To Use Follow the instructions for creating a `_variables.sass` for your project, then: ```javascript -import React from 'react'; -// You can import from the global component (you will need to include the css file dist/react-bulma-components.min.css) -import { Columns } from 'react-bulma-components'; +import React from "react"; +// You can import from the global component (you will need to include the css file dist/rbx.min.css) +import { Columns } from "rbx"; // You can also include the js that also bundles the css (do not work with server-side rendering) -import { Columns } from 'react-bulma-components/full'; +import { Columns } from "rbx/full"; // [RECOMENDED] Or import only the components you will use (this will reduce the total bundle size) -// If you use this approach and want to use the global Bulma styles, import react-bulma-components/src/index.sass and configure webpack to handle sass files -import Columns from 'react-bulma-components/lib/components/columns'; +// If you use this approach and want to use the global Bulma styles, import rbx/src/index.sass and configure webpack to handle sass files +import Columns from "rbx/lib/components/columns"; export default () => ( - - First Column - - - Second Column - - - Third Column - - - Fourth Column - - + First Column + Second Column + Third Column + Fourth Column + ); ``` ### Documentation -You can find the documentation in https://couds.github.io/react-bulma-components +You can find the documentation in https://dfee.github.io/rbx Each component imports their own sass file. Thus, you can reduce your css total file size by only including the styles that you will use. To enable this, please configure your [Webpack](https://webpack.github.io/) to handle sass files. You can use the webpack.config.js on the root folder of this repository. @@ -66,40 +56,40 @@ Some components may vary the api/naming convention with the Bulma Docs. Please r The following components were ported: -- Box ([Storybook](https://couds.github.io/react-bulma-components/?selectedKind=Box)) ([Docs](http://bulma.io/documentation/elements/box/)) -- Breadcrumb ([Storybook](https://couds.github.io/react-bulma-components/?selectedKind=Breadcrumb)) ([Docs](http://bulma.io/documentation/components/breadcrumb/)) -- Button ([Storybook](https://couds.github.io/react-bulma-components/?selectedKind=Button)) ([Docs](http://bulma.io/documentation/elements/button/)) -- Card ([Storybook](https://couds.github.io/react-bulma-components/?selectedKind=Card)) ([Docs](http://bulma.io/documentation/components/card/)) -- Column ([Storybook](https://couds.github.io/react-bulma-components/?selectedKind=Columns)) ([Docs](http://bulma.io/documentation/columns/basics/)) -- Container ([Storybook](https://couds.github.io/react-bulma-components/?selectedKind=Container)) ([Docs](http://bulma.io/documentation/layout/container/)) -- Content ([Storybook](https://couds.github.io/react-bulma-components/?selectedKind=Content)) ([Docs](http://bulma.io/documentation/elements/content/)) -- Dropdown ([Storybook](https://couds.github.io/react-bulma-components/?selectedKind=Dropdown)) ([Docs](http://bulma.io/documentation/components/dropdown/)) -- Footer ([Storybook](https://couds.github.io/react-bulma-components/?selectedKind=Footer)) ([Docs](http://bulma.io/documentation/layout/footer/)) -- Form ([Storybook](https://couds.github.io/react-bulma-components/?selectedKind=Form)) ([Docs](http://bulma.io/documentation/form/general/)) -- Heading (Title, Subtitle and heading on Bulma) ([Storybook](https://couds.github.io/react-bulma-components/?selectedKind=Heading)) ([Docs](http://bulma.io/documentation/elements/title/)) -- Hero ([Storybook](https://couds.github.io/react-bulma-components/?selectedKind=Hero)) ([Docs](http://bulma.io/documentation/layout/hero/)) -- Icon ([Storybook](https://couds.github.io/react-bulma-components/?selectedKind=Icon)) ([Docs](http://bulma.io/documentation/elements/icon/)) -- Image ([Storybook](https://couds.github.io/react-bulma-components/?selectedKind=Image)) ([Docs](http://bulma.io/documentation/elements/image/)) -- Level ([Storybook](https://couds.github.io/react-bulma-components/?selectedKind=Level)) ([Docs](http://bulma.io/documentation/layout/level/)) -- Loader ([Storybook](https://couds.github.io/react-bulma-components/?selectedKind=Loader)) -- Media ([Storybook](https://couds.github.io/react-bulma-components/?selectedKind=Media)) ([Docs](http://bulma.io/documentation/layout/media-object/)) -- Message ([Storybook](https://couds.github.io/react-bulma-components/?selectedKind=Message)) ([Docs](http://bulma.io/documentation/components/message/)) -- Menu ([Storybook](https://couds.github.io/react-bulma-components/?selectedKind=Menu)) ([Docs](http://bulma.io/documentation/components/menu/)) -- Modal ([Storybook](https://couds.github.io/react-bulma-components/?selectedKind=Modal)) ([Docs](http://bulma.io/documentation/components/modal/)) -- Navbar ([Storybook](https://couds.github.io/react-bulma-components/?selectedKind=Navbar)) ([Docs](https://bulma.io/documentation/components/navbar/)) -- Notification ([Storybook](https://couds.github.io/react-bulma-components/?selectedKind=Notification)) ([Docs](http://bulma.io/documentation/elements/notification/)) -- Pagination ([Storybook](https://couds.github.io/react-bulma-components/?selectedKind=Pagination)) ([Docs](https://bulma.io/documentation/components/pagination/)) -- Panel ([Storybook](https://couds.github.io/react-bulma-components/?selectedKind=Panel)) ([Docs](https://bulma.io/documentation/components/panel/)) -- Progress ([Storybook](https://couds.github.io/react-bulma-components/?selectedKind=Progress)) ([Docs](http://bulma.io/documentation/elements/progress/)) -- Section ([Storybook](https://couds.github.io/react-bulma-components/?selectedKind=Section)) ([Docs](http://bulma.io/documentation/layout/section/)) -- Tabs ([Storybook](https://couds.github.io/react-bulma-components/?selectedKind=Tabs)) ([Docs](https://bulma.io/documentation/components/tabs/)) -- Table ([Storybook](https://couds.github.io/react-bulma-components/?selectedKind=Table)) ([Docs](http://bulma.io/documentation/elements/table/)) -- Tag ([Storybook](https://couds.github.io/react-bulma-components/?selectedKind=Tag)) ([Docs](http://bulma.io/documentation/elements/tag/)) -- Tile ([Storybook](https://couds.github.io/react-bulma-components/?selectedKind=Tile)) ([Docs](http://bulma.io/documentation/layout/tiles/)) +- Box ([Storybook](https://dfee.github.io/rbx/?selectedKind=Box)) ([Docs](http://bulma.io/documentation/elements/box/)) +- Breadcrumb ([Storybook](https://dfee.github.io/rbx/?selectedKind=Breadcrumb)) ([Docs](http://bulma.io/documentation/components/breadcrumb/)) +- Button ([Storybook](https://dfee.github.io/rbx/?selectedKind=Button)) ([Docs](http://bulma.io/documentation/elements/button/)) +- Card ([Storybook](https://dfee.github.io/rbx/?selectedKind=Card)) ([Docs](http://bulma.io/documentation/components/card/)) +- Column ([Storybook](https://dfee.github.io/rbx/?selectedKind=Columns)) ([Docs](http://bulma.io/documentation/columns/basics/)) +- Container ([Storybook](https://dfee.github.io/rbx/?selectedKind=Container)) ([Docs](http://bulma.io/documentation/layout/container/)) +- Content ([Storybook](https://dfee.github.io/rbx/?selectedKind=Content)) ([Docs](http://bulma.io/documentation/elements/content/)) +- Dropdown ([Storybook](https://dfee.github.io/rbx/?selectedKind=Dropdown)) ([Docs](http://bulma.io/documentation/components/dropdown/)) +- Footer ([Storybook](https://dfee.github.io/rbx/?selectedKind=Footer)) ([Docs](http://bulma.io/documentation/layout/footer/)) +- Form ([Storybook](https://dfee.github.io/rbx/?selectedKind=Form)) ([Docs](http://bulma.io/documentation/form/general/)) +- Heading (Title, Subtitle and heading on Bulma) ([Storybook](https://dfee.github.io/rbx/?selectedKind=Heading)) ([Docs](http://bulma.io/documentation/elements/title/)) +- Hero ([Storybook](https://dfee.github.io/rbx/?selectedKind=Hero)) ([Docs](http://bulma.io/documentation/layout/hero/)) +- Icon ([Storybook](https://dfee.github.io/rbx/?selectedKind=Icon)) ([Docs](http://bulma.io/documentation/elements/icon/)) +- Image ([Storybook](https://dfee.github.io/rbx/?selectedKind=Image)) ([Docs](http://bulma.io/documentation/elements/image/)) +- Level ([Storybook](https://dfee.github.io/rbx/?selectedKind=Level)) ([Docs](http://bulma.io/documentation/layout/level/)) +- Loader ([Storybook](https://dfee.github.io/rbx/?selectedKind=Loader)) +- Media ([Storybook](https://dfee.github.io/rbx/?selectedKind=Media)) ([Docs](http://bulma.io/documentation/layout/media-object/)) +- Message ([Storybook](https://dfee.github.io/rbx/?selectedKind=Message)) ([Docs](http://bulma.io/documentation/components/message/)) +- Menu ([Storybook](https://dfee.github.io/rbx/?selectedKind=Menu)) ([Docs](http://bulma.io/documentation/components/menu/)) +- Modal ([Storybook](https://dfee.github.io/rbx/?selectedKind=Modal)) ([Docs](http://bulma.io/documentation/components/modal/)) +- Navbar ([Storybook](https://dfee.github.io/rbx/?selectedKind=Navbar)) ([Docs](https://bulma.io/documentation/components/navbar/)) +- Notification ([Storybook](https://dfee.github.io/rbx/?selectedKind=Notification)) ([Docs](http://bulma.io/documentation/elements/notification/)) +- Pagination ([Storybook](https://dfee.github.io/rbx/?selectedKind=Pagination)) ([Docs](https://bulma.io/documentation/components/pagination/)) +- Panel ([Storybook](https://dfee.github.io/rbx/?selectedKind=Panel)) ([Docs](https://bulma.io/documentation/components/panel/)) +- Progress ([Storybook](https://dfee.github.io/rbx/?selectedKind=Progress)) ([Docs](http://bulma.io/documentation/elements/progress/)) +- Section ([Storybook](https://dfee.github.io/rbx/?selectedKind=Section)) ([Docs](http://bulma.io/documentation/layout/section/)) +- Tabs ([Storybook](https://dfee.github.io/rbx/?selectedKind=Tabs)) ([Docs](https://bulma.io/documentation/components/tabs/)) +- Table ([Storybook](https://dfee.github.io/rbx/?selectedKind=Table)) ([Docs](http://bulma.io/documentation/elements/table/)) +- Tag ([Storybook](https://dfee.github.io/rbx/?selectedKind=Tag)) ([Docs](http://bulma.io/documentation/elements/tag/)) +- Tile ([Storybook](https://dfee.github.io/rbx/?selectedKind=Tile)) ([Docs](http://bulma.io/documentation/layout/tiles/)) ### Override Bulma variables -To override the variables set by Bulma you will need to create a sass file like this one (_variable.sass): +To override the variables set by Bulma you will need to create a sass file like this one (\_variable.sass): ```sass @import '~bulma/sass/utilities/initial-variables.sass' @@ -170,11 +160,11 @@ Create React App 2 now supports automatic SASS compilation, meaning that all you // Any Bulma variables I want to override go here... $family-sans-serif: 'Overpass', sans-serif -@import '~react-bulma-components/src/index' +@import '~rbx/src/index' ``` Of course, as per the CRA team's instructions, make sure to import this stylesheet somewhere in your CRA app: ```js -import './App.sass'; +import "./App.sass"; ``` diff --git a/docs/README.md b/docs/README.md index 12c55262..1137318d 100644 --- a/docs/README.md +++ b/docs/README.md @@ -1,9 +1,8 @@ -# react-bulma-components +# rbx -React components for Bulma framework +React components for Bulma framework written in TypeScript. - -You can use the [editor on GitHub](https://github.com/couds/react-bulma-components/edit/master/README.md) to maintain and preview the content for your website in Markdown files. +You can use the [editor on GitHub](https://github.com/dfee/rbx/edit/master/README.md) to maintain and preview the content for your website in Markdown files. Whenever you commit to this repository, GitHub Pages will run [Jekyll](https://jekyllrb.com/) to rebuild the pages in your site, from the content in your Markdown files. @@ -15,7 +14,9 @@ Markdown is a lightweight and easy-to-use syntax for styling your writing. It in Syntax highlighted code block # Header 1 + ## Header 2 + ### Header 3 - Bulleted @@ -33,7 +34,7 @@ For more details see [GitHub Flavored Markdown](https://guides.github.com/featur ### Jekyll Themes -Your Pages site will use the layout and styles from the Jekyll theme you have selected in your [repository settings](https://github.com/couds/react-bulma-components/settings). The name of this theme is saved in the Jekyll `_config.yml` configuration file. +Your Pages site will use the layout and styles from the Jekyll theme you have selected in your [repository settings](https://github.com/dfee/rbx/settings). The name of this theme is saved in the Jekyll `_config.yml` configuration file. ### Support or Contact diff --git a/package-lock.json b/package-lock.json index d3ca47ab..25c19832 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,5 +1,5 @@ { - "name": "react-bulma-components", + "name": "rbx", "version": "2.3.0", "lockfileVersion": 1, "requires": true, @@ -1824,6 +1824,12 @@ "@types/enzyme": "*" } }, + "@types/estree": { + "version": "0.0.39", + "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz", + "integrity": "sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==", + "dev": true + }, "@types/jest": { "version": "23.3.9", "resolved": "https://registry.npmjs.org/@types/jest/-/jest-23.3.9.tgz", @@ -6425,6 +6431,12 @@ "integrity": "sha1-De4/7TH81GlhjOc0IJn8GvoL2xM=", "dev": true }, + "estree-walker": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-0.5.2.tgz", + "integrity": "sha512-XpCnW/AE10ws/kDAs37cngSkvgIR8aN3G0MS85m7dUpuK2EREo9VJ00uvw6Dg/hXEpfsE1I1TvJOJr+Z+TL+ig==", + "dev": true + }, "esutils": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.2.tgz", @@ -14676,10 +14688,13 @@ "dev": true }, "rimraf": { - "version": "2.2.8", - "resolved": "http://registry.npmjs.org/rimraf/-/rimraf-2.2.8.tgz", - "integrity": "sha1-5Dm+Kq7jJzIZUnMPmaiSnk/FBYI=", - "dev": true + "version": "2.6.2", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.2.tgz", + "integrity": "sha512-lreewLK/BlghmxtfH36YYVg1i8IAce4TI7oao75I1g245+6BctqTVQiBP3YUJ9C6DQOXJmkYR9X9fCLtCOJc5w==", + "dev": true, + "requires": { + "glob": "^7.0.5" + } }, "ripemd160": { "version": "2.0.2", @@ -14691,6 +14706,165 @@ "inherits": "^2.0.1" } }, + "rollup": { + "version": "0.67.3", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-0.67.3.tgz", + "integrity": "sha512-TyNQCz97rKuVVbsKUTXfwIjV7UljWyTVd7cTMuE+aqlQ7WJslkYF5QaYGjMLR2BlQtUOO5CAxSVnpQ55iYp5jg==", + "dev": true, + "requires": { + "@types/estree": "0.0.39", + "@types/node": "*" + } + }, + "rollup-plugin-sass": { + "version": "0.9.2", + "resolved": "https://registry.npmjs.org/rollup-plugin-sass/-/rollup-plugin-sass-0.9.2.tgz", + "integrity": "sha512-/eGRVuwHJdeY5/2RC2oLwnDFH/jMaeKyio3ZFD96ORLAUZ15naTCEBtQ46a6NkaHbNmk/UaTf3ZwGKzBsmZP6A==", + "dev": true, + "requires": { + "babel-runtime": "^6.23.0", + "fs-extra": "^0.30.0", + "pify": "^3.0.0", + "resolve": "^1.5.0", + "rollup-pluginutils": ">= 1.3.1", + "sass": "1.7.2" + } + }, + "rollup-plugin-typescript2": { + "version": "0.18.0", + "resolved": "https://registry.npmjs.org/rollup-plugin-typescript2/-/rollup-plugin-typescript2-0.18.0.tgz", + "integrity": "sha512-AL7LJl31bYO/x8zO1fuE7ACn/2nDs9DVYL3qjiWSYg5LC4EV/iKuCL4Fm6pjzEqCB4fFIMXoUuGUf5R+BLNKSg==", + "dev": true, + "requires": { + "fs-extra": "7.0.0", + "resolve": "1.8.1", + "rollup-pluginutils": "2.3.3", + "tslib": "1.9.3" + }, + "dependencies": { + "fs-extra": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.0.tgz", + "integrity": "sha512-EglNDLRpmaTWiD/qraZn6HREAEAHJcJOmxNEYwq6xeMKnVMAy3GUcFB+wXt2C6k4CNvB/mP1y/U3dzvKKj5OtQ==", + "dev": true, + "requires": { + "graceful-fs": "^4.1.2", + "jsonfile": "^4.0.0", + "universalify": "^0.1.0" + } + }, + "jsonfile": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz", + "integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=", + "dev": true, + "requires": { + "graceful-fs": "^4.1.6" + } + } + } + }, + "rollup-pluginutils": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/rollup-pluginutils/-/rollup-pluginutils-2.3.3.tgz", + "integrity": "sha512-2XZwja7b6P5q4RZ5FhyX1+f46xi1Z3qBKigLRZ6VTZjwbN0K1IFGMlwm06Uu0Emcre2Z63l77nq/pzn+KxIEoA==", + "dev": true, + "requires": { + "estree-walker": "^0.5.2", + "micromatch": "^2.3.11" + }, + "dependencies": { + "arr-diff": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-2.0.0.tgz", + "integrity": "sha1-jzuCf5Vai9ZpaX5KQlasPOrjVs8=", + "dev": true, + "requires": { + "arr-flatten": "^1.0.1" + } + }, + "array-unique": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.2.1.tgz", + "integrity": "sha1-odl8yvy8JiXMcPrc6zalDFiwGlM=", + "dev": true + }, + "braces": { + "version": "1.8.5", + "resolved": "https://registry.npmjs.org/braces/-/braces-1.8.5.tgz", + "integrity": "sha1-uneWLhLf+WnWt2cR6RS3N4V79qc=", + "dev": true, + "requires": { + "expand-range": "^1.8.1", + "preserve": "^0.2.0", + "repeat-element": "^1.1.2" + } + }, + "expand-brackets": { + "version": "0.1.5", + "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-0.1.5.tgz", + "integrity": "sha1-3wcoTjQqgHzXM6xa9yQR5YHRF3s=", + "dev": true, + "requires": { + "is-posix-bracket": "^0.1.0" + } + }, + "extglob": { + "version": "0.3.2", + "resolved": "https://registry.npmjs.org/extglob/-/extglob-0.3.2.tgz", + "integrity": "sha1-Lhj/PS9JqydlzskCPwEdqo2DSaE=", + "dev": true, + "requires": { + "is-extglob": "^1.0.0" + } + }, + "is-extglob": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz", + "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA=", + "dev": true + }, + "is-glob": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz", + "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=", + "dev": true, + "requires": { + "is-extglob": "^1.0.0" + } + }, + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "dev": true, + "requires": { + "is-buffer": "^1.1.5" + } + }, + "micromatch": { + "version": "2.3.11", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-2.3.11.tgz", + "integrity": "sha1-hmd8l9FyCzY0MdBNDRUpO9OMFWU=", + "dev": true, + "requires": { + "arr-diff": "^2.0.0", + "array-unique": "^0.2.1", + "braces": "^1.8.2", + "expand-brackets": "^0.1.4", + "extglob": "^0.3.1", + "filename-regex": "^2.0.0", + "is-extglob": "^1.0.0", + "is-glob": "^2.0.1", + "kind-of": "^3.0.2", + "normalize-path": "^2.0.1", + "object.omit": "^2.0.0", + "parse-glob": "^3.0.4", + "regex-cache": "^0.4.2" + } + } + } + }, "rst-selector-parser": { "version": "2.2.3", "resolved": "https://registry.npmjs.org/rst-selector-parser/-/rst-selector-parser-2.2.3.tgz", @@ -14786,6 +14960,15 @@ } } }, + "sass": { + "version": "1.7.2", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.7.2.tgz", + "integrity": "sha512-zUm2NXL77WtQDbp4MKgysAxH41Fzs5BnBUogEPi8IKNQ1M5rKoFe46YBXfxr0I+cQX+xbSc//psSdq5eyYhJsg==", + "dev": true, + "requires": { + "chokidar": "^2.0.0" + } + }, "sass-graph": { "version": "2.2.4", "resolved": "https://registry.npmjs.org/sass-graph/-/sass-graph-2.2.4.tgz", @@ -15999,6 +16182,14 @@ "requires": { "os-tmpdir": "^1.0.0", "rimraf": "~2.2.6" + }, + "dependencies": { + "rimraf": { + "version": "2.2.8", + "resolved": "http://registry.npmjs.org/rimraf/-/rimraf-2.2.8.tgz", + "integrity": "sha1-5Dm+Kq7jJzIZUnMPmaiSnk/FBYI=", + "dev": true + } } }, "term-size": { @@ -16821,6 +17012,12 @@ "crypto-random-string": "^1.0.0" } }, + "universalify": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz", + "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==", + "dev": true + }, "unpipe": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", diff --git a/package.json b/package.json index fc9668a7..bc502ad0 100644 --- a/package.json +++ b/package.json @@ -1,25 +1,27 @@ { - "name": "react-bulma-components", + "name": "rbx", "version": "2.3.0", "description": "React components for Bulma framework", - "main": "dist", + "main": "dist/index.js", + "module": "dist/index.es.js", + "files": [ + "dist" + ], + "types": "dist/index.d.ts", "scripts": { - "test": "jest", - "test:cov": "tslint --project . && jest --coverage", - "tslint": "tslint --project .", + "build": "rollup -c", + "clean:build": "rimraf dist/* && rollup -c", + "clean": "rimraf dist/*", "coveralls": "cat ./.coverage/lcov.info | coveralls", - "clean:build": "rm -rf dist && rm -rf lib && rm -rf full", - "build": "WEBPACK_ENV=INCLUDE_CSS webpack --progress --color --mode=production && webpack --progress --color --mode=production && npm create:lib", - "create:lib": "babel ./src --out-dir ./lib --copy-files --source-maps", - "clean:test": "rm -rf $(find ./lib -name \"__test__\")", "storybook": "start-storybook -p 9001 -c .storybook", - "tsc:build": "NODE_ENV=production tsc -p .", - "tsc:build2": "webpack --progress --color --mode-production", - "docz:dev": "docz dev" + "test:cov": "tslint --project . && jest --coverage", + "test": "jest", + "tslint": "tslint --project .", + "watch": "rollup -cw" }, "repository": { "type": "git", - "url": "git+https://github.com/dfee/react-bulma-components.git" + "url": "git+https://github.com/dfee/rbx.git" }, "keywords": [ "react", @@ -30,9 +32,9 @@ "author": "Devin Fee", "license": "MIT", "bugs": { - "url": "https://github.com/dfee/react-bulma-components/issues" + "url": "https://github.com/dfee/rbx/issues" }, - "homepage": "https://github.com/dfee/react-bulma-components#readme", + "homepage": "https://github.com/dfee/rbx#readme", "dependencies": { "bulma": "0.7.1" }, @@ -108,6 +110,10 @@ "react-dom": "16.6.3", "react-test-renderer": "16.6.3", "resolve-url-loader": "3.0.0", + "rimraf": "^2.6.2", + "rollup": "^0.67.3", + "rollup-plugin-sass": "^0.9.2", + "rollup-plugin-typescript2": "^0.18.0", "sass-loader": "7.1.0", "source-map-loader": "^0.2.4", "source-map-support": "0.5.9", diff --git a/rollup.config.js b/rollup.config.js new file mode 100644 index 00000000..3224684b --- /dev/null +++ b/rollup.config.js @@ -0,0 +1,32 @@ +import sass from "rollup-plugin-sass"; +import typescript from "rollup-plugin-typescript2"; + +import pkg from "./package.json"; + +export default { + input: "src/index.ts", + output: [ + { + file: pkg.main, + format: "cjs" + }, + { + file: pkg.module, + format: "es" + } + ], + external: [ + ...Object.keys(pkg.dependencies || {}), + ...Object.keys(pkg.peerDependencies || {}) + ], + plugins: [ + sass({ + output: true + }), + typescript({ + exclude: ["*.test.tsx", "*.story.tsx"], + tsconfig: "tsconfig.json", + typescript: require("typescript") + }) + ] +}; diff --git a/src/components/box/box.story.tsx b/src/components/box/box.story.tsx index 5fa86413..8a22f29a 100644 --- a/src/components/box/box.story.tsx +++ b/src/components/box/box.story.tsx @@ -46,8 +46,7 @@ storiesOf("Box", module).add("Default", () => (

- John Smith @johnsmith{" "} - 31m + Devin Fee @dfee 31m
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas diff --git a/src/components/button/__tests__/__snapshots__/button.test.tsx.snap b/src/components/button/__tests__/__snapshots__/button.test.tsx.snap index 65f5a7d9..799076d4 100644 --- a/src/components/button/__tests__/__snapshots__/button.test.tsx.snap +++ b/src/components/button/__tests__/__snapshots__/button.test.tsx.snap @@ -166,7 +166,7 @@ exports[`Button component Should be an anchor button 1`] = ` diff --git a/src/components/button/__tests__/button.test.tsx b/src/components/button/__tests__/button.test.tsx index f5b49554..6d23ced2 100644 --- a/src/components/button/__tests__/button.test.tsx +++ b/src/components/button/__tests__/button.test.tsx @@ -25,10 +25,7 @@ describe("Button component", () => { it("Should be an anchor button", () => { const component = renderer.create( - diff --git a/src/components/card/card.story.tsx b/src/components/card/card.story.tsx index 7f856be3..bd4fe386 100644 --- a/src/components/card/card.story.tsx +++ b/src/components/card/card.story.tsx @@ -29,9 +29,9 @@ storiesOf("Card", module) /> - John Smith + Devin Fee - @johnsmith + @dfee @@ -61,9 +61,9 @@ storiesOf("Card", module) /> - John Smith + Devin Fee - @johnsmith + @dfee diff --git a/src/components/icon/icon.sass b/src/components/icon/icon.sass index e13ea367..55be0b81 100644 --- a/src/components/icon/icon.sass +++ b/src/components/icon/icon.sass @@ -2,14 +2,14 @@ @import '~bulma/sass/elements/icon.sass' @font-face - font-family: 'react-bulma-componentsregular' + font-family: 'rbcregular' src: url('data:font/eot;base64,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') format('embedded-opentype'), url('data:font/ttf;base64,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') format('truetype'), url('data:font/woff;base64,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') format('woff'), url('data:font/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiID4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8bWV0YWRhdGE+R2VuZXJhdGVkIGJ5IEljb01vb248L21ldGFkYXRhPgo8ZGVmcz4KPGZvbnQgaWQ9InJlYWN0LWJ1bG1hLWNvbXBvbmVudHMiIGhvcml6LWFkdi14PSIxMDI0Ij4KPGZvbnQtZmFjZSB1bml0cy1wZXItZW09IjEwMjQiIGFzY2VudD0iOTYwIiBkZXNjZW50PSItNjQiIC8+CjxtaXNzaW5nLWdseXBoIGhvcml6LWFkdi14PSIxMDI0IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4MjA7IiBob3Jpei1hZHYteD0iNTEyIiBkPSIiIC8+CjxnbHlwaCB1bmljb2RlPSImI3hmMDkzOyIgZ2x5cGgtbmFtZT0idXBsb2FkIiBob3Jpei1hZHYteD0iOTUxIiBkPSJNNzMxLjQyOSAxMDkuNzE0YzAgMjAtMTYuNTcxIDM2LjU3MS0zNi41NzEgMzYuNTcxcy0zNi41NzEtMTYuNTcxLTM2LjU3MS0zNi41NzEgMTYuNTcxLTM2LjU3MSAzNi41NzEtMzYuNTcxIDM2LjU3MSAxNi41NzEgMzYuNTcxIDM2LjU3MXpNODc3LjcxNCAxMDkuNzE0YzAgMjAtMTYuNTcxIDM2LjU3MS0zNi41NzEgMzYuNTcxcy0zNi41NzEtMTYuNTcxLTM2LjU3MS0zNi41NzEgMTYuNTcxLTM2LjU3MSAzNi41NzEtMzYuNTcxIDM2LjU3MSAxNi41NzEgMzYuNTcxIDM2LjU3MXpNOTUwLjg1NyAyMzcuNzE0di0xODIuODU3YzAtMzAuMjg2LTI0LjU3MS01NC44NTctNTQuODU3LTU0Ljg1N2gtODQxLjE0M2MtMzAuMjg2IDAtNTQuODU3IDI0LjU3MS01NC44NTcgNTQuODU3djE4Mi44NTdjMCAzMC4yODYgMjQuNTcxIDU0Ljg1NyA1NC44NTcgNTQuODU3aDI0NGMxNS40MjktNDIuMjg2IDU2LTczLjE0MyAxMDMuNDI5LTczLjE0M2gxNDYuMjg2YzQ3LjQyOSAwIDg4IDMwLjg1NyAxMDMuNDI5IDczLjE0M2gyNDRjMzAuMjg2IDAgNTQuODU3LTI0LjU3MSA1NC44NTctNTQuODU3ek03NjUuMTQzIDYwOGMtNS43MTQtMTMuNzE0LTE4Ljg1Ny0yMi44NTctMzMuNzE0LTIyLjg1N2gtMTQ2LjI4NnYtMjU2YzAtMjAtMTYuNTcxLTM2LjU3MS0zNi41NzEtMzYuNTcxaC0xNDYuMjg2Yy0yMCAwLTM2LjU3MSAxNi41NzEtMzYuNTcxIDM2LjU3MXYyNTZoLTE0Ni4yODZjLTE0Ljg1NyAwLTI4IDkuMTQzLTMzLjcxNCAyMi44NTctNS43MTQgMTMuMTQzLTIuODU3IDI5LjE0MyA4IDM5LjQyOWwyNTYgMjU2YzYuODU3IDcuNDI5IDE2LjU3MSAxMC44NTcgMjUuNzE0IDEwLjg1N3MxOC44NTctMy40MjkgMjUuNzE0LTEwLjg1N2wyNTYtMjU2YzEwLjg1Ny0xMC4yODYgMTMuNzE0LTI2LjI4NiA4LTM5LjQyOXoiIC8+CjxnbHlwaCB1bmljb2RlPSImI3hmMGM5OyIgZ2x5cGgtbmFtZT0iYmFycyIgaG9yaXotYWR2LXg9Ijg3OCIgZD0iTTg3Ny43MTQgMTgyLjg1N3YtNzMuMTQzYzAtMjAtMTYuNTcxLTM2LjU3MS0zNi41NzEtMzYuNTcxaC04MDQuNTcxYy0yMCAwLTM2LjU3MSAxNi41NzEtMzYuNTcxIDM2LjU3MXY3My4xNDNjMCAyMCAxNi41NzEgMzYuNTcxIDM2LjU3MSAzNi41NzFoODA0LjU3MWMyMCAwIDM2LjU3MS0xNi41NzEgMzYuNTcxLTM2LjU3MXpNODc3LjcxNCA0NzUuNDI4di03My4xNDNjMC0yMC0xNi41NzEtMzYuNTcxLTM2LjU3MS0zNi41NzFoLTgwNC41NzFjLTIwIDAtMzYuNTcxIDE2LjU3MS0zNi41NzEgMzYuNTcxdjczLjE0M2MwIDIwIDE2LjU3MSAzNi41NzEgMzYuNTcxIDM2LjU3MWg4MDQuNTcxYzIwIDAgMzYuNTcxLTE2LjU3MSAzNi41NzEtMzYuNTcxek04NzcuNzE0IDc2OHYtNzMuMTQzYzAtMjAtMTYuNTcxLTM2LjU3MS0zNi41NzEtMzYuNTcxaC04MDQuNTcxYy0yMCAwLTM2LjU3MSAxNi41NzEtMzYuNTcxIDM2LjU3MXY3My4xNDNjMCAyMCAxNi41NzEgMzYuNTcxIDM2LjU3MSAzNi41NzFoODA0LjU3MWMyMCAwIDM2LjU3MS0xNi41NzEgMzYuNTcxLTM2LjU3MXoiIC8+CjxnbHlwaCB1bmljb2RlPSImI3hmMTA3OyIgZ2x5cGgtbmFtZT0iYW5nbGUtZG93biIgaG9yaXotYWR2LXg9IjY1OCIgZD0iTTYxNC4yODYgNTMwLjI4NmMwLTQuNTcxLTIuMjg2LTkuNzE0LTUuNzE0LTEzLjE0M2wtMjY2LjI4Ni0yNjYuMjg2Yy0zLjQyOS0zLjQyOS04LjU3MS01LjcxNC0xMy4xNDMtNS43MTRzLTkuNzE0IDIuMjg2LTEzLjE0MyA1LjcxNGwtMjY2LjI4NiAyNjYuMjg2Yy0zLjQyOSAzLjQyOS01LjcxNCA4LjU3MS01LjcxNCAxMy4xNDNzMi4yODYgOS43MTQgNS43MTQgMTMuMTQzbDI4LjU3MSAyOC41NzFjMy40MjkgMy40MjkgOCA1LjcxNCAxMy4xNDMgNS43MTQgNC41NzEgMCA5LjcxNC0yLjI4NiAxMy4xNDMtNS43MTRsMjI0LjU3MS0yMjQuNTcxIDIyNC41NzEgMjI0LjU3MWMzLjQyOSAzLjQyOSA4LjU3MSA1LjcxNCAxMy4xNDMgNS43MTRzOS43MTQtMi4yODYgMTMuMTQzLTUuNzE0bDI4LjU3MS0yOC41NzFjMy40MjktMy40MjkgNS43MTQtOC41NzEgNS43MTQtMTMuMTQzeiIgLz4KPC9mb250PjwvZGVmcz48L3N2Zz4=') format('svg') font-weight: normal font-style: normal [class^="rbc-"], [class*=" rbc-"] /* use !important to prevent issues with browser extensions that change fonts */ - font-family: 'react-bulma-componentsregular' !important + font-family: 'rbcregular' !important speak: none font-style: normal font-weight: normal diff --git a/src/components/media/media.story.tsx b/src/components/media/media.story.tsx index 418bfdd9..bacf6c1a 100644 --- a/src/components/media/media.story.tsx +++ b/src/components/media/media.story.tsx @@ -29,7 +29,7 @@ storiesOf("Media", module)

- John Smith @johnsmith{" "} + Devin Fee @dfee{" "} 31m
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin diff --git a/src/components/modal/modal.story.tsx b/src/components/modal/modal.story.tsx index 687a5b0d..85d69d4e 100644 --- a/src/components/modal/modal.story.tsx +++ b/src/components/modal/modal.story.tsx @@ -95,7 +95,7 @@ storiesOf("Modal", module)

- John Smith @johnsmith{" "} + Devin Fee @dfee{" "} 31m
If the children of the Modal is a card, the close button will diff --git a/src/components/panel/panel.story.tsx b/src/components/panel/panel.story.tsx index 65007ce3..9cfc0258 100644 --- a/src/components/panel/panel.story.tsx +++ b/src/components/panel/panel.story.tsx @@ -29,7 +29,7 @@ storiesOf("Panel", module) - react-bulma-components + rbc @@ -41,7 +41,7 @@ storiesOf("Panel", module) - couds.gidhub.io + dfee.github.io diff --git a/tsconfig.json b/tsconfig.json index 249e7a4a..3d261da7 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -4,19 +4,21 @@ "allowSyntheticDefaultImports": true, "baseUrl": ".", "declaration": true, + "declarationMap": true, + "declarationDir": "./dist", "emitDecoratorMetadata": true, "esModuleInterop": true, "experimentalDecorators": true, "forceConsistentCasingInFileNames": false, "jsx": "react", "lib": ["es5", "es6", "es7", "es2017", "dom"], - "module": "commonjs", + "module": "es6", "moduleResolution": "node", "noImplicitAny": true, "noImplicitReturns": true, "noImplicitThis": true, "noUnusedLocals": true, - "outDir": "build/lib", + "outDir": "./dist", "paths": { "@/*": ["./src/*"] },