@syook/react-tabulous 4.0.0-beta-0.17 → 4.0.2

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 (18) hide show
  1. package/README.md +4 -4
  2. package/lib/index.esm.js +3 -3
  3. package/lib/index.esm.js.map +1 -1
  4. package/lib/index.js +3 -3
  5. package/lib/index.js.map +1 -1
  6. package/lib/types/data/index.d.ts +13 -2
  7. package/lib/types/reactTabulous/components/toolbar/gridToolbar.d.ts +1 -1
  8. package/lib/types/reactTabulous/components/widgets/button/buttonStyle.d.ts +1 -1
  9. package/lib/types/reactTabulous/components/widgets/button/index.d.ts +1 -1
  10. package/lib/types/reactTabulous/components/widgets/input/inputStyle.d.ts +1 -1
  11. package/lib/types/reactTabulous/components/widgets/menu.d.ts +1 -1
  12. package/lib/types/reactTabulous/components/widgets/select/selectStyle.d.ts +1 -1
  13. package/lib/types/reactTabulous/helpers/select.d.ts +10 -0
  14. package/lib/types/reactTabulous/hooks/useGridExport.d.ts +1 -1
  15. package/lib/types/reactTabulous/models/columnDef/columnDef.d.ts +1 -1
  16. package/lib/types/reactTabulous/reactTabulous/reactTabulousStyle.d.ts +1 -1
  17. package/package.json +23 -27
  18. package/lib/types/reactTabulous/context/test-utils.d.ts +0 -5
package/lib/types/data/index.d.ts CHANGED
@@ -25,7 +25,7 @@ export declare const dataSet2: {
25
25
  lastJournalPublish: Date;
26
26
  lastLogin: Date;
27
27
  journalTitle: string;
28
- level: number;
28
+ level: string | number;
29
29
  workPlace: string;
30
30
  address: {
31
31
  country: string;
@@ -44,6 +44,7 @@ export declare const dataSet2Columns: ({
44
44
  isSearchable: boolean;
45
45
  renderCell?: undefined;
46
46
  valueGetter?: undefined;
47
+ options?: undefined;
47
48
  } | {
48
49
  field: string;
49
50
  headerName: string;
@@ -53,15 +54,23 @@ export declare const dataSet2Columns: ({
53
54
  isSortable?: undefined;
54
55
  isSearchable?: undefined;
55
56
  valueGetter?: undefined;
57
+ options?: undefined;
56
58
  } | {
57
59
  field: string;
58
60
  headerName: string;
59
61
  type: string;
62
+ valueGetter: (row: any) => any;
60
63
  renderCell: (row: any) => import("react/jsx-runtime").JSX.Element;
64
+ options: ({
65
+ label: string;
66
+ value: string;
67
+ } | {
68
+ label: string;
69
+ value: number;
70
+ })[];
61
71
  isFilterable: boolean;
62
72
  isSortable: boolean;
63
73
  isSearchable: boolean;
64
- valueGetter?: undefined;
65
74
  } | {
66
75
  field: string;
67
76
  headerName: string;
@@ -71,6 +80,7 @@ export declare const dataSet2Columns: ({
71
80
  isSortable?: undefined;
72
81
  renderCell?: undefined;
73
82
  valueGetter?: undefined;
83
+ options?: undefined;
74
84
  } | {
75
85
  field: string;
76
86
  valueGetter: (row: any) => string;
@@ -80,4 +90,5 @@ export declare const dataSet2Columns: ({
80
90
  isSearchable: boolean;
81
91
  type?: undefined;
82
92
  renderCell?: undefined;
93
+ options?: undefined;
83
94
  })[];
package/lib/types/reactTabulous/components/toolbar/gridToolbar.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  export declare const StyledSpaceDiv: import("@emotion/styled").StyledComponent<{
3
3
  theme?: import("@emotion/react").Theme | undefined;
4
- as?: React.ElementType<any> | undefined;
4
+ as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
5
5
  }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
6
  export declare const GridToolbar: React.FC;
package/lib/types/reactTabulous/components/widgets/button/buttonStyle.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  export declare const ButtonStyle: import("@emotion/styled").StyledComponent<{
3
3
  theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
4
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
5
5
  }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
package/lib/types/reactTabulous/components/widgets/button/index.d.ts CHANGED
@@ -10,7 +10,7 @@ export type ButtonProps = React.HTMLAttributes<HTMLButtonElement> & {
10
10
  iconClass?: string;
11
11
  };
12
12
  export declare const Button: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLButtonElement> & {
13
- variant?: "text" | "outline" | "contained" | undefined;
13
+ variant?: "text" | "contained" | "outline" | undefined;
14
14
  icon?: React.ReactNode;
15
15
  loading?: boolean | undefined;
16
16
  disabled?: boolean | undefined;
package/lib/types/reactTabulous/components/widgets/input/inputStyle.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  export declare const InputStyle: import("@emotion/styled").StyledComponent<{
3
3
  theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
4
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
5
5
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
package/lib/types/reactTabulous/components/widgets/menu.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  import { type Icons } from './icon';
3
3
  export declare const Menu: import("@emotion/styled").StyledComponent<{
4
4
  theme?: import("@emotion/react").Theme | undefined;
5
- as?: import("react").ElementType<any> | undefined;
5
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
6
6
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
7
7
  type MenuItemProps = React.HTMLAttributes<HTMLLIElement> & {
8
8
  disabled?: boolean;
package/lib/types/reactTabulous/components/widgets/select/selectStyle.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  export declare const SelectStyle: import("@emotion/styled").StyledComponent<{
3
3
  theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
4
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
5
5
  }, import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, {}>;
package/lib/types/reactTabulous/helpers/select.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ type ValueType = string | number | boolean;
2
+ export interface OptionInterface {
3
+ value: ValueType;
4
+ label: string;
5
+ }
6
+ export declare const getLowercase: (string: ValueType) => string;
7
+ export declare const isStringMatch: (string: ValueType, search: ValueType) => boolean;
8
+ export declare const isStringIncludes: (string: ValueType, search: ValueType) => boolean;
9
+ export declare const getValueFromOptions: (options: OptionInterface[], value: string | number | boolean) => OptionInterface | null;
10
+ export {};
package/lib/types/reactTabulous/hooks/useGridExport.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  export declare const getColumnsData: (columns: any) => any;
2
- export declare const getRowsData: (rows: any, columns: any) => any;
2
+ export declare const getRowsData: (rows: any, columns: any, emptyPlaceholder: string) => any;
3
3
  export declare const useGridExport: () => any;
package/lib/types/reactTabulous/models/columnDef/columnDef.d.ts CHANGED
@@ -15,7 +15,7 @@ export interface GridBaseColDef<R extends GridValidRowModel = GridValidRowModel,
15
15
  /**
16
16
  * Get the values to be displayed in the table cell.
17
17
  */
18
- valueGetter?: (row: any, index?: number) => string | number;
18
+ valueGetter?: (row: any, index?: number) => string | number | boolean;
19
19
  /**
20
20
  * The cell which has JSX will be displayed.
21
21
  */
package/lib/types/reactTabulous/reactTabulous/reactTabulousStyle.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  export declare const DataGridStyle: import("@emotion/styled").StyledComponent<{
3
3
  theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
4
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
5
5
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@syook/react-tabulous",
3
- "version": "4.0.0-beta-0.17",
3
+ "version": "4.0.2",
4
4
  "description": "Terrifically fabulous React Table",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.esm.js",
@@ -46,54 +46,50 @@
46
46
  "prettier:fix": "prettier . -c --config .prettierrc --write",
47
47
  "rollup": "rm -rf lib && rollup -c",
48
48
  "build:dev": "npm run rollup && npm pack",
49
- "npm-publish": "yarn install && npm run build:dev && npm publish"
49
+ "npm-publish": "npm install && npm run build:dev && npm publish"
50
50
  },
51
51
  "dependencies": {
52
- "@popperjs/core": "2.11.7"
52
+ "@popperjs/core": "2.11.8"
53
53
  },
54
54
  "devDependencies": {
55
- "@emotion/react": "11.11.0",
56
- "@emotion/styled": "11.11.0",
55
+ "@emotion/react": "11.11.4",
56
+ "@emotion/styled": "11.11.5",
57
57
  "@rollup/plugin-babel": "6.0.3",
58
58
  "@rollup/plugin-commonjs": "^25.0.0",
59
59
  "@rollup/plugin-image": "3.0.2",
60
60
  "@rollup/plugin-node-resolve": "^15.0.2",
61
61
  "@rollup/plugin-terser": "0.4.3",
62
62
  "@rollup/plugin-typescript": "11.1.1",
63
- "@testing-library/jest-dom": "^5.16.5",
64
- "@testing-library/react": "^14.0.0",
65
- "@testing-library/user-event": "^14.4.3",
66
- "@types/jest": "^29.5.1",
67
- "@types/node": "^20.2.1",
68
- "@types/react": "^18.2.6",
69
- "@types/react-dom": "^18.2.4",
70
- "@typescript-eslint/eslint-plugin": "^5.59.6",
71
- "eslint": "^8.40.0",
63
+ "@testing-library/jest-dom": "^5.17.0",
64
+ "@testing-library/react": "^13.4.0",
65
+ "@testing-library/user-event": "^13.5.0",
66
+ "@types/jest": "^27.5.2",
67
+ "@types/node": "^16.18.104",
68
+ "@types/react": "^18.3.3",
69
+ "@types/react-dom": "^18.3.0",
70
+ "@typescript-eslint/eslint-plugin": "^6.4.0",
71
+ "eslint": "^8.0.1",
72
72
  "eslint-config-prettier": "8.8.0",
73
- "eslint-config-standard-with-typescript": "^34.0.1",
73
+ "eslint-config-standard-with-typescript": "^43.0.1",
74
74
  "eslint-plugin-import": "^2.27.5",
75
- "eslint-plugin-n": "^16.0.0",
75
+ "eslint-plugin-n": "^15.0.0 || ^16.0.0 ",
76
76
  "eslint-plugin-prettier": "^4.2.1",
77
- "eslint-plugin-promise": "^6.1.1",
78
- "eslint-plugin-react": "^7.32.2",
77
+ "eslint-plugin-promise": "^6.0.0",
78
+ "eslint-plugin-react": "^7.34.1",
79
79
  "eslint-plugin-react-hooks": "4.6.0",
80
- "husky": "^8.0.3",
81
- "prettier": "2.8.8",
82
- "react": "^18.2.0",
83
- "react-dom": "^18.2.0",
80
+ "husky": "^9.0.11",
81
+ "prettier": "3.2.5",
82
+ "react": "^18.3.1",
83
+ "react-dom": "^18.3.1",
84
84
  "react-scripts": "5.0.1",
85
85
  "rollup": "^3.22.0",
86
86
  "rollup-plugin-dts": "5.3.0",
87
87
  "rollup-plugin-peer-deps-external": "^2.2.4",
88
88
  "rollup-plugin-postcss": "^4.0.2",
89
89
  "rollup-plugin-react-svg": "3.0.3",
90
- "typescript": "^5.0.4",
90
+ "typescript": "^4.9.5",
91
91
  "web-vitals": "^3.3.1"
92
92
  },
93
- "peerDependencies": {
94
- "react": "^version",
95
- "react-dom": "^version"
96
- },
97
93
  "browserslist": {
98
94
  "production": [
99
95
  ">0.2%",
package/lib/types/reactTabulous/context/test-utils.d.ts DELETED
@@ -1,5 +0,0 @@
1
- import { type ReactElement } from 'react';
2
- import { type RenderOptions } from '@testing-library/react';
3
- declare const customRender: (ui: ReactElement, options?: Omit<RenderOptions, 'wrapper'>) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
4
- export * from '@testing-library/react';
5
- export { customRender };