@paperless/conventions 0.1.0-alpha.4 → 0.1.0-alpha.400
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.
- package/CHANGELOG.md +3390 -0
- package/README.md +27 -2
- package/package.json +15 -14
- package/prettier.config.js +1 -0
package/README.md
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
<br />
|
|
8
8
|
|
|
9
9
|
<span>
|
|
10
|
-
A collection of React & Angular components that conform to the Employes design system.
|
|
10
|
+
A collection of Web, React & Angular components that conform to the Employes design system.
|
|
11
11
|
</span>
|
|
12
12
|
|
|
13
13
|
</p>
|
|
@@ -63,6 +63,12 @@ yarn add @paperless/core
|
|
|
63
63
|
#### React
|
|
64
64
|
|
|
65
65
|
```jsx
|
|
66
|
+
// setup
|
|
67
|
+
import { applyPolyfills, defineCustomElements } from '@paperless/core/loader';
|
|
68
|
+
|
|
69
|
+
applyPolyfills().then(() => defineCustomElements());
|
|
70
|
+
|
|
71
|
+
// usage
|
|
66
72
|
import { Button } from '@employes/paperless';
|
|
67
73
|
|
|
68
74
|
const App = () => <Button>Click me!</Button>;
|
|
@@ -71,16 +77,35 @@ const App = () => <Button>Click me!</Button>;
|
|
|
71
77
|
#### Angular
|
|
72
78
|
|
|
73
79
|
```jsx
|
|
80
|
+
// main.ts
|
|
81
|
+
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
|
82
|
+
import { applyPolyfills, defineCustomElements } from '@paperless/core/loader';
|
|
83
|
+
|
|
84
|
+
applyPolyfills()
|
|
85
|
+
.then(() => defineCustomElements())
|
|
86
|
+
.then(() => platformBrowserDynamic().bootstrapModule(AppModule))
|
|
87
|
+
.catch((err) => console.error(err));
|
|
88
|
+
|
|
89
|
+
// App Module
|
|
74
90
|
import { PaperlessModule } from '@employes/paperless-ngx';
|
|
75
91
|
|
|
76
92
|
@NgModule({
|
|
77
93
|
declarations: [AppComponent],
|
|
78
|
-
imports: [
|
|
94
|
+
imports: [
|
|
95
|
+
BrowserModule,
|
|
96
|
+
|
|
97
|
+
// add this in your app module
|
|
98
|
+
PaperlessModule.forRoot(),
|
|
99
|
+
|
|
100
|
+
// add this in any module using paperless components
|
|
101
|
+
PaperlessModule,
|
|
102
|
+
],
|
|
79
103
|
providers: [],
|
|
80
104
|
bootstrap: [AppComponent],
|
|
81
105
|
})
|
|
82
106
|
export class AppModule {}
|
|
83
107
|
|
|
108
|
+
// Any component
|
|
84
109
|
@Component({
|
|
85
110
|
selector: 'app-root',
|
|
86
111
|
templateUrl: `
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@paperless/conventions",
|
|
3
3
|
"description": "Paperless eslint, typescript & prettier recommended configuration",
|
|
4
|
-
"version": "0.1.0-alpha.
|
|
4
|
+
"version": "0.1.0-alpha.400",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"license": "ISC",
|
|
7
7
|
"publishConfig": {
|
|
@@ -14,27 +14,28 @@
|
|
|
14
14
|
"yarn:publish": "yarn publish"
|
|
15
15
|
},
|
|
16
16
|
"devDependencies": {
|
|
17
|
-
"@angular-eslint/eslint-plugin": "
|
|
18
|
-
"@angular-eslint/eslint-plugin-template": "
|
|
19
|
-
"@angular-eslint/template-parser": "
|
|
20
|
-
"@stencil/eslint-plugin": "
|
|
21
|
-
"@typescript-eslint/eslint-plugin": "
|
|
22
|
-
"@typescript-eslint/parser": "
|
|
23
|
-
"eslint": "
|
|
24
|
-
"eslint-plugin-react": "
|
|
25
|
-
"prettier": "
|
|
26
|
-
"typescript": "
|
|
17
|
+
"@angular-eslint/eslint-plugin": "15.2.1",
|
|
18
|
+
"@angular-eslint/eslint-plugin-template": "15.2.1",
|
|
19
|
+
"@angular-eslint/template-parser": "15.2.1",
|
|
20
|
+
"@stencil/eslint-plugin": "0.4.0",
|
|
21
|
+
"@typescript-eslint/eslint-plugin": "5.56.0",
|
|
22
|
+
"@typescript-eslint/parser": "5.56.0",
|
|
23
|
+
"eslint": "8.36.0",
|
|
24
|
+
"eslint-plugin-react": "7.32.2",
|
|
25
|
+
"prettier": "2.8.6",
|
|
26
|
+
"typescript": "4.6.3"
|
|
27
27
|
},
|
|
28
28
|
"peerDependencies": {
|
|
29
|
-
"@angular-eslint/eslint-plugin": "^13.2.1",
|
|
30
|
-
"@angular-eslint/eslint-plugin-template": "^13.2.1",
|
|
31
|
-
"@angular-eslint/template-parser": "^13.2.1",
|
|
29
|
+
"@angular-eslint/eslint-plugin": "^13.2.1 || ^14.0.0 || ^15.0.0",
|
|
30
|
+
"@angular-eslint/eslint-plugin-template": "^13.2.1 || ^14.0.0 || ^15.0.0",
|
|
31
|
+
"@angular-eslint/template-parser": "^13.2.1 || ^14.0.0 || ^15.0.0",
|
|
32
32
|
"@stencil/eslint-plugin": "^0.4.0",
|
|
33
33
|
"@typescript-eslint/eslint-plugin": "^5.19.0",
|
|
34
34
|
"@typescript-eslint/parser": "^5.19.0",
|
|
35
35
|
"eslint": "^8.13.0",
|
|
36
36
|
"eslint-plugin-react": "^7.29.4",
|
|
37
37
|
"prettier": "^2.6.2",
|
|
38
|
+
"prettier-plugin-tailwindcss": "^0.2.1",
|
|
38
39
|
"typescript": "^4.6.3"
|
|
39
40
|
}
|
|
40
41
|
}
|