@noraent/nora-datagrid 0.0.81 → 0.0.83

package/dist/App.d.ts

@@ -0,0 +1,10 @@
+declare function App(): import("react/jsx-runtime").JSX.Element;
+export declare const initialItemsData: () => {
+    id: number;
+    columns: {
+        id: string;
+        width: number;
+        content: string;
+    }[];
+}[];
+export default App;

package/dist/DataGrid.d.ts

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

package/{lib/cjs → dist}/buildPackage.json

@@ -1,13 +1,19 @@
 {
   "name": "@noraent/nora-datagrid",
-  "version": "0.0.81",
-  "types": "./dist/index.d.ts",
-  "module": "./dist/nora_datagrid.cjs.js",
-  "main": "./dist/nora_datagrid.es.js",
+  "version": "0.0.83",
+  "module": "./dist/nora_datagrid.es.js",
+  "main": "./dist/nora_datagrid.cjs.js",
   "private": false,
   "files": [
-    "lib/"
+    "dist/"
   ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/nora_datagrid.es.js",
+      "require": "./dist/nora_datagrid.cjs.js"
+    }
+  },
   "type": "module",
   "sideEffects": false,
   "scripts": {
@@ -20,7 +26,7 @@
     "lint": "eslint .",
     "preview": "vite preview",
     "test": "jest",
-    "tsc-build": "npm run vite-build && npm run copy-scss",
+    "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",
@@ -55,9 +61,7 @@
     "typescript": "^5.5.3",
     "typescript-eslint": "^8.0.1",
     "vite": "^5.4.1",
-    "vite-plugin-dts": "^4.5.3",
-    "vite-plugin-svgr": "^4.2.0",
-    "vite-tsconfig-paths": "^5.1.4"
+    "vite-plugin-svgr": "^4.2.0"
   },
   "babel": {
     "presets": [

package/dist/buildPackage.json.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+  "version": "배포시 버전 표시"
+}
+;
+
+export default _default;

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

@@ -0,0 +1,4 @@
+export declare const defaultProps: {
+    height: number;
+    width: number;
+};

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

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

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

@@ -0,0 +1,31 @@
+export declare const GUIDE_PATH: {
+    path: string;
+    GUIDE: {
+        path: string;
+        GETTING_STARTED: {
+            pathname: string;
+            path: string;
+        };
+        VALIDATION: {
+            pathname: string;
+            path: string;
+            icon: string;
+            REACT_HOOK_FORM_VALIDATION: {
+                pathname: string;
+                path: string;
+            };
+            REACT_HOOK_FORM_AND_ZOD_VALIDATION: {
+                pathname: string;
+                path: string;
+            };
+        };
+    };
+};
+export declare const buildGuidePath: (...paths: string[]) => string;
+export declare const buildFullPath: (path: string) => string;
+export interface PathNode {
+    path: string;
+    pathname?: string;
+    icon?: string;
+    [key: string]: PathNode | string | undefined;
+}

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

@@ -0,0 +1 @@
+export { default } from './useEnhancedEffect';

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

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare const useEnhancedEffect: typeof React.useEffect;
+export default useEnhancedEffect;

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

@@ -0,0 +1,3 @@
+declare function useEventCallback<Fn extends (...args: any[]) => any = (...args: unknown[]) => unknown>(fn: Fn): Fn;
+declare function useEventCallback<Args extends unknown[], Return>(fn: (...args: Args) => Return): (...args: Args) => Return;
+export default useEventCallback;

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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+declare function useUpdateEffect(callback: React.EffectCallback, deps: React.DependencyList): void;
+export declare function useDeepCompareEffect<T>(callback: () => void | (() => void), dependencies: T[]): void;
+export declare function useDeepCompareMemo<T>(factory: () => T, deps: any[]): T;
+export default useUpdateEffect;

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

@@ -0,0 +1,4 @@
+import * as $scale from "./scale";
+export declare const foundation: {
+    $scale: typeof $scale;
+};

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

@@ -0,0 +1,44 @@
+export declare const white = "#FFFFFF";
+export declare const black = "#000000";
+export declare const primary0 = "#";
+export declare const primary5 = "#";
+export declare const primary10 = "#";
+export declare const primary15 = "#";
+export declare const primary20 = "#";
+export declare const primary25 = "#";
+export declare const primary30 = "#";
+export declare const primary35 = "#";
+export declare const primary40 = "#";
+export declare const primary45 = "#3CCC39";
+export declare const primary50 = "#";
+export declare const primary55 = "#";
+export declare const primary60 = "#";
+export declare const primary65 = "#";
+export declare const primary70 = "#";
+export declare const primary75 = "#";
+export declare const primary80 = "#";
+export declare const primary85 = "#";
+export declare const primary90 = "#";
+export declare const primary95 = "#";
+export declare const primary100 = "#";
+export declare const gray0 = "#000000";
+export declare const gray5 = "#0C0C0C";
+export declare const gray10 = "#191919";
+export declare const gray15 = "#252626";
+export declare const gray20 = "#323233";
+export declare const gray25 = "#3F3F40";
+export declare const gray30 = "#555353";
+export declare const gray35 = "#58595A";
+export declare const gray40 = "#646567";
+export declare const gray45 = "#717274";
+export declare const gray50 = "#7E7F80";
+export declare const gray55 = "#8A8B8D";
+export declare const gray60 = "#8b99a6";
+export declare const gray65 = "#A3A5A7";
+export declare const gray70 = "#B0B2B4";
+export declare const gray75 = "#BDBEC1";
+export declare const gray80 = "#C9CBCE";
+export declare const gray85 = "#D7DBE0";
+export declare const gray90 = "#DBE1EA";
+export declare const gray95 = "#eef3fa";
+export declare const gray100 = "#FAFBFD";

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

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

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

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

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

@@ -0,0 +1,4 @@
+export declare const xl = "1536px";
+export declare const lg = "1200px";
+export declare const md = "900px";
+export declare const sm = "600px";

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

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

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

@@ -0,0 +1,6 @@
+export declare const tabletContentMaxWidth = "900px";
+export declare const tabletContentMinWidth = "600px";
+export declare const tabletContentPadding = "12px";
+export declare const pcContentMaxWidth = "1536px";
+export declare const pcContentMinWidth = "1200px";
+export declare const pcContentPadding = "24px";

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

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

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

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

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

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

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

@@ -0,0 +1,39 @@
+import { foundation } from '../foundation';
+export declare const StyledButton: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const StyledSubTitle: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const StyledNoneContent: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Typography: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & TypographyProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+interface TypographyProps {
+    variant?: variantType;
+    color?: colorType;
+}
+type colorType = keyof typeof foundation.$scale.color;
+type variantType = keyof typeof variantMapping;
+declare const variantMapping: {
+    KR_TITLE_H1: {
+        fontSize: string;
+        fontWeight: string;
+    };
+    KR_TITLE_H2: {
+        fontSize: string;
+        fontWeight: number;
+    };
+};
+export declare const Spinner: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const spin: string;
+export {};

package/dist/components/GridBasicRows.d.ts

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

package/dist/components/NoraDataGrid.d.ts

@@ -0,0 +1,12 @@
+import { default as React, ReactNode } from 'react';
+export declare const NoraDataGrid: React.ForwardRefExoticComponent<NoraDataGridMainProps & React.RefAttributes<HTMLDivElement>> & {
+    Title: typeof NoraDataGridTitle;
+    Body: React.ForwardRefExoticComponent<NoraDataGridMainProps & React.RefAttributes<HTMLDivElement>>;
+    Footer: typeof NoraDataGridFooter;
+};
+declare function NoraDataGridTitle(props: NoraDataGridMainProps): import("react/jsx-runtime").JSX.Element;
+declare function NoraDataGridFooter(props: NoraDataGridMainProps): import("react/jsx-runtime").JSX.Element;
+interface NoraDataGridMainProps {
+    children?: ReactNode;
+}
+export {};

package/dist/components/TwoDimensionalVirtualizedList.d.ts

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

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

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

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

@@ -0,0 +1,12 @@
+export declare const NoDataContent: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const NoDataTitle: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const ErrorIconBox: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

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

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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
+    defaultValue: string;
+} & React.RefAttributes<HTMLTextAreaElement>>>;
+export default _default;

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { VirtualHeaderProps } from '../_constants/virtualHeaderConstants';
+declare const VirtualHeader: React.FC<VirtualHeaderProps>;
+export default VirtualHeader;

package/dist/components/virtualized/_constants/virtualHeaderConstants.d.ts

@@ -0,0 +1,9 @@
+export interface VirtualHeaderProps {
+    startColumnIndex: number;
+    cumulativeWidths: number[];
+    columnEndIndex: number;
+    windowSize: {
+        width: number;
+        height: number;
+    };
+}

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

@@ -0,0 +1,34 @@
+export declare const TableRow: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TableBody: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    lineHeight?: number;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TableCell: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Input: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const TableHeaderRoot: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ResizeBox: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const RightScrollBar: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const BottomScrollBar: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,3 @@
+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/internal/useCellRange.d.ts

@@ -0,0 +1,8 @@
+import { CellRangeDef } from '../../types/dataGridCoreProps';
+declare const useCellRange: () => {
+    cellRange: CellRangeDef[];
+    handleMouseDown: (event: MouseEvent) => void;
+    handleMouseUp: (event: MouseEvent) => void;
+    handleMouseMove: (event: MouseEvent) => false | undefined;
+};
+export default useCellRange;

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

@@ -0,0 +1,3 @@
+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

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

package/dist/hooks/useGridApiMethod.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { DataGridPrivateApi, DataGridPublicApi, GirdApiCommon, Visibility } from '../types/dataGridProps';
+export declare function useGridApiMethod(apiRef: React.MutableRefObject<GirdApiCommon<DataGridPrivateApi>>, apiMethods: Partial<DataGridPublicApi | DataGridPrivateApi>, visibility: Visibility): void;

package/dist/hooks/useGridApiRef.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { GirdApi } from '../types/dataGridProps';
+export declare const useGridApiRef: <Api extends GirdApi>() => React.MutableRefObject<Api>;

package/dist/hooks/useGridInitialization.d.ts

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

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import { DataGridPublicColumnModel } from './types/dataGridCoreProps';
+export { DataGrid } from './DataGrid';
+export * from './hooks/useGridApiRef';
+export type DataGridColDef = Array<DataGridPublicColumnModel>;