@j-solution/components 1.9.0 → 1.9.1

package/tailwind.config.js

@@ -1,81 +1,81 @@
-import containerQueries from '@tailwindcss/container-queries'
-import typography from '@tailwindcss/typography'
-
-/** @type {import('tailwindcss').Config} */
-export default {
-  darkMode: ["class"],
-  content: [
-    "./index.html",
-    "./src/**/*.{vue,js,ts,jsx,tsx}",
-    "./docs/**/*.{vue,js,ts,jsx,tsx,md}",
-  ],
-  theme: {
-  	extend: {
-  		colors: {
-  			border: 'hsl(var(--border))',
-  			input: 'hsl(var(--input))',
-  			ring: 'hsl(var(--ring))',
-  			background: 'hsl(var(--background))',
-  			foreground: 'hsl(var(--foreground))',
-  			primary: {
-  				DEFAULT: 'hsl(var(--primary))',
-  				foreground: 'hsl(var(--primary-foreground))'
-  			},
-  			secondary: {
-  				DEFAULT: 'hsl(var(--secondary))',
-  				foreground: 'hsl(var(--secondary-foreground))'
-  			},
-  			destructive: {
-  				DEFAULT: 'hsl(var(--destructive))',
-  				foreground: 'hsl(var(--destructive-foreground))'
-  			},
-  			muted: {
-  				DEFAULT: 'hsl(var(--muted))',
-  				foreground: 'hsl(var(--muted-foreground))'
-  			},
-  			accent: {
-  				DEFAULT: 'hsl(var(--accent))',
-  				foreground: 'hsl(var(--accent-foreground))'
-  			},
-  			popover: {
-  				DEFAULT: 'hsl(var(--popover))',
-  				foreground: 'hsl(var(--popover-foreground))'
-  			},
-  			card: {
-  				DEFAULT: 'hsl(var(--card))',
-  				foreground: 'hsl(var(--card-foreground))'
-  			}
-  		},
-  		borderRadius: {
-  			lg: 'var(--radius)',
-  			md: 'calc(var(--radius) - 2px)',
-  			sm: 'calc(var(--radius) - 4px)'
-  		},
-  		keyframes: {
-  			'accordion-down': {
-  				from: {
-  					height: '0'
-  				},
-  				to: {
-  					height: 'var(--reka-accordion-content-height)'
-  				}
-  			},
-  			'accordion-up': {
-  				from: {
-  					height: 'var(--reka-accordion-content-height)'
-  				},
-  				to: {
-  					height: '0'
-  				}
-  			}
-  		},
-  		animation: {
-  			'accordion-down': 'accordion-down 0.2s ease-out',
-  			'accordion-up': 'accordion-up 0.2s ease-out'
-  		}
-  	}
-  },
-  plugins: [containerQueries, typography],
-}
-
-
+import containerQueries from '@tailwindcss/container-queries'
+import typography from '@tailwindcss/typography'
+
+/** @type {import('tailwindcss').Config} */
+export default {
+  darkMode: ["class"],
+  content: [
+    "./index.html",
+    "./src/**/*.{vue,js,ts,jsx,tsx}",
+    "./docs/**/*.{vue,js,ts,jsx,tsx,md}",
+  ],
+  theme: {
+  	extend: {
+  		colors: {
+  			border: 'hsl(var(--border))',
+  			input: 'hsl(var(--input))',
+  			ring: 'hsl(var(--ring))',
+  			background: 'hsl(var(--background))',
+  			foreground: 'hsl(var(--foreground))',
+  			primary: {
+  				DEFAULT: 'hsl(var(--primary))',
+  				foreground: 'hsl(var(--primary-foreground))'
+  			},
+  			secondary: {
+  				DEFAULT: 'hsl(var(--secondary))',
+  				foreground: 'hsl(var(--secondary-foreground))'
+  			},
+  			destructive: {
+  				DEFAULT: 'hsl(var(--destructive))',
+  				foreground: 'hsl(var(--destructive-foreground))'
+  			},
+  			muted: {
+  				DEFAULT: 'hsl(var(--muted))',
+  				foreground: 'hsl(var(--muted-foreground))'
+  			},
+  			accent: {
+  				DEFAULT: 'hsl(var(--accent))',
+  				foreground: 'hsl(var(--accent-foreground))'
+  			},
+  			popover: {
+  				DEFAULT: 'hsl(var(--popover))',
+  				foreground: 'hsl(var(--popover-foreground))'
+  			},
+  			card: {
+  				DEFAULT: 'hsl(var(--card))',
+  				foreground: 'hsl(var(--card-foreground))'
+  			}
+  		},
+  		borderRadius: {
+  			lg: 'var(--radius)',
+  			md: 'calc(var(--radius) - 2px)',
+  			sm: 'calc(var(--radius) - 4px)'
+  		},
+  		keyframes: {
+  			'accordion-down': {
+  				from: {
+  					height: '0'
+  				},
+  				to: {
+  					height: 'var(--reka-accordion-content-height)'
+  				}
+  			},
+  			'accordion-up': {
+  				from: {
+  					height: 'var(--reka-accordion-content-height)'
+  				},
+  				to: {
+  					height: '0'
+  				}
+  			}
+  		},
+  		animation: {
+  			'accordion-down': 'accordion-down 0.2s ease-out',
+  			'accordion-up': 'accordion-up 0.2s ease-out'
+  		}
+  	}
+  },
+  plugins: [containerQueries, typography],
+}
+
+

package/types/index.d.ts

@@ -613,8 +613,6 @@ declare type __VLS_Props_24 = {
     rowData: any[];
     /** 컬럼 정의 배열 */
     columnDefs: ColDef[];
-    /** ag-Grid 테마 */
-    theme?: string;
     /** 페이지네이션 활성화 여부 */
     pagination?: boolean;
     /** 체크박스 선택 활성화 여부 */
@@ -623,8 +621,6 @@ declare type __VLS_Props_24 = {
     rowNumbers?: boolean;
     /** 행별 액션 버튼 목록 */
     actionButtons?: ActionButton[];
-    /** 다크모드 자동 감지 여부 */
-    autoDetectDarkMode?: boolean;
     /** 요약 컬럼 표시 여부 */
     summaryColumn?: boolean;
     /** 숨김 컬럼 관리 활성화 여부 */
@@ -1807,12 +1803,10 @@ gridRef: CreateComponentPublicInstanceWithMixins<Readonly<{
 class?: string;
 rowData: any[];
 columnDefs: ColDef[];
-theme?: string;
 pagination?: boolean;
 checkbox?: boolean;
 rowNumbers?: boolean;
 actionButtons?: ActionButton[];
-autoDetectDarkMode?: boolean;
 summaryColumn?: boolean;
 hiddenColumn?: boolean;
 enableGrouping?: boolean;
@@ -1851,12 +1845,10 @@ cellValueChanged: (event: CellValueChangedEvent<any, any, any>) => any;
 gridReady: (event: GridReadyEvent<any, any>) => any;
 "update:selectedRows": (rows: any[]) => any;
 }, PublicProps, {
-theme: string;
 pagination: boolean;
 checkbox: boolean;
 rowNumbers: boolean;
 actionButtons: ActionButton[];
-autoDetectDarkMode: boolean;
 summaryColumn: boolean;
 hiddenColumn: boolean;
 enableGrouping: boolean;
@@ -1885,12 +1877,10 @@ Defaults: {};
 class?: string;
 rowData: any[];
 columnDefs: ColDef[];
-theme?: string;
 pagination?: boolean;
 checkbox?: boolean;
 rowNumbers?: boolean;
 actionButtons?: ActionButton[];
-autoDetectDarkMode?: boolean;
 summaryColumn?: boolean;
 hiddenColumn?: boolean;
 enableGrouping?: boolean;
@@ -1921,12 +1911,10 @@ gridApi: Ref<any, any>;
 gridColumnApi: Ref<any, any>;
 exportToExcel: () => void;
 }, {}, {}, {}, {
-theme: string;
 pagination: boolean;
 checkbox: boolean;
 rowNumbers: boolean;
 actionButtons: ActionButton[];
-autoDetectDarkMode: boolean;
 summaryColumn: boolean;
 hiddenColumn: boolean;
 enableGrouping: boolean;
@@ -1955,12 +1943,10 @@ masterGridRef: CreateComponentPublicInstanceWithMixins<Readonly<{
 class?: string;
 rowData: any[];
 columnDefs: ColDef[];
-theme?: string;
 pagination?: boolean;
 checkbox?: boolean;
 rowNumbers?: boolean;
 actionButtons?: ActionButton[];
-autoDetectDarkMode?: boolean;
 summaryColumn?: boolean;
 hiddenColumn?: boolean;
 enableGrouping?: boolean;
@@ -1999,12 +1985,10 @@ cellValueChanged: (event: CellValueChangedEvent<any, any, any>) => any;
 gridReady: (event: GridReadyEvent<any, any>) => any;
 "update:selectedRows": (rows: any[]) => any;
 }, PublicProps, {
-theme: string;
 pagination: boolean;
 checkbox: boolean;
 rowNumbers: boolean;
 actionButtons: ActionButton[];
-autoDetectDarkMode: boolean;
 summaryColumn: boolean;
 hiddenColumn: boolean;
 enableGrouping: boolean;
@@ -2033,12 +2017,10 @@ Defaults: {};
 class?: string;
 rowData: any[];
 columnDefs: ColDef[];
-theme?: string;
 pagination?: boolean;
 checkbox?: boolean;
 rowNumbers?: boolean;
 actionButtons?: ActionButton[];
-autoDetectDarkMode?: boolean;
 summaryColumn?: boolean;
 hiddenColumn?: boolean;
 enableGrouping?: boolean;
@@ -2069,12 +2051,10 @@ gridApi: Ref<any, any>;
 gridColumnApi: Ref<any, any>;
 exportToExcel: () => void;
 }, {}, {}, {}, {
-theme: string;
 pagination: boolean;
 checkbox: boolean;
 rowNumbers: boolean;
 actionButtons: ActionButton[];
-autoDetectDarkMode: boolean;
 summaryColumn: boolean;
 hiddenColumn: boolean;
 enableGrouping: boolean;
@@ -2097,12 +2077,10 @@ mappingMasterGridRef: CreateComponentPublicInstanceWithMixins<Readonly<{
 class?: string;
 rowData: any[];
 columnDefs: ColDef[];
-theme?: string;
 pagination?: boolean;
 checkbox?: boolean;
 rowNumbers?: boolean;
 actionButtons?: ActionButton[];
-autoDetectDarkMode?: boolean;
 summaryColumn?: boolean;
 hiddenColumn?: boolean;
 enableGrouping?: boolean;
@@ -2141,12 +2119,10 @@ cellValueChanged: (event: CellValueChangedEvent<any, any, any>) => any;
 gridReady: (event: GridReadyEvent<any, any>) => any;
 "update:selectedRows": (rows: any[]) => any;
 }, PublicProps, {
-theme: string;
 pagination: boolean;
 checkbox: boolean;
 rowNumbers: boolean;
 actionButtons: ActionButton[];
-autoDetectDarkMode: boolean;
 summaryColumn: boolean;
 hiddenColumn: boolean;
 enableGrouping: boolean;
@@ -2175,12 +2151,10 @@ Defaults: {};
 class?: string;
 rowData: any[];
 columnDefs: ColDef[];
-theme?: string;
 pagination?: boolean;
 checkbox?: boolean;
 rowNumbers?: boolean;
 actionButtons?: ActionButton[];
-autoDetectDarkMode?: boolean;
 summaryColumn?: boolean;
 hiddenColumn?: boolean;
 enableGrouping?: boolean;
@@ -2211,12 +2185,10 @@ gridApi: Ref<any, any>;
 gridColumnApi: Ref<any, any>;
 exportToExcel: () => void;
 }, {}, {}, {}, {
-theme: string;
 pagination: boolean;
 checkbox: boolean;
 rowNumbers: boolean;
 actionButtons: ActionButton[];
-autoDetectDarkMode: boolean;
 summaryColumn: boolean;
 hiddenColumn: boolean;
 enableGrouping: boolean;
@@ -2578,12 +2550,10 @@ onCellValueChanged?: ((event: CellValueChangedEvent<any, any, any>) => any) | un
 onGridReady?: ((event: GridReadyEvent<any, any>) => any) | undefined;
 "onUpdate:selectedRows"?: ((rows: any[]) => any) | undefined;
 }>, {
-theme: string;
 pagination: boolean;
 checkbox: boolean;
 rowNumbers: boolean;
 actionButtons: ActionButton[];
-autoDetectDarkMode: boolean;
 summaryColumn: boolean;
 hiddenColumn: boolean;
 enableGrouping: boolean;
@@ -2899,12 +2869,10 @@ leftGridRef: CreateComponentPublicInstanceWithMixins<Readonly<{
 class?: string;
 rowData: any[];
 columnDefs: ColDef[];
-theme?: string;
 pagination?: boolean;
 checkbox?: boolean;
 rowNumbers?: boolean;
 actionButtons?: ActionButton[];
-autoDetectDarkMode?: boolean;
 summaryColumn?: boolean;
 hiddenColumn?: boolean;
 enableGrouping?: boolean;
@@ -2943,12 +2911,10 @@ cellValueChanged: (event: CellValueChangedEvent<any, any, any>) => any;
 gridReady: (event: GridReadyEvent<any, any>) => any;
 "update:selectedRows": (rows: any[]) => any;
 }, PublicProps, {
-theme: string;
 pagination: boolean;
 checkbox: boolean;
 rowNumbers: boolean;
 actionButtons: ActionButton[];
-autoDetectDarkMode: boolean;
 summaryColumn: boolean;
 hiddenColumn: boolean;
 enableGrouping: boolean;
@@ -2977,12 +2943,10 @@ Defaults: {};
 class?: string;
 rowData: any[];
 columnDefs: ColDef[];
-theme?: string;
 pagination?: boolean;
 checkbox?: boolean;
 rowNumbers?: boolean;
 actionButtons?: ActionButton[];
-autoDetectDarkMode?: boolean;
 summaryColumn?: boolean;
 hiddenColumn?: boolean;
 enableGrouping?: boolean;
@@ -3013,12 +2977,10 @@ gridApi: Ref<any, any>;
 gridColumnApi: Ref<any, any>;
 exportToExcel: () => void;
 }, {}, {}, {}, {
-theme: string;
 pagination: boolean;
 checkbox: boolean;
 rowNumbers: boolean;
 actionButtons: ActionButton[];
-autoDetectDarkMode: boolean;
 summaryColumn: boolean;
 hiddenColumn: boolean;
 enableGrouping: boolean;
@@ -3041,12 +3003,10 @@ rightGridRef: CreateComponentPublicInstanceWithMixins<Readonly<{
 class?: string;
 rowData: any[];
 columnDefs: ColDef[];
-theme?: string;
 pagination?: boolean;
 checkbox?: boolean;
 rowNumbers?: boolean;
 actionButtons?: ActionButton[];
-autoDetectDarkMode?: boolean;
 summaryColumn?: boolean;
 hiddenColumn?: boolean;
 enableGrouping?: boolean;
@@ -3085,12 +3045,10 @@ cellValueChanged: (event: CellValueChangedEvent<any, any, any>) => any;
 gridReady: (event: GridReadyEvent<any, any>) => any;
 "update:selectedRows": (rows: any[]) => any;
 }, PublicProps, {
-theme: string;
 pagination: boolean;
 checkbox: boolean;
 rowNumbers: boolean;
 actionButtons: ActionButton[];
-autoDetectDarkMode: boolean;
 summaryColumn: boolean;
 hiddenColumn: boolean;
 enableGrouping: boolean;
@@ -3119,12 +3077,10 @@ Defaults: {};
 class?: string;
 rowData: any[];
 columnDefs: ColDef[];
-theme?: string;
 pagination?: boolean;
 checkbox?: boolean;
 rowNumbers?: boolean;
 actionButtons?: ActionButton[];
-autoDetectDarkMode?: boolean;
 summaryColumn?: boolean;
 hiddenColumn?: boolean;
 enableGrouping?: boolean;
@@ -3155,12 +3111,10 @@ gridApi: Ref<any, any>;
 gridColumnApi: Ref<any, any>;
 exportToExcel: () => void;
 }, {}, {}, {}, {
-theme: string;
 pagination: boolean;
 checkbox: boolean;
 rowNumbers: boolean;
 actionButtons: ActionButton[];
-autoDetectDarkMode: boolean;
 summaryColumn: boolean;
 hiddenColumn: boolean;
 enableGrouping: boolean;

package/types/sidebar.types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.types.cjs","sources":["../../../src/types/sidebar.types.ts"],"sourcesContent":["/**\n * JSidebar 타입 정의\n * JSidebar Type Definitions\n */\n\n/** 메뉴 타입: F=폴더(그룹), L=링크(페이지) */\nexport type MenuType = 'F' | 'L'\n\n/**\n * 사이드바 메뉴 아이템 (DB J_마스터_프로그램 트리 매핑)\n */\nexport interface SidebarMenuItem {\n  /** 프로그램 아이디 */\n  id: string\n  /** 부모 아이디 */\n  parentId?: string\n  /** 메뉴 표시 이름 */\n  label: string\n  /** lucide 아이콘 이름 */\n  icon?: string\n  /** 라우트 경로 (L 타입만) */\n  path?: string\n  /** 메뉴 타입: F=폴더(그룹), L=링크(페이지) */\n  menuType: MenuType\n  /** 정렬 순서 */\n  sortOrder?: number\n  /** 하위 메뉴 (서버에서 트리로 변환) */\n  children?: SidebarMenuItem[]\n  /** 비활성화 여부 */\n  disabled?: boolean\n}\n\n/**\n * 사이드바 내부 상태 (provide/inject)\n */\nexport interface SidebarState {\n  /** 접힘 상태 */\n  collapsed: boolean\n  /** 현재 활성 경로 */\n  activePath: string | undefined\n  /** 즐겨찾기 id Set */\n  favorites: Set<string>\n  /** 즐겨찾기 토글 */\n  toggleFavorite: (id: string) => void\n}\n\n// Vue InjectionKey 타입을 위한 import\nimport type { InjectionKey } from 'vue'\n\n/** provide/inject 키 */\nexport const SIDEBAR_INJECTION_KEY = Symbol('sidebar-state') as InjectionKey<SidebarState>\n"],"names":["SIDEBAR_INJECTION_KEY"],"mappings":"gFAkDO,MAAMA,SAA+B,eAAe"}
+{"version":3,"file":"sidebar.types.cjs","sources":["../../../src/types/sidebar.types.ts"],"sourcesContent":["/**\r\n * JSidebar 타입 정의\r\n * JSidebar Type Definitions\r\n */\r\n\r\n/** 메뉴 타입: F=폴더(그룹), L=링크(페이지) */\r\nexport type MenuType = 'F' | 'L'\r\n\r\n/**\r\n * 사이드바 메뉴 아이템 (DB J_마스터_프로그램 트리 매핑)\r\n */\r\nexport interface SidebarMenuItem {\r\n  /** 프로그램 아이디 */\r\n  id: string\r\n  /** 부모 아이디 */\r\n  parentId?: string\r\n  /** 메뉴 표시 이름 */\r\n  label: string\r\n  /** lucide 아이콘 이름 */\r\n  icon?: string\r\n  /** 라우트 경로 (L 타입만) */\r\n  path?: string\r\n  /** 메뉴 타입: F=폴더(그룹), L=링크(페이지) */\r\n  menuType: MenuType\r\n  /** 정렬 순서 */\r\n  sortOrder?: number\r\n  /** 하위 메뉴 (서버에서 트리로 변환) */\r\n  children?: SidebarMenuItem[]\r\n  /** 비활성화 여부 */\r\n  disabled?: boolean\r\n}\r\n\r\n/**\r\n * 사이드바 내부 상태 (provide/inject)\r\n */\r\nexport interface SidebarState {\r\n  /** 접힘 상태 */\r\n  collapsed: boolean\r\n  /** 현재 활성 경로 */\r\n  activePath: string | undefined\r\n  /** 즐겨찾기 id Set */\r\n  favorites: Set<string>\r\n  /** 즐겨찾기 토글 */\r\n  toggleFavorite: (id: string) => void\r\n}\r\n\r\n// Vue InjectionKey 타입을 위한 import\r\nimport type { InjectionKey } from 'vue'\r\n\r\n/** provide/inject 키 */\r\nexport const SIDEBAR_INJECTION_KEY = Symbol('sidebar-state') as InjectionKey<SidebarState>\r\n"],"names":["SIDEBAR_INJECTION_KEY"],"mappings":"gFAkDO,MAAMA,SAA+B,eAAe"}

package/types/sidebar.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.types.js","sources":["../../../src/types/sidebar.types.ts"],"sourcesContent":["/**\n * JSidebar 타입 정의\n * JSidebar Type Definitions\n */\n\n/** 메뉴 타입: F=폴더(그룹), L=링크(페이지) */\nexport type MenuType = 'F' | 'L'\n\n/**\n * 사이드바 메뉴 아이템 (DB J_마스터_프로그램 트리 매핑)\n */\nexport interface SidebarMenuItem {\n  /** 프로그램 아이디 */\n  id: string\n  /** 부모 아이디 */\n  parentId?: string\n  /** 메뉴 표시 이름 */\n  label: string\n  /** lucide 아이콘 이름 */\n  icon?: string\n  /** 라우트 경로 (L 타입만) */\n  path?: string\n  /** 메뉴 타입: F=폴더(그룹), L=링크(페이지) */\n  menuType: MenuType\n  /** 정렬 순서 */\n  sortOrder?: number\n  /** 하위 메뉴 (서버에서 트리로 변환) */\n  children?: SidebarMenuItem[]\n  /** 비활성화 여부 */\n  disabled?: boolean\n}\n\n/**\n * 사이드바 내부 상태 (provide/inject)\n */\nexport interface SidebarState {\n  /** 접힘 상태 */\n  collapsed: boolean\n  /** 현재 활성 경로 */\n  activePath: string | undefined\n  /** 즐겨찾기 id Set */\n  favorites: Set<string>\n  /** 즐겨찾기 토글 */\n  toggleFavorite: (id: string) => void\n}\n\n// Vue InjectionKey 타입을 위한 import\nimport type { InjectionKey } from 'vue'\n\n/** provide/inject 키 */\nexport const SIDEBAR_INJECTION_KEY = Symbol('sidebar-state') as InjectionKey<SidebarState>\n"],"names":["SIDEBAR_INJECTION_KEY"],"mappings":"AAkDO,MAAMA,2BAA+B,eAAe;"}
+{"version":3,"file":"sidebar.types.js","sources":["../../../src/types/sidebar.types.ts"],"sourcesContent":["/**\r\n * JSidebar 타입 정의\r\n * JSidebar Type Definitions\r\n */\r\n\r\n/** 메뉴 타입: F=폴더(그룹), L=링크(페이지) */\r\nexport type MenuType = 'F' | 'L'\r\n\r\n/**\r\n * 사이드바 메뉴 아이템 (DB J_마스터_프로그램 트리 매핑)\r\n */\r\nexport interface SidebarMenuItem {\r\n  /** 프로그램 아이디 */\r\n  id: string\r\n  /** 부모 아이디 */\r\n  parentId?: string\r\n  /** 메뉴 표시 이름 */\r\n  label: string\r\n  /** lucide 아이콘 이름 */\r\n  icon?: string\r\n  /** 라우트 경로 (L 타입만) */\r\n  path?: string\r\n  /** 메뉴 타입: F=폴더(그룹), L=링크(페이지) */\r\n  menuType: MenuType\r\n  /** 정렬 순서 */\r\n  sortOrder?: number\r\n  /** 하위 메뉴 (서버에서 트리로 변환) */\r\n  children?: SidebarMenuItem[]\r\n  /** 비활성화 여부 */\r\n  disabled?: boolean\r\n}\r\n\r\n/**\r\n * 사이드바 내부 상태 (provide/inject)\r\n */\r\nexport interface SidebarState {\r\n  /** 접힘 상태 */\r\n  collapsed: boolean\r\n  /** 현재 활성 경로 */\r\n  activePath: string | undefined\r\n  /** 즐겨찾기 id Set */\r\n  favorites: Set<string>\r\n  /** 즐겨찾기 토글 */\r\n  toggleFavorite: (id: string) => void\r\n}\r\n\r\n// Vue InjectionKey 타입을 위한 import\r\nimport type { InjectionKey } from 'vue'\r\n\r\n/** provide/inject 키 */\r\nexport const SIDEBAR_INJECTION_KEY = Symbol('sidebar-state') as InjectionKey<SidebarState>\r\n"],"names":["SIDEBAR_INJECTION_KEY"],"mappings":"AAkDO,MAAMA,2BAA+B,eAAe;"}