Merge pull request #110 from openinfradev/bugfix-data-grid

Bugfix. Regarding DataGrid version up
openinfradev · Aug 22, 2024 · 25622d5 · 25622d5
2 parents abec06c + bb05836
commit 25622d5
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 11 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "tksui-components",
-    "version": "0.8.0",
+    "version": "0.8.2",
     "private": false,
     "type": "module",
     "module": "lib/esm/index.js",
@@ -38,10 +38,10 @@
         "@storybook/react-vite": "^8.2.4",
         "@storybook/test": "^8.2.4",
         "@testing-library/jest-dom": "^5.16.5",
-        "@testing-library/react": "^14.0.0",
+        "@testing-library/react": "^16.0.0",
         "@testing-library/user-event": "^14.4.3",
         "@types/jest": "^29.5.4",
-        "@types/react": "^18.0.37",
+        "@types/react": "^18.3.1",
         "@types/react-dom": "^18.0.11",
         "@types/react-modal": "^3.16.3",
         "@types/react-slick": "^0.23.11",

diff --git a/src/components/data-container/data-grid/TDataGrid.tsx b/src/components/data-container/data-grid/TDataGrid.tsx
@@ -168,10 +168,10 @@ const TDataGrid = forwardRef(({
                  style={{height: generatedHeightProps.height}}>
                 <AgGridReact className={''}
                              ref={gridRef}
-                             onSelectionChanged={onSelectionChangedAgGrid}
                              {...props}
                              noRowsOverlayComponent={noRowsOverlayComponent}
                              suppressPropertyNamesCheck
+                             onSelectionChanged={onSelectionChangedAgGrid}
                              {...generatedHeightProps}
                 />
             </div>

diff --git a/src/components/input/date-picker/TDatePicker.tsx b/src/components/input/date-picker/TDatePicker.tsx
@@ -7,7 +7,7 @@ import TDropHolder from '~/data-container/drop-holder/TDropHolder';
 import TDaySelector from '~/input/date-picker/selector/TDaySelector';
 import TMonthSelector from '~/input/date-picker/selector/TMonthSelector';
 import TYearSelector from '~/input/date-picker/selector/TYearSelector';
-import themeToken from '~style//designToken/ThemeToken.module.scss';
+import themeToken from '~style/designToken/ThemeToken.module.scss';
 import TDateContext from '~/input/date-picker/TDatePickerContext';
 import TDatePickerHelpers from '~/input/date-picker/TDatePickerHelpers';
 

diff --git a/stories/components/data-container/data-grid/TDataGrid.stories.tsx b/stories/components/data-container/data-grid/TDataGrid.stories.tsx
@@ -1,7 +1,7 @@
 import {Meta, StoryObj} from '@storybook/react';
 import {useEffect, useMemo, useRef, useState} from 'react';
 import {AgGridReact} from 'ag-grid-react';
-import {ColDef} from 'ag-grid-community/dist/lib/entities/colDef';
+import {ColDef} from 'ag-grid-community';
 import TDataGrid from '@/components/data-container/data-grid/TDataGrid';
 import TButton from '@/components/button/button/TButton';
 import useInputState from '@/common/hook/UseInputState';
@@ -56,15 +56,15 @@ const Template = () => {
         <TButton>다운로드</TButton>
     </>), [selectedRows.value.length]);
 
-    return (<>
+    return (
         <TDataGrid ref={gridRef}
                    rowData={rowData}
                    rowSelection={'multiple'}
                    columnDefs={columnDefs}
                    rightAction={gridRightAction}
                    onChange={selectedRows.onChange}
         />
-    </>);
+    );
 };
 
 

diff --git a/stories/components/data-container/section/TSection.stories.tsx b/stories/components/data-container/section/TSection.stories.tsx
@@ -1,12 +1,12 @@
 import {Meta, StoryObj} from '@storybook/react';
+import {useEffect, useMemo, useRef, useState} from 'react';
+import {AgGridReact} from 'ag-grid-react';
+import {ColDef} from 'ag-grid-community';
 import TButton from '@/components/button/button/TButton';
 import TSection from '~/data-container/section/TSection';
 import {TSectionProps} from '@/components';
 import useInputState from '@/common/hook/UseInputState';
 import TToast, {notify} from '@/components/guide/toast/TToast';
-import {useEffect, useMemo, useRef, useState} from 'react';
-import {AgGridReact} from 'ag-grid-react';
-import {ColDef} from 'ag-grid-community/dist/lib/entities/colDef';
 import TDataGrid from '../../../../src/components/data-container/data-grid/TDataGrid';