@noraent/nora-datagrid 1.1.0-beta.3 → 1.1.0-beta.5

package/dist/DataGrid.d.ts

@@ -1,3 +1,3 @@
+import { DataGridBasicPropsModel } from './types/dataGridProps';
 import * as React from "react";
-import { DataGridBasicPropsModel } from "./types/dataGridProps";
-export declare const DataGrid: React.NamedExoticComponent<import("./types/dataGridCoreProps").DeepOmitStartsWith<Pick<DataGridBasicPropsModel, "columns" | "dataSource">, "__"> & Partial<import("./types/dataGridProps").DataGridOptionPropsModel> & React.RefAttributes<HTMLDivElement>>;
+export declare const DataGrid: React.NamedExoticComponent<import('./types/dataGridCoreProps').DeepOmitStartsWith<Pick<DataGridBasicPropsModel, "columns" | "dataSource">, "__"> & Partial<import('./types/dataGridProps').DataGridOptionPropsModel> & React.RefAttributes<HTMLDivElement>>;

package/dist/buildPackage.json

@@ -1,3 +1,89 @@
 {
-    "version": "배포시 버전 표시"
+  "name": "@noraent/nora-datagrid",
+  "version": "1.1.0-beta.5",
+  "module": "./dist/nora_datagrid.es.js",
+  "main": "./dist/nora_datagrid.cjs.js",
+  "private": false,
+  "files": [
+    "dist/"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/nora_datagrid.es.js",
+      "require": "./dist/nora_datagrid.cjs.js"
+    }
+  },
+  "type": "module",
+  "sideEffects": false,
+  "scripts": {
+    "start": "vite --mode on-local",
+    "build:local": "tsc -b && vite build --mode on-local",
+    "build:dev": "tsc -b && vite build --mode dev",
+    "build:production": "tsc -b && vite build --mode production",
+    "clean": "pnpm run clean:build && rimraf ./node_modules",
+    "clean:build": "rimraf ./dist",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "test": "jest",
+    "tsc-build": "tsc -p tsconfig-esm.json && tsc -p tsconfig-cjs.json && npm run vite-build && npm run copy-scss",
+    "vite-build": "tsc -b && vite build --mode production",
+    "publish:npm": "rm -rf dist && mkdir dist && npm run vite-build && npm run copy-package",
+    "copy-package": "cp package.json dist/buildPackage.json && cp package.json lib/cjs/buildPackage.json&& cp package.json lib/esm/buildPackage.json ",
+    "copy-scss": "cpx \"src/**/*.scss\" lib/cjs && cpx \"src/**/*.scss\" lib/esm"
+  },
+  "dependencies": {
+    "@emotion/css": "^11.13.5",
+    "@noraent/nora-datagrid": "file:",
+    "jose": "^6.1.0",
+    "lodash": "^4.17.21",
+    "rimraf": "^6.0.1",
+    "sass-embedded": "^1.87.0"
+  },
+  "peerDependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@mui/material": "^7.3.4",
+    "@babel/cli": "^7.27.2",
+    "@babel/preset-react": "^7.27.1",
+    "@eslint/js": "^9.9.0",
+    "@types/lodash": "^4.17.16",
+    "@types/node": "^22.15.14",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "cpx": "^1.5.0",
+    "eslint": "^9.9.0",
+    "eslint-plugin-react-hooks": "^5.1.0-rc.0",
+    "eslint-plugin-react-refresh": "^0.4.9",
+    "globals": "^15.9.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "terser": "^5.39.0",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.24.1",
+    "vite": "^6.2.0",
+    "vite-plugin-dts": "^4.5.3",
+    "vite-plugin-svgr": "^4.3.0",
+    "vite-tsconfig-paths": "^5.1.4"
+  },
+  "peerDependenciesMeta": {
+    "@emotion/react": {
+      "optional": true
+    },
+    "@emotion/styled": {
+      "optional": true
+    }
+  },
+  "babel": {
+    "presets": [
+      "@babel/preset-env",
+      "@babel/preset-react"
+    ]
+  },
+  "packageManager": "pnpm@10.6.5+sha512.cdf928fca20832cd59ec53826492b7dc25dc524d4370b6b4adbf65803d32efaa6c1c88147c0ae4e8d579a6c9eec715757b50d4fa35eea179d868eada4ed043af"
 }

package/dist/common/constants/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./defaultProps";
-export * from "./useEventCallback";
+export * from './defaultProps';
+export * from './useEventCallback';

package/dist/common/constants/utils.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { default as React } from 'react';
 /**
  * 첫 마운트시 실행 되지 않습니다.
  * 업데이트시 실행하고 싶다면 사용해주세요.

package/dist/common/foundation/palette.d.ts

@@ -1,4 +1,4 @@
-import { ColorMode, ComponentColors, DeepRequired, GridTheme, GridThemeOptions } from "../../types/palette";
+import { ColorMode, ComponentColors, DeepRequired, GridTheme, GridThemeOptions } from '../../types/palette';
 declare const lightPalette: GridTheme["palette"];
 declare const darkPalette: GridTheme["palette"];
 declare const darkCustomVars: {

package/dist/common/foundation/scale/color/index.d.ts

@@ -1 +1 @@
-export * from "./color";
+export * from './color';

package/dist/common/foundation/scale/index.d.ts

@@ -1,2 +1,2 @@
-export * as layout from "./layout";
-export * as color from "./color";
+export * as layout from './layout';
+export * as color from './color';

package/dist/common/foundation/scale/layout/index.d.ts

@@ -1 +1 @@
-export * from "./size";
+export * from './size';

package/dist/common/styled/assets/components/index.d.ts

@@ -1 +1 @@
-export * from "./loading/Loading";
+export * from './loading/Loading';

package/dist/common/styled/assets/components/loading/Loading.d.ts

@@ -1,2 +1,2 @@
-import Loading from "../../svg/loading/Loading.svg?react";
+import { default as Loading } from '../../svg/loading/Loading.svg?react';
 export { Loading as LoadingSvg };

package/dist/common/styled/assets/index.d.ts

@@ -1 +1 @@
-export * from "./components";
+export * from './components';

package/dist/common/styled/index.d.ts

@@ -5,19 +5,19 @@
  * 가이드가 아니므로 참고용으로만 활용해 주세요.
  * 디자인 시스템을 개발할경우 색상이나 사이즈 처리 등 가이드로 사용하기에는 다소 부족한 부분이 있을 수 있습니다. 부득이하게 개발이 필요한 경우 해당부분을 고려하여 개발 해주세요.
  */
-export declare const StyledButton: import("@emotion/styled").StyledComponent<any, {}, {
-    ref?: import("react").Ref<any> | undefined;
+export declare const StyledButton: import('@emotion/styled').StyledComponent<any, {}, {
+    ref?: import('react').Ref<any> | undefined;
 }>;
-export declare const StyledSubTitle: import("@emotion/styled").StyledComponent<any, {}, {
-    ref?: import("react").Ref<any> | undefined;
+export declare const StyledSubTitle: import('@emotion/styled').StyledComponent<any, {}, {
+    ref?: import('react').Ref<any> | undefined;
 }>;
-export declare const StyledNoneContent: import("@emotion/styled").StyledComponent<any, {}, {
-    ref?: import("react").Ref<any> | undefined;
+export declare const StyledNoneContent: import('@emotion/styled').StyledComponent<any, {}, {
+    ref?: import('react').Ref<any> | undefined;
 }>;
-export declare const Typography: import("@emotion/styled").StyledComponent<any, {}, {
-    ref?: import("react").Ref<any> | undefined;
+export declare const Typography: import('@emotion/styled').StyledComponent<any, {}, {
+    ref?: import('react').Ref<any> | undefined;
 }>;
-export declare const Spinner: import("@emotion/styled").StyledComponent<any, {}, {
-    ref?: import("react").Ref<any> | undefined;
+export declare const Spinner: import('@emotion/styled').StyledComponent<any, {}, {
+    ref?: import('react').Ref<any> | undefined;
 }>;
 export declare const spin: string;

package/dist/components/GridBasicRows.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
 declare function GridBasicRows(props: GridMainProps): import("react/jsx-runtime").JSX.Element;
 export default GridBasicRows;
 interface GridMainProps {

package/dist/components/NoraDataGrid.d.ts

@@ -1,6 +1,5 @@
-/** @jsxImportSource @emotion/react */
-import React, { ReactNode } from "react";
-import { Interpolation, Theme } from "@emotion/react";
+import { default as React, ReactNode } from 'react';
+import { Interpolation, Theme } from '@emotion/react';
 export declare const NoraDataGrid: React.ForwardRefExoticComponent<NoraDataGridMainProps & React.RefAttributes<HTMLDivElement>> & {
     Title: typeof NoraDataGridTitle;
     Body: React.ForwardRefExoticComponent<NoraDataGridMainProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/TwoDimensionalVirtualizedList.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { DataGridPrivateColumnModel, DataGridPrivateDataSourceModel } from "../types/dataGridCoreProps";
+import { default as React } from 'react';
+import { DataGridPrivateColumnModel, DataGridPrivateDataSourceModel } from '../types/dataGridCoreProps';
 export declare const initialWindowHeight = 500;
 export declare const VirtualItem: React.MemoExoticComponent<({ column, row, rowIndex, }: {
     column: DataGridPrivateColumnModel;

package/dist/components/body/NoDataComponent.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/components/body/_styled/index.d.ts

@@ -1,9 +1,9 @@
-export declare const NoDataContent: import("@emotion/styled").StyledComponent<any, {}, {
-    ref?: import("react").Ref<any> | undefined;
+export declare const NoDataContent: import('@emotion/styled').StyledComponent<any, {}, {
+    ref?: import('react').Ref<any> | undefined;
 }>;
-export declare const NoDataTitle: import("@emotion/styled").StyledComponent<any, {}, {
-    ref?: import("react").Ref<any> | undefined;
+export declare const NoDataTitle: import('@emotion/styled').StyledComponent<any, {}, {
+    ref?: import('react').Ref<any> | undefined;
 }>;
-export declare const ErrorIconBox: import("@emotion/styled").StyledComponent<any, {}, {
-    ref?: import("react").Ref<any> | undefined;
+export declare const ErrorIconBox: import('@emotion/styled').StyledComponent<any, {}, {
+    ref?: import('react').Ref<any> | undefined;
 }>;

package/dist/components/cell/CellMode.d.ts

@@ -1,3 +1,3 @@
-import { GridCellPrams } from "../../types/dataGridCoreProps";
+import { GridCellPrams } from '../../types/dataGridCoreProps';
 declare const CellMode: (props: GridCellPrams) => string | import("react/jsx-runtime").JSX.Element;
 export default CellMode;

package/dist/components/cell/Checkbox.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { default as React } from 'react';
 declare const _default: React.MemoExoticComponent<({ rowUUID, isHidden }: {
     rowUUID: string;
     isHidden: boolean;

package/dist/components/cell/CheckboxAll.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
+import { default as React } from 'react';
 declare const _default: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/components/cell/_styled/index.d.ts

@@ -1,3 +1,3 @@
-export declare const CheckboxCon: import("@emotion/styled").StyledComponent<any, {}, {
-    ref?: import("react").Ref<any> | undefined;
+export declare const CheckboxCon: import('@emotion/styled').StyledComponent<any, {}, {
+    ref?: import('react').Ref<any> | undefined;
 }>;

package/dist/components/header/VirtualHorizontalHeader.d.ts

@@ -1,5 +1,5 @@
-import { VirtualHeaderProps } from "../virtualized/_constants/virtualHeaderConstants";
-declare const _default: import("react").MemoExoticComponent<(props: VirtualHeaderProps & {
+import { VirtualHeaderProps } from '../virtualized/_constants/virtualHeaderConstants';
+declare const _default: import('react').MemoExoticComponent<(props: VirtualHeaderProps & {
     offsetLeft: number;
 }) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/components/ime/IMEComponent.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { default as React } from 'react';
 declare const _default: React.NamedExoticComponent<{
     defaultValue: string;
 } & React.RefAttributes<HTMLDivElement | HTMLTextAreaElement>>;

package/dist/components/virtualized/_components/RenderHeader.d.ts

@@ -1,3 +1,3 @@
-import { DataGridColumnModelType } from "../../../types/dataGridCoreProps";
+import { DataGridColumnModelType } from '../../../types/dataGridCoreProps';
 declare const RenderHeader: (props: DataGridColumnModelType) => import("react/jsx-runtime").JSX.Element;
 export default RenderHeader;

package/dist/components/virtualized/_components/VirtualHeader.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { VirtualHeaderProps } from "../_constants/virtualHeaderConstants";
-import { DataGridDataSource, GridSortModel } from "../../../types/dataGridCoreProps";
+import { default as React } from 'react';
+import { VirtualHeaderProps } from '../_constants/virtualHeaderConstants';
+import { DataGridDataSource, GridSortModel } from '../../../types/dataGridCoreProps';
 declare const VirtualHeader: React.FC<VirtualHeaderProps>;
 export declare const sorting: (dataSource: DataGridDataSource, newSort: GridSortModel) => {
     __ariaRowindex: number;

package/dist/components/virtualized/_hooks/useGridVirtualScroller.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { default as React } from 'react';
 export declare const useGridVirtualScroller: () => {
     getRows: () => React.ReactNode[];
     getScrollerProps: () => {

package/dist/components/virtualized/_styled/index.d.ts

@@ -1,47 +1,47 @@
-import React from "react";
-export declare const RawTableRow: import("@emotion/styled").StyledComponent<any, {}, {
+import { default as React } from 'react';
+export declare const RawTableRow: import('@emotion/styled').StyledComponent<any, {}, {
     ref?: React.Ref<any> | undefined;
 }>;
 export declare const TableRow: React.NamedExoticComponent<any>;
-export declare const Skeleton: import("@emotion/styled").StyledComponent<any, {}, {
+export declare const Skeleton: import('@emotion/styled').StyledComponent<any, {}, {
     ref?: React.Ref<any> | undefined;
 }>;
-export declare const TableBody: import("@emotion/styled").StyledComponent<any, {}, {
+export declare const TableBody: import('@emotion/styled').StyledComponent<any, {}, {
     ref?: React.Ref<any> | undefined;
 }>;
-export declare const TableCell: import("@emotion/styled").StyledComponent<any, {}, {
+export declare const TableCell: import('@emotion/styled').StyledComponent<any, {}, {
     ref?: React.Ref<any> | undefined;
 }>;
-export declare const Input: import("@emotion/styled").StyledComponent<any, {}, {
+export declare const Input: import('@emotion/styled').StyledComponent<any, {}, {
     ref?: React.Ref<any> | undefined;
 }>;
-export declare const TableHeaderRoot: import("@emotion/styled").StyledComponent<any, {}, {
+export declare const TableHeaderRoot: import('@emotion/styled').StyledComponent<any, {}, {
     ref?: React.Ref<any> | undefined;
 }>;
-export declare const ResizeBox: import("@emotion/styled").StyledComponent<any, {}, {
+export declare const ResizeBox: import('@emotion/styled').StyledComponent<any, {}, {
     ref?: React.Ref<any> | undefined;
 }>;
-export declare const RightScrollBar: import("@emotion/styled").StyledComponent<any, {}, {
+export declare const RightScrollBar: import('@emotion/styled').StyledComponent<any, {}, {
     ref?: React.Ref<any> | undefined;
 }>;
-export declare const BottomScrollBar: import("@emotion/styled").StyledComponent<any, {}, {
+export declare const BottomScrollBar: import('@emotion/styled').StyledComponent<any, {}, {
     ref?: React.Ref<any> | undefined;
 }>;
-export declare const HeaderStyled: import("@emotion/styled").StyledComponent<any, {}, {
+export declare const HeaderStyled: import('@emotion/styled').StyledComponent<any, {}, {
     ref?: React.Ref<any> | undefined;
 }>;
-export declare const SortContentStyled: import("@emotion/styled").StyledComponent<any, {}, {
+export declare const SortContentStyled: import('@emotion/styled').StyledComponent<any, {}, {
     ref?: React.Ref<any> | undefined;
 }>;
-export declare const SortButton: import("@emotion/styled").StyledComponent<any, {}, {
+export declare const SortButton: import('@emotion/styled').StyledComponent<any, {}, {
     ref?: React.Ref<any> | undefined;
 }>;
-export declare const NoraDataGridStyled: import("@emotion/styled").StyledComponent<any, {}, {
+export declare const NoraDataGridStyled: import('@emotion/styled').StyledComponent<any, {}, {
     ref?: React.Ref<any> | undefined;
 }>;
-export declare const NoraDataGridBodyStyled: import("@emotion/styled").StyledComponent<any, {}, {
+export declare const NoraDataGridBodyStyled: import('@emotion/styled').StyledComponent<any, {}, {
     ref?: React.Ref<any> | undefined;
 }>;
-export declare const WatermarStyled: import("@emotion/styled").StyledComponent<any, {}, {
+export declare const WatermarStyled: import('@emotion/styled').StyledComponent<any, {}, {
     ref?: React.Ref<any> | undefined;
 }>;

package/dist/components/virtualized/_styled/virtualScrollerStyled.d.ts

@@ -1,6 +1,6 @@
-export declare const Scroller: import("@emotion/styled").StyledComponent<any, {}, {
-    ref?: import("react").Ref<any> | undefined;
+export declare const Scroller: import('@emotion/styled').StyledComponent<any, {}, {
+    ref?: import('react').Ref<any> | undefined;
 }>;
-export declare const RenderZone: import("@emotion/styled").StyledComponent<any, {}, {
-    ref?: import("react").Ref<any> | undefined;
+export declare const RenderZone: import('@emotion/styled').StyledComponent<any, {}, {
+    ref?: import('react').Ref<any> | undefined;
 }>;

package/dist/hooks/external/usePublicTest.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-import { DataGridPrivateApi, GirdApiCommon } from "../../types/dataGridProps";
+import { default as React } from 'react';
+import { DataGridPrivateApi, GirdApiCommon } from '../../types/dataGridProps';
 export default function usePublicTest(apiRef: React.MutableRefObject<GirdApiCommon<DataGridPrivateApi>>): void;

package/dist/hooks/index.d.ts

@@ -1,3 +1,3 @@
-export { useGridApiRef } from "./useGridApiRef";
-export { type GridHeaderPrams, type GridCellPrams } from "../types/dataGridCoreProps";
-export { useMouseEvent } from "./useMouseEvent";
+export { useGridApiRef } from './useGridApiRef';
+export { type GridHeaderPrams, type GridCellPrams } from '../types/dataGridCoreProps';
+export { useMouseEvent } from './useMouseEvent';

package/dist/hooks/internal/useCellRange.d.ts

@@ -1,4 +1,4 @@
-import { CellRangeDef } from "../../types/dataGridCoreProps";
+import { CellRangeDef } from '../../types/dataGridCoreProps';
 declare const useCellRange: () => {
     cellRange: CellRangeDef[];
     handleMouseDown: (event: MouseEvent) => void;

package/dist/hooks/internal/useInternalPrivateApi.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-import { DataGridPrivateApi, GirdApiCommon } from "../../types/dataGridProps";
+import { default as React } from 'react';
+import { DataGridPrivateApi, GirdApiCommon } from '../../types/dataGridProps';
 export default function useInternalPrivateApi(apiRef: React.MutableRefObject<GirdApiCommon<DataGridPrivateApi>>): {};

package/dist/hooks/useGridApiContext.d.ts

@@ -1,4 +1,4 @@
+import { DataGridPrivateApi, GirdApiCommon } from '../types/dataGridProps';
 import * as React from "react";
-import { DataGridPrivateApi, GirdApiCommon } from "../types/dataGridProps";
 declare function useGridApiContext(): React.MutableRefObject<GirdApiCommon<DataGridPrivateApi>>;
 export default useGridApiContext;

package/dist/hooks/useGridApiMethod.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { DataGridPrivateApi, DataGridPublicApi, GirdApiCommon, Visibility } from "../types/dataGridProps";
+import { default as React } from 'react';
+import { DataGridPrivateApi, DataGridPublicApi, GirdApiCommon, Visibility } from '../types/dataGridProps';
 /**
  * 객체나 함수를 등록하고 나중에 호출하거나 참조할 때 사용합니다.
  * @private

package/dist/hooks/useGridApiRef.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { GirdApi } from "../types/dataGridProps";
+import { default as React } from 'react';
+import { GirdApi } from '../types/dataGridProps';
 /**
  * 그리드 Ref Hook
  * @returns

package/dist/hooks/useGridInitialization.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import DataGridBasicProps, { DataGridPrivateApiModel, GirdApiCommon } from "../types/dataGridProps";
+import { default as React } from 'react';
+import { default as DataGridBasicProps, DataGridPrivateApiModel, GirdApiCommon } from '../types/dataGridProps';
 export declare function useAddApi(ref: React.RefObject<GirdApiCommon<DataGridPrivateApiModel>>): void;
 export declare function useGridInitialization(apiRef: DataGridBasicProps["gridRef"], props: DataGridBasicProps): React.MutableRefObject<GirdApiCommon<DataGridPrivateApiModel>>;

package/dist/hooks/useMouseEvent.d.ts

@@ -11,7 +11,7 @@ export declare const useMouseEvent: () => {
         id: string;
         field: string;
     } | null) => void;
-    handleProcessRowUpdateEvent: (targetRowId?: string) => Promise<import("../types/dataGridCoreProps").DataGridPrivateDataSourceModel | undefined>;
+    handleProcessRowUpdateEvent: (targetRowId?: string) => Promise<import('../types/dataGridCoreProps').DataGridPrivateDataSourceModel | undefined>;
     getNextArrowEvent: (event: KeyboardEvent) => {
         nextRowId?: string;
         nextColField?: string;

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-export * from "./DataGrid";
-export * from "./hooks";
-export * from "./types";
+export * from './DataGrid';
+export * from './hooks';
+export * from './types';