@noraent/nora-datagrid 0.0.283 → 0.0.285

package/dist/buildPackage.json

@@ -1,6 +1,6 @@
 {
   "name": "@noraent/nora-datagrid",
-  "version": "0.0.283",
+  "version": "0.0.285",
   "module": "./dist/nora_datagrid.es.js",
   "main": "./dist/nora_datagrid.cjs.js",
   "private": false,
@@ -34,15 +34,17 @@
   },
   "dependencies": {
     "@emotion/css": "^11.13.5",
-    "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.0",
     "@noraent/nora-datagrid": "file:",
     "lodash": "^4.17.21",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
     "rimraf": "^6.0.1",
     "sass-embedded": "^1.87.0"
   },
+  "peerDependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
   "devDependencies": {
     "@babel/cli": "^7.27.2",
     "@babel/preset-react": "^7.27.1",
@@ -63,7 +65,17 @@
     "vite": "^6.2.0",
     "vite-plugin-dts": "^4.5.3",
     "vite-plugin-svgr": "^4.3.0",
-    "vite-tsconfig-paths": "^5.1.4"
+    "vite-tsconfig-paths": "^5.1.4",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@emotion/react": {
+      "optional": true
+    },
+    "@emotion/styled": {
+      "optional": true
+    }
   },
   "babel": {
     "presets": [

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

@@ -1,4 +1,3 @@
-import { foundation } from '../foundation';
 /**
  * 💡 알림
  * 본 섹션은 가이드의 가독성을 높이기 위해 추가되었습니다.
@@ -6,44 +5,19 @@ 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 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 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 Spinner: import('@emotion/styled').StyledComponent<any, {}, {
+    ref?: import('react').Ref<any> | undefined;
+}>;
 export declare const spin: string;
-export {};

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

@@ -1,12 +1,9 @@
-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>, {}>;
+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 ErrorIconBox: import('@emotion/styled').StyledComponent<any, {}, {
+    ref?: import('react').Ref<any> | undefined;
+}>;

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

@@ -1,4 +1,3 @@
-export declare const CheckboxCon: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CheckboxCon: import('@emotion/styled').StyledComponent<any, {}, {
+    ref?: import('react').Ref<any> | undefined;
+}>;

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

@@ -1,71 +1,44 @@
 import { default as React } from 'react';
-import { GridTheme } from '../../../types/palette';
-export declare const RawTableRow: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & {
-    rowUUID: string;
-    theme?: GridTheme;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TableRow: React.NamedExoticComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & {
-    rowUUID: string;
-    theme?: GridTheme;
-} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>>;
-export declare const Skeleton: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TableBody: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & {
-    lineHeight?: number;
-    theme?: GridTheme;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TableCell: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Input: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
-export declare const TableHeaderRoot: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ResizeBox: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const RightScrollBar: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const BottomScrollBar: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const HeaderStyled: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const SortContentStyled: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const SortButton: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const NoraDataGridStyled: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const NoraDataGridBodyStyled: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+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, {}, {
+    ref?: React.Ref<any> | undefined;
+}>;
+export declare const TableBody: import('@emotion/styled').StyledComponent<any, {}, {
+    ref?: React.Ref<any> | undefined;
+}>;
+export declare const TableCell: import('@emotion/styled').StyledComponent<any, {}, {
+    ref?: React.Ref<any> | undefined;
+}>;
+export declare const Input: import('@emotion/styled').StyledComponent<any, {}, {
+    ref?: React.Ref<any> | undefined;
+}>;
+export declare const TableHeaderRoot: import('@emotion/styled').StyledComponent<any, {}, {
+    ref?: React.Ref<any> | undefined;
+}>;
+export declare const ResizeBox: import('@emotion/styled').StyledComponent<any, {}, {
+    ref?: React.Ref<any> | undefined;
+}>;
+export declare const RightScrollBar: import('@emotion/styled').StyledComponent<any, {}, {
+    ref?: React.Ref<any> | undefined;
+}>;
+export declare const BottomScrollBar: import('@emotion/styled').StyledComponent<any, {}, {
+    ref?: React.Ref<any> | undefined;
+}>;
+export declare const HeaderStyled: import('@emotion/styled').StyledComponent<any, {}, {
+    ref?: React.Ref<any> | undefined;
+}>;
+export declare const SortContentStyled: import('@emotion/styled').StyledComponent<any, {}, {
+    ref?: React.Ref<any> | undefined;
+}>;
+export declare const SortButton: import('@emotion/styled').StyledComponent<any, {}, {
+    ref?: React.Ref<any> | undefined;
+}>;
+export declare const NoraDataGridStyled: import('@emotion/styled').StyledComponent<any, {}, {
+    ref?: React.Ref<any> | undefined;
+}>;
+export declare const NoraDataGridBodyStyled: import('@emotion/styled').StyledComponent<any, {}, {
+    ref?: React.Ref<any> | undefined;
+}>;

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

@@ -1,9 +1,7 @@
 import { default as React } from 'react';
-export declare const Scroller: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const RenderZone: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Scroller: import('@emotion/styled').StyledComponent<any, {}, {
+    ref?: React.Ref<any> | undefined;
+}>;
+export declare const RenderZone: import('@emotion/styled').StyledComponent<any, {}, {
+    ref?: React.Ref<any> | undefined;
+}>;