jb-grid 0.0.4 → 0.1.0

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 (43) hide show
  1. package/package.json +7 -4
  2. package/react/README.md +4 -1
  3. package/react/dist/Components/Cell.d.ts +0 -1
  4. package/react/dist/Components/ExpandRow.d.ts +0 -1
  5. package/react/dist/Components/JBLoading.d.ts +0 -1
  6. package/react/dist/Components/Row.d.ts +0 -1
  7. package/react/dist/Components/content-error/ContentError.d.ts +0 -1
  8. package/react/dist/Header.d.ts +1 -0
  9. package/react/dist/JBGrid.cjs.js +1 -1
  10. package/react/dist/JBGrid.cjs.js.map +1 -1
  11. package/react/dist/JBGrid.css +728 -0
  12. package/react/dist/JBGrid.css.map +1 -0
  13. package/react/dist/JBGrid.d.ts +0 -1
  14. package/react/dist/JBGrid.js +1 -1
  15. package/react/dist/JBGrid.js.map +1 -1
  16. package/react/dist/JBGrid.umd.js +1 -1
  17. package/react/dist/JBGrid.umd.js.map +1 -1
  18. package/react/dist/JBGridViewModel.d.ts +2 -2
  19. package/react/dist/types.d.ts +1 -1
  20. package/react/lib/Components/Cell.tsx +4 -1
  21. package/react/lib/Components/ExpandRow.tsx +4 -1
  22. package/react/lib/Components/JBLoading.tsx +4 -1
  23. package/react/lib/Components/Row.tsx +4 -1
  24. package/react/lib/Components/{JBLoading.scss → blob-loading.css} +23 -22
  25. package/react/lib/Components/{Cell.scss → cell.css} +4 -3
  26. package/react/lib/Components/content-error/ContentError.tsx +4 -1
  27. package/react/lib/Components/{ExpandRow.scss → expand-row.css} +7 -6
  28. package/react/lib/Components/{Row.scss → row.css} +4 -4
  29. package/react/lib/Footer.tsx +5 -2
  30. package/react/lib/Header.tsx +24 -18
  31. package/react/lib/JBGrid.tsx +5 -2
  32. package/react/lib/JBGridViewModel.ts +6 -6
  33. package/react/lib/footer.css +114 -0
  34. package/react/lib/global.d.ts +15 -0
  35. package/react/lib/header.css +85 -0
  36. package/react/lib/i18n.ts +2 -1
  37. package/react/lib/jb-grid.css +168 -0
  38. package/react/lib/types.ts +1 -1
  39. package/react/package.json +1 -6
  40. package/react/tsconfig.json +1 -0
  41. package/react/lib/JBGrid.scss +0 -350
  42. package/react/lib/_constants.scss +0 -7
  43. /package/react/lib/Components/content-error/{content-error.scss → content-error.css} +0 -0
package/package.json CHANGED
@@ -13,8 +13,8 @@
13
13
  "web component",
14
14
  "react component"
15
15
  ],
16
- "version": "0.0.4",
17
- "bugs": "https://github.com/javadbat/jb-button/issues",
16
+ "version": "0.1.0",
17
+ "bugs": "https://github.com/javadbat/jb-grid/issues",
18
18
  "license": "MIT",
19
19
  "files": [
20
20
  "LICENSE",
@@ -27,9 +27,12 @@
27
27
  "main": "index.js",
28
28
  "repository": {
29
29
  "type": "git",
30
- "url": "git@github.com:javadbat/jb-button.git"
30
+ "url": "git@github.com:javadbat/jb-grid.git"
31
31
  },
32
32
  "dependencies": {
33
- "jb-core":">=0.14.0"
33
+ "jb-core":">=0.19.0",
34
+ "mobx":">=6.0.0",
35
+ "mobx-react":">=7.0.0",
36
+ "jb-searchbar":">=2.3.1"
34
37
  }
35
38
  }
package/react/README.md CHANGED
@@ -12,9 +12,11 @@ react mobx table grid with pagination, filtering and sorting functionality.
12
12
  ## instructions
13
13
 
14
14
  ### install the package
15
- ```bash
15
+
16
+ ```sh
16
17
  npm i jb-grid
17
18
  ```
19
+
18
20
  ### import and use in your component
19
21
  ```JSX
20
22
  import {Cell, Row, JBGrid} from 'jb-grid/react';
@@ -27,6 +29,7 @@ import {filterConfig} from './my-filter-config';
27
29
 
28
30
  <JBGrid config={yourConfig} bridge={JBGridBridge} title="user list" searchbarConfig={vm.filterConfig}></JBGrid>
29
31
  ```
32
+
30
33
  ### config
31
34
 
32
35
  config is unique for each data table you want to show and contains information about columns,filters,sort,initData,...
@@ -1,5 +1,4 @@
1
1
  import React from 'react';
2
- import './Cell.scss';
3
2
  type CellProps = {
4
3
  children?: React.ReactNode | React.ReactNode[];
5
4
  label?: string;
@@ -1,5 +1,4 @@
1
1
  import React, { type PropsWithChildren } from 'react';
2
- import './ExpandRow.scss';
3
2
  declare function ExpandRow(props: Props): React.JSX.Element;
4
3
  type Props = PropsWithChildren<{
5
4
  show: boolean;
@@ -1,5 +1,4 @@
1
1
  import React from 'react';
2
- import './JBLoading.scss';
3
2
  declare class JBLoading extends React.Component {
4
3
  render(): React.JSX.Element;
5
4
  }
@@ -1,5 +1,4 @@
1
1
  import React from 'react';
2
- import './Row.scss';
3
2
  type RowProps = Omit<React.ComponentPropsWithoutRef<'div'>, "style">;
4
3
  declare function Row(props: RowProps): React.JSX.Element;
5
4
  export { Row };
@@ -1,5 +1,4 @@
1
1
  import React from 'react';
2
- import './content-error.scss';
3
2
  type ContentErrorProps = {
4
3
  onRefreshBtnClick: () => unknown;
5
4
  message?: string;
@@ -1,6 +1,7 @@
1
1
  import React, { ReactNode } from 'react';
2
2
  import JBGridViewModel from './JBGridViewModel.js';
3
3
  import { JBSearchbarWebComponent } from 'jb-searchbar';
4
+ import 'jb-searchbar/react/lib/module-declaration.js';
4
5
  type HeaderProps = {
5
6
  vm: JBGridViewModel<any>;
6
7
  title: string;