Skip to content

Commit 462d37b

Browse files
rwieruchrwieruch
committed
wip
1 parent 9c5d5bb commit 462d37b

File tree

149 files changed

+3894
-1861
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

149 files changed

+3894
-1861
lines changed

‎.babelrc

+1
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@
88
"module-resolver",
99
{
1010
"alias": {
11+
"@table-library/react-table-library/types": "./src/types",
1112
"@table-library/react-table-library/common": "./src/common",
1213
"@table-library/react-table-library/table": "./src/table",
1314
"@table-library/react-table-library/theme": "./src/theme",

‎.eslintrc

+26-5
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,13 @@
11
{
2-
"parser": "@babel/eslint-parser",
2+
"parser": "@typescript-eslint/parser",
3+
"parserOptions": {
4+
"project": "./tsconfig.json",
5+
"ecmaVersion": 2020,
6+
"sourceType": "module",
7+
"ecmaFeatures": {
8+
"jsx": true
9+
}
10+
},
311
"env": {
412
"browser": true,
513
"commonjs": true,
@@ -8,28 +16,41 @@
816
"jest": true
917
},
1018
"extends": [
11-
"airbnb",
19+
"plugin:react/recommended",
20+
"plugin:@typescript-eslint/recommended",
21+
"airbnb-typescript",
1222
"prettier",
1323
"plugin:import/errors",
14-
"plugin:import/warnings"
24+
"plugin:import/warnings",
25+
"plugin:import/typescript"
1526
],
1627
"plugins": ["prettier", "react-hooks"],
1728
"settings": {
1829
"import/resolver": {
19-
"babel-module": {}
30+
"babel-module": {
31+
"extensions": [".js", ".jsx", ".ts", ".tsx"]
32+
}
33+
},
34+
"react": {
35+
"version": "detect"
2036
}
2137
},
2238
"rules": {
2339
"prettier/prettier": ["error"],
2440
"react-hooks/rules-of-hooks": "error",
2541
"react-hooks/exhaustive-deps": "warn",
42+
"@typescript-eslint/default-param-last": 0,
43+
"@typescript-eslint/ban-ts-comment": 0,
44+
"@typescript-eslint/no-explicit-any": 0,
45+
"@typescript-eslint/no-non-null-assertion": 0,
46+
"react/display-name": 0,
2647
"react/jsx-props-no-spreading": 0,
2748
"react/require-default-props": 0,
2849
"react/jsx-wrap-multilines": 0,
2950
"react/jsx-filename-extension": [
3051
1,
3152
{
32-
"extensions": [".js", ".jsx"]
53+
"extensions": [".ts", ".tsx"]
3354
}
3455
],
3556
"jsx-a11y/heading-has-content": 0,

‎.gitignore

+1
Original file line numberDiff line numberDiff line change
@@ -10,3 +10,4 @@ dist
1010
.orig
1111

1212
.vscode/
13+
.eslintcache

‎.prettierrc

+3-2
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
{
22
"singleQuote": true,
3-
"printWidth": 70
4-
}
3+
"printWidth": 100,
4+
"trailingComma": "all"
5+
}

‎.storybook/preview.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ export const parameters = {
3434
'Column Grouping (WIP)',
3535
],
3636
'Composites',
37-
['Sort & Select (WIP)', 'Tree & Select', 'Tree & Sort'],
37+
['Sort & Select', 'Tree & Select', 'Tree & Sort'],
3838
'Misc',
3939
['Cell', 'Row', 'Column'],
4040
'Product Themes',

‎.storybook/stories/Composites/sort-select.story.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ import {
2525

2626
import { nodes } from '../data';
2727

28-
storiesOf('Composites/Sort & Select (WIP)', module)
28+
storiesOf('Composites/Sort & Select', module)
2929
.addParameters({ component: Table })
3030
.add('base', () => {
3131
const data = { nodes };

‎.storybook/stories/Composites/tree-select.story.js

+21-21
Original file line numberDiff line numberDiff line change
@@ -16,13 +16,13 @@ import {
1616
import {
1717
CellTree,
1818
useTree,
19-
TREE_EXPAND_CLICK_TYPES,
19+
TreeExpandClickTypes,
2020
} from '@table-library/react-table-library/tree';
2121
import {
2222
CellSelect,
2323
HeaderCellSelect,
2424
useRowSelect,
25-
SELECT_CLICK_TYPES,
25+
SelectClickTypes,
2626
} from '@table-library/react-table-library/select';
2727

2828
import { nodes } from '../data';
@@ -94,9 +94,9 @@ storiesOf('Composites/Tree & Select', module)
9494
onChange: onTreeChange,
9595
},
9696
{
97-
clickType: TREE_EXPAND_CLICK_TYPES.ButtonClick,
97+
clickType: TreeExpandClickTypes.ButtonClick,
9898
treeYLevel: 1,
99-
}
99+
},
100100
);
101101

102102
const select = useRowSelect(
@@ -105,8 +105,8 @@ storiesOf('Composites/Tree & Select', module)
105105
onChange: onSelectChange,
106106
},
107107
{
108-
clickType: SELECT_CLICK_TYPES.ButtonClick,
109-
}
108+
clickType: SelectClickTypes.ButtonClick,
109+
},
110110
);
111111

112112
function onTreeChange(action, state) {
@@ -164,9 +164,9 @@ storiesOf('Composites/Tree & Select', module)
164164
onChange: onTreeChange,
165165
},
166166
{
167-
clickType: TREE_EXPAND_CLICK_TYPES.ButtonClick,
167+
clickType: TreeExpandClickTypes.ButtonClick,
168168
treeYLevel: 1,
169-
}
169+
},
170170
);
171171

172172
const select = useRowSelect(
@@ -175,8 +175,8 @@ storiesOf('Composites/Tree & Select', module)
175175
onChange: onSelectChange,
176176
},
177177
{
178-
clickType: SELECT_CLICK_TYPES.RowClick,
179-
}
178+
clickType: SelectClickTypes.RowClick,
179+
},
180180
);
181181

182182
function onTreeChange(action, state) {
@@ -234,9 +234,9 @@ storiesOf('Composites/Tree & Select', module)
234234
onChange: onTreeChange,
235235
},
236236
{
237-
clickType: TREE_EXPAND_CLICK_TYPES.RowClick,
237+
clickType: TreeExpandClickTypes.RowClick,
238238
treeYLevel: 1,
239-
}
239+
},
240240
);
241241

242242
const select = useRowSelect(
@@ -245,8 +245,8 @@ storiesOf('Composites/Tree & Select', module)
245245
onChange: onSelectChange,
246246
},
247247
{
248-
clickType: SELECT_CLICK_TYPES.ButtonClick,
249-
}
248+
clickType: SelectClickTypes.ButtonClick,
249+
},
250250
);
251251

252252
function onTreeChange(action, state) {
@@ -306,8 +306,8 @@ storiesOf('Composites/Tree & Select', module)
306306
onChange: onTreeChange,
307307
},
308308
{
309-
clickType: TREE_EXPAND_CLICK_TYPES.ButtonClick,
310-
}
309+
clickType: TreeExpandClickTypes.ButtonClick,
310+
},
311311
);
312312

313313
const select = useRowSelect(data, {
@@ -357,7 +357,7 @@ storiesOf('Composites/Tree & Select', module)
357357
)}
358358
</Table>
359359
);
360-
}
360+
},
361361
)
362362
.add(
363363
'only checkbox: select on checkbox, expand tree on row click',
@@ -371,7 +371,7 @@ storiesOf('Composites/Tree & Select', module)
371371
},
372372
{
373373
treeYLevel: 1,
374-
}
374+
},
375375
);
376376

377377
const select = useRowSelect(
@@ -380,8 +380,8 @@ storiesOf('Composites/Tree & Select', module)
380380
onChange: onSelectChange,
381381
},
382382
{
383-
clickType: SELECT_CLICK_TYPES.ButtonClick,
384-
}
383+
clickType: SelectClickTypes.ButtonClick,
384+
},
385385
);
386386

387387
function onTreeChange(action, state) {
@@ -429,7 +429,7 @@ storiesOf('Composites/Tree & Select', module)
429429
)}
430430
</Table>
431431
);
432-
}
432+
},
433433
)
434434
.add('documentation', () => (
435435
<ul>

‎.storybook/stories/Features/expand.story.js

+10-10
Original file line numberDiff line numberDiff line change
@@ -18,15 +18,6 @@ import { nodes } from '../data';
1818

1919
storiesOf('Features/Expand', module)
2020
.addParameters({ component: Table })
21-
.add('documentation', () => (
22-
<ul>
23-
<li>
24-
<a href="https://github.com/table-library/react-table-library/tree/master/.storybook/stories">
25-
Story Code
26-
</a>
27-
</li>
28-
</ul>
29-
))
3021
.add('base', () => {
3122
const data = { nodes };
3223

@@ -167,4 +158,13 @@ storiesOf('Features/Expand', module)
167158
)}
168159
</Table>
169160
);
170-
});
161+
})
162+
.add('documentation', () => (
163+
<ul>
164+
<li>
165+
<a href="https://github.com/table-library/react-table-library/tree/master/.storybook/stories">
166+
Story Code
167+
</a>
168+
</li>
169+
</ul>
170+
));

‎.storybook/stories/Features/select.story.js

+12-12
Original file line numberDiff line numberDiff line change
@@ -18,8 +18,8 @@ import {
1818
import {
1919
HeaderCellSelect,
2020
CellSelect,
21-
SELECT_CLICK_TYPES,
22-
SELECT_TYPES,
21+
SelectClickTypes,
22+
SelectTypes,
2323
useRowSelect,
2424
Checkbox,
2525
} from '@table-library/react-table-library/select';
@@ -133,8 +133,8 @@ storiesOf('Features/Select', module)
133133
onChange: onSelectChange,
134134
},
135135
{
136-
clickType: SELECT_CLICK_TYPES.ButtonClick,
137-
}
136+
clickType: SelectClickTypes.ButtonClick,
137+
},
138138
);
139139

140140
function onSelectChange(action, state) {
@@ -189,9 +189,9 @@ storiesOf('Features/Select', module)
189189
onChange: onSelectChange,
190190
},
191191
{
192-
rowSelect: SELECT_TYPES.SingleSelect,
193-
buttonSelect: SELECT_TYPES.SingleSelect,
194-
}
192+
rowSelect: SelectTypes.SingleSelect,
193+
buttonSelect: SelectTypes.SingleSelect,
194+
},
195195
);
196196

197197
function onSelectChange(action, state) {
@@ -245,9 +245,9 @@ storiesOf('Features/Select', module)
245245
onChange: onSelectChange,
246246
},
247247
{
248-
rowSelect: SELECT_TYPES.MultiSelect,
249-
buttonSelect: SELECT_TYPES.MultiSelect,
250-
}
248+
rowSelect: SelectTypes.MultiSelect,
249+
buttonSelect: SelectTypes.MultiSelect,
250+
},
251251
);
252252

253253
function onSelectChange(action, state) {
@@ -402,7 +402,7 @@ storiesOf('Features/Select', module)
402402
},
403403
{
404404
isCarryForward: false,
405-
}
405+
},
406406
);
407407

408408
function onSelectChange(action, state) {
@@ -457,7 +457,7 @@ storiesOf('Features/Select', module)
457457
},
458458
{
459459
isPartialToAll: true,
460-
}
460+
},
461461
);
462462

463463
function onSelectChange(action, state) {

0 commit comments

Comments
 (0)