@bodynarf/react.components 1.2.0 → 1.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist +38 -0
  2. package/package.json +2 -2
  3. package/readme.md +21 -10
package/dist ADDED
@@ -0,0 +1,38 @@
1
+ {
2
+ "name": "@bodynarf/react.components",
3
+ "version": "1.2.0",
4
+ "author": {
5
+ "name": "Artem",
6
+ "email": "bodynar@gmail.com"
7
+ },
8
+ "repository": {
9
+ "url": "https://github.com/bodynar/bodynarf.react-components",
10
+ "type": "git"
11
+ },
12
+ "bugs": {
13
+ "url": "https://github.com/bodynar/bodynarf.react-components/issues",
14
+ "email": "bodynar@gmail.com"
15
+ },
16
+ "keywords": [
17
+ "ts",
18
+ "typescript",
19
+ "react",
20
+ "react component",
21
+ "bulma"
22
+ ],
23
+ "scripts": {
24
+ "build": "npx tsc",
25
+ "publish": "npx tsc && copy package.json dist && cd dist && npm publish --access=public"
26
+ },
27
+ "devDependencies": {
28
+ "@types/react": "^18.0.11",
29
+ "@types/react-dom": "^18.0.5",
30
+ "typescript": "^4.7.3"
31
+ },
32
+ "dependencies": {
33
+ "@bodynarf/utils": "^1.0.10",
34
+ "bulma": "^0.9.4",
35
+ "react": "^18.1.0",
36
+ "react-dom": "^18.1.0"
37
+ }
38
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bodynarf/react.components",
3
- "version": "1.2.0",
3
+ "version": "1.2.1",
4
4
  "author": {
5
5
  "name": "Artem",
6
6
  "email": "bodynar@gmail.com"
@@ -22,7 +22,7 @@
22
22
  ],
23
23
  "scripts": {
24
24
  "build": "npx tsc",
25
- "publish": "npx tsc && copy package.json dist && cd dist && npm publish --access=public"
25
+ "publish": "npx tsc && copy package.json dist && copy readme.md dist && cd dist && npm publish --access=public"
26
26
  },
27
27
  "devDependencies": {
28
28
  "@types/react": "^18.0.11",
package/readme.md CHANGED
@@ -1,7 +1,5 @@
1
1
  # About
2
- Small library with react components based on Bulma
3
-
4
- <a href="https://bulma.io" title="Bulma css framework">
2
+ Small library with react components based on Bulma CSS framework&nbsp; <a href="https://bulma.io" title="Bulma css framework">
5
3
  <img
6
4
  src="https://bulma.io/images/made-with-bulma.png"
7
5
  alt="Made with Bulma"
@@ -9,13 +7,26 @@ Small library with react components based on Bulma
9
7
  height="24"/>
10
8
  </a>
11
9
 
10
+ ## Installation
11
+ 1. Install [React](https://reactjs.org/)
12
+ 2. Install [Bulma](https://bulma.io/)
13
+ 3. Make sure you imported bulma styles in parent container
14
+ 4. *(Optional)* To use **Icon** component - install [Bootstrap Icons](https://icons.getbootstrap.com/) and make sure you imported these styles in parent container
15
+
12
16
  ## Description
13
- Contained components:
17
+ ### Simple components
18
+ Simple react components based on html elements.
19
+
20
+ - **Date** - date input;
21
+ - **Multiline** - multiline text input;
22
+ - **Text**- single line text input;
14
23
  - **Anchor**
15
24
  - **Button**
16
- - **Dropdown**
17
- - **Icon**
18
- - **Search**
19
- - **Date** - primitive date input;
20
- - **Multiline** - primitive multiline text input;
21
- - **Text**- primitive single line text input;
25
+ - **Icon** - *see p.4 of installation*
26
+ - **Dropdown** - custom dropdown component, based on html div elements & css. Allows to use icon in elements
27
+
28
+ ### Complex components
29
+ Complex components is set of components built via combining simple components or represent complex logical component
30
+ - **Search** - Search bar with optional button to perform search
31
+ - **Paginator** - Pagination elements to navigate through paged list
32
+