Skip to content

Commit 24fd2e1

Browse files
JinSSJ3JinSSJ3
committed
[INIT]
0 parents  commit 24fd2e1

37 files changed

Lines changed: 21034 additions & 0 deletions

‎.eslintrc‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
{
2+
"parser": "@typescript-eslint/parser",
3+
"parserOptions": {
4+
"ecmaVersion": 2020,
5+
"sourceType": "module",
6+
"ecmaFeatures": {
7+
"jsx": true
8+
}
9+
},
10+
"settings": {
11+
"react": {
12+
"version": "detect"
13+
}
14+
},
15+
"plugins": ["jest"],
16+
"env": {
17+
"jest/globals": true
18+
},
19+
"extends": [
20+
"plugin:react/recommended",
21+
"plugin:@typescript-eslint/recommended",
22+
"prettier/@typescript-eslint",
23+
"plugin:prettier/recommended"
24+
],
25+
"rules": {}
26+
}

‎.github/dependabot.yml‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
version: 2
2+
updates:
3+
- package-ecosystem: npm
4+
directory: "/"
5+
schedule:
6+
interval: daily
7+
time: "10:00"
8+
open-pull-requests-limit: 10

‎.gitignore‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
node_modules
2+
#build
3+
storybook-static
4+
#src
5+
process.md
6+
src_past1
7+
src_past2
8+
src_past3

‎.npmignore‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
node_modules
2+
storybook-static
3+
src
4+
.github
5+
example
6+
rollup.config.js
7+
.travis.yml
8+
process.md
9+
src_past1
10+
src_past2
11+
src_past3

‎.prettierrc‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
{
2+
"semi": true,
3+
"trailingComma": "all",
4+
"printWidth": 80
5+
}

‎.storybook/main.js‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
const path = require('path');
2+
module.exports = {
3+
stories: ["../src/*.stories.tsx"],
4+
addons: [
5+
"@storybook/addon-actions",
6+
"@storybook/addon-links",
7+
],
8+
typescript: {
9+
check: false,
10+
checkOptions: {},
11+
reactDocgen: 'react-docgen-typescript',
12+
reactDocgenTypescriptOptions: {
13+
shouldExtractLiteralValuesFromEnum: true,
14+
propFilter: (prop) => (prop.parent ? !/node_modules/.test(prop.parent.fileName) : true),
15+
},
16+
},
17+
webpackFinal: async (config, { configType }) => {
18+
// `configType` has a value of 'DEVELOPMENT' or 'PRODUCTION'
19+
// You can change the configuration based on that.
20+
// 'PRODUCTION' is used when building the static version of storybook.
21+
22+
// Make whatever fine-grained changes you need
23+
config.module.rules.push({
24+
test: /\.scss$/,
25+
loaders: ['style-loader', 'css-loader'],
26+
include: path.resolve(__dirname, '../'),
27+
});
28+
29+
// Return the altered config
30+
return config;
31+
},
32+
};

‎CHANGELOG.md‎

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
# Change Log
2+
3+
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
4+
5+
<a name="1.0.2"></a>
6+
## [1.0.2](https://github.com/glicht/npm-get-version/compare/v1.0.1...v1.0.2) (2018-07-21)
7+
8+
9+
### Features
10+
11+
* added readme status badges ([5c25d8d](https://github.com/glicht/npm-get-version/commit/5c25d8d))
12+
13+
14+
15+
<a name="1.0.1"></a>
16+
## [1.0.1](https://github.com/glicht/npm-get-version/compare/v1.0.0...v1.0.1) (2018-06-02)
17+
18+
19+
### Features
20+
21+
* README improvements ([37d57cc](https://github.com/glicht/npm-get-version/commit/37d57cc))
22+
23+
24+
25+
<a name="1.0.0"></a>
26+
# [1.0.0](https://github.com/glicht/npm-get-version/compare/v0.1.2...v1.0.0) (2018-06-02)
27+
28+
29+
30+
<a name="0.1.2"></a>
31+
## [0.1.2](https://github.com/glicht/npm-get-version/compare/v0.1.1...v0.1.2) (2018-06-02)
32+
33+
34+
### Features
35+
36+
* travis ci and coveralls integration ([dd6b023](https://github.com/glicht/npm-get-version/commit/dd6b023))
37+
38+
39+
40+
<a name="0.1.1"></a>
41+
## [0.1.1](https://github.com/glicht/npm-get-version/compare/v0.1.0...v0.1.1) (2018-06-02)
42+
43+
44+
### Features
45+
46+
* update README description ([1e59cee](https://github.com/glicht/npm-get-version/commit/1e59cee))
47+
48+
49+
50+
<a name="0.1.0"></a>
51+
# 0.1.0 (2018-05-23)

‎LICENSE‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
MIT License
2+
3+
Copyright (c) 2021 Jin Jose Manuel Serrano Amaut
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21+
SOFTWARE.

‎README.md‎

Lines changed: 97 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,97 @@
1+
<p align="center">
2+
<img align="center" height="150" src="https://user-images.githubusercontent.com/43678736/118854376-49f1f480-b89a-11eb-91f6-a0f59c30c6c4.png" alt="Unlimited React components logologo">
3+
4+
<h1 align="center"> Dropzone</h1>
5+
6+
![npm latest package](https://img.shields.io/badge/npm%40last-1.3.1-cyan)
7+
[![install size](https://packagephobia.com/badge?p=@unlimited-react-components/react-highlight)](https://packagephobia.com/result?p=@unlimited-react-components/react-highlight)
8+
[![dependencies Status](https://status.david-dm.org/gh/unlimited-react-components/react-highlight.svg)](https://david-dm.org/unlimited-react-components/react-highlight)
9+
[![Coverage Status](https://coveralls.io/repos/github/unlimited-react-components/react-highlight/badge.svg?branch=master)](https://coveralls.io/github/unlimited-react-components/react-highlight?branch=master)
10+
[![Build Status](https://travis-ci.org/unlimited-react-components/react-highlight.svg?branch=master)](https://travis-ci.org/unlimited-react-components/react-highlight)
11+
[![Known Vulnerabilities](https://snyk.io/test/github/unlimited-react-components/react-highlight/badge.svg)](https://snyk.io/test/github/unlimited-react-components/react-highlight)
12+
[![Total alerts](https://img.shields.io/lgtm/alerts/g/unlimited-react-components/react-highlight.svg?logo=lgtm&logoWidth=18)](https://lgtm.com/projects/g/unlimited-react-components/react-highlight/alerts/)
13+
[![Language grade: JavaScript](https://img.shields.io/lgtm/grade/javascript/g/unlimited-react-components/react-highlight.svg?logo=lgtm&logoWidth=18)](https://lgtm.com/projects/g/unlimited-react-components/react-highlight/context:javascript)
14+
15+
</p>
16+
17+
If you have any issue or suggestion, or wanna improve the repo adding other languages highlights, let me know it on the github section: "[issues](https://github.com/unlimited-react-components/react-highlight/issues)", or make a pull request.
18+
19+
## Description
20+
21+
Highlight your JSX code with a react Highlight component.
22+
23+
Sample result:
24+
25+
<p align="center">
26+
<img align="center" width="65%" src="https://user-images.githubusercontent.com/43678736/119084603-b74f7380-b9c7-11eb-8ea3-752cf72098e5.png" alt="Sample result image">
27+
</p>
28+
29+
## Installation
30+
31+
react-highlight is available as an [npm package](https://www.npmjs.com/package/@unlimited-react-components/react-highlight).
32+
33+
```sh
34+
// with npm
35+
npm i @unlimited-react-components/react-highlight
36+
```
37+
38+
## Usage and examples
39+
40+
Here is a quick example to get you started, **it's all you need**:
41+
42+
[![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/react-highlight-demo-7o9pq)
43+
44+
# DropZone Components API
45+
46+
- [\<Dropzone />](#dropzone-api)
47+
- [\<DropzoneBody />](#dropzonecontainer-api)
48+
- [\<DropzoneContainer />](#dropzonecontainer-api)
49+
- [\<DropZoneFooter />](#dropzonefooter-api)
50+
- [\<DropZoneLayer />](#dropzonelayer-api)
51+
- [\<DropZoneHeader />](#dropzoneheader-api)
52+
- [\<TablePagination />]()
53+
54+
## DropZone API
55+
56+
### Props
57+
58+
## DropZoneContainer API
59+
60+
### Props
61+
62+
## DropZoneFooter API
63+
64+
### Props
65+
66+
## DropZoneHeader API
67+
68+
### Props
69+
70+
## DropZoneLayer API
71+
72+
### Props
73+
74+
## DropZoneLayer API
75+
76+
### Props and Methods
77+
78+
| Name | Type | Default | Description |
79+
| ----------- | -------- | -------- | ----------------------------------------------------------------------------- |
80+
| closeIcon | bool | true | The icon to display in place of the default close icon. |
81+
| disabled | bool | false | If true, the Dropzone input will be disabled. |
82+
| fullWidth | bool | false | If true, the Dropzone container will take up the full width of its container. |
83+
| multiple | bool | false | If true, value must be an array and the Dropzone will support multiple files. |
84+
| size | 'small' | 'medium' | The size of the Dropzone. |
85+
| | 'medium' | - | - |
86+
| | 'large' | - | - |
87+
| accept | - | - | - |
88+
| onDragEnter | - | - | - |
89+
| onDragLeave | - | - | - |
90+
| onDragOver | - | - | - |
91+
| onDrop | - | - | - |
92+
| method | - | - | - |
93+
94+
## License
95+
96+
This project is licensed under the terms of the
97+
[MIT license](/LICENSE).

‎example/example.jsx‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
import { Highligther } from "@unlimited-react-components/react-highlight";
2+
const App = (props) => {
3+
const makeCode = () => {
4+
return `
5+
//creating themes
6+
const themes = {
7+
light: {
8+
foreground: "#000000",
9+
background: "#eeeeee"
10+
},
11+
};
12+
/* this is a
13+
comment */
14+
.
15+
.
16+
.
17+
function ThemedButton() {
18+
const theme = useContext(ThemeContext);
19+
return (
20+
<button style={{
21+
background: theme.background,
22+
color: theme.foreground
23+
}}>
24+
I am styled by theme context!
25+
</button>
26+
);
27+
}
28+
`;
29+
}
30+
return (
31+
<Highligther
32+
code={makeCode()}>
33+
</Highligther>
34+
);
35+
};
36+
export default App;

0 commit comments

Comments
 (0)