@bwg-ui/core 1.2.34 → 1.3.0

package/dist/stores/index.js

@@ -1,8 +1,8 @@
 import { create as b } from "zustand";
 import { callService as N, getServiceCode as w, getUserId as v, getUserInfo as ee, getCookie as te, encryptSha256 as oe, setCookie as $ } from "../utils/index.js";
 import { message as L } from "antd";
-import { l as se } from "../chunks/layout-components-DuSrPWSr.js";
-import { useState as X, useCallback as q } from "react";
+import { l as se } from "../chunks/layout-components-DNhUIx4u.js";
+import { useState as X, useCallback as W } from "react";
 import { useNavigate as ne } from "react-router-dom";
 function re(n, r) {
   let e;
@@ -150,6 +150,8 @@ const E = (n) => (r) => {
       // 기본값: 크게
       spacingSize: 2,
       // 기본값: 크게
+      enableProtectWrapper: !0,
+      // 기본값: 활성화
       isLoggedIn: () => !!r().user,
       // 로그인
       setLoginUser: (e, s) => {
@@ -180,6 +182,10 @@ const E = (n) => (r) => {
       setSpacingSize: (e) => {
         n({ spacingSize: e }), console.log("여백 사이즈 변경:", e);
       },
+      // 화면보호 레이어 활성화 설정
+      setEnableProtectWrapper: (e) => {
+        n({ enableProtectWrapper: e });
+      },
       // 권한 확인 결과 가져오기
       getButtonAuth: (e, s) => {
         const o = `${e}_${s}`;
@@ -209,6 +215,7 @@ const E = (n) => (r) => {
         componentSize: n.componentSize,
         gridSize: n.gridSize,
         spacingSize: n.spacingSize,
+        enableProtectWrapper: n.enableProtectWrapper,
         isLoggedIn: n.isLoggedIn
         // buttonAuthCache는 세션 동안만 유지 (localStorage에 저장 안 함)
       })
@@ -902,7 +909,7 @@ const E = (n) => (r) => {
         rootIds: o.rootIds.slice(),
         treeNodes: o.treeNodes
       };
-      return W(t, e), t.treeNodes = D(t.nodes, t.rootIds), t;
+      return J(t, e), t.treeNodes = D(t.nodes, t.rootIds), t;
     });
     try {
       await N("SCMBKMK00103", { bkmkId: e });
@@ -1020,7 +1027,7 @@ const E = (n) => (r) => {
     };
     return s.map(d).filter(Boolean);
   }
-}), J = b(de);
+}), q = b(de);
 function ce(n) {
   const r = {}, e = [], s = (o) => {
     o.forEach((t) => {
@@ -1095,10 +1102,10 @@ function ie(n, r) {
   } else
     n.rootIds = n.rootIds.filter((o) => o !== r);
 }
-function W(n, r) {
+function J(n, r) {
   const e = n.nodes[r];
   if (!e) return;
-  e.type === "F" && e.children.slice().forEach((a) => W(n, a)), ie(n, r);
+  e.type === "F" && e.children.slice().forEach((a) => J(n, a)), ie(n, r);
   const { [r]: s, ...o } = n.nodes;
   n.nodes = o;
 }
@@ -1997,7 +2004,7 @@ const Ce = (n) => {
   })
 }));
 function ye() {
-  const [n, r] = X(!1), e = q((s) => {
+  const [n, r] = X(!1), e = W((s) => {
     const o = s?.getModifierState?.("CapsLock");
     typeof o == "boolean" && r(o);
   }, []);
@@ -2013,7 +2020,7 @@ function Fe(n) {
   } = n, [a, d] = X(!1), { capsOn: c, onKeyDown: i } = ye(), l = "SCMSIGN00101", f = `${__SYS_CD__}_login_id`, m = {
     id: t?.enabled ? te(f) : void 0,
     pswr: void 0
-  }, u = q(
+  }, u = W(
     async (h, C) => {
       d(!0);
       try {
@@ -2057,17 +2064,17 @@ function Fe(n) {
 function Le() {
   const n = ne();
   return () => {
-    H.getState().clearLoginUser(), V.getState().clearSystemMap(), G.getState().clearCodes(), R.getState().clearMenu(), Z.getState().clearMenuViewStore(), J.getState().clearFavorites(), n("/login");
+    H.getState().clearLoginUser(), V.getState().clearSystemMap(), G.getState().clearCodes(), R.getState().clearMenu(), Z.getState().clearMenuViewStore(), q.getState().clearFavorites(), n("/login");
   };
 }
-const we = () => G.getState(), _e = () => Ie.getState(), Ae = () => H.getState(), Ke = () => J.getState(), Be = () => R.getState(), Ee = () => Z.getState(), Te = () => V.getState();
+const we = () => G.getState(), _e = () => Ie.getState(), Ae = () => H.getState(), Ke = () => q.getState(), Be = () => R.getState(), Ee = () => Z.getState(), Te = () => V.getState();
 export {
   ye as useCapsLock,
   we as useCode,
   G as useCodeStore,
   Pe as useColorStore,
   Ke as useFavorite,
-  J as useFavoriteStore,
+  q as useFavoriteStore,
   De as useLoadingStore,
   Fe as useLogin,
   Le as useLogout,

package/dist/stores/userStore.d.ts

@@ -31,6 +31,7 @@ export interface UserStore {
     componentSize: ComponentSize;
     gridSize: GridSize;
     spacingSize: SpacingSize;
+    enableProtectWrapper: boolean;
     isLoggedIn: () => boolean;
     setLoginUser: (user: UserInfo, hrInfo?: HrInfo) => void;
     clearLoginUser: () => void;
@@ -38,6 +39,7 @@ export interface UserStore {
     setComponentSize: (size: ComponentSize) => void;
     setGridSize: (size: GridSize) => void;
     setSpacingSize: (size: SpacingSize) => void;
+    setEnableProtectWrapper: (enable: boolean) => void;
     getButtonAuth: (menuId: string, grpId: string) => Record<string, boolean> | null;
     setButtonAuth: (menuId: string, grpId: string, data: Record<string, boolean>) => void;
     clearButtonAuths: () => void;
@@ -52,6 +54,7 @@ export declare const useUserStore: import('zustand').UseBoundStore<Omit<import('
             componentSize: ComponentSize;
             gridSize: GridSize;
             spacingSize: SpacingSize;
+            enableProtectWrapper: boolean;
             isLoggedIn: () => boolean;
         }, unknown>>) => void;
         clearStorage: () => void;
@@ -65,6 +68,7 @@ export declare const useUserStore: import('zustand').UseBoundStore<Omit<import('
             componentSize: ComponentSize;
             gridSize: GridSize;
             spacingSize: SpacingSize;
+            enableProtectWrapper: boolean;
             isLoggedIn: () => boolean;
         }, unknown>>;
     };

package/dist/stores/userStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"userStore.d.ts","sourceRoot":"","sources":["../../src/stores/userStore.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,QAAQ;IACvB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB;AAGD,MAAM,WAAW,MAAM;IACrB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB;AAGD,MAAM,MAAM,aAAa,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEtC,MAAM,MAAM,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEjC,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAGpC,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAEtB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAErD,aAAa,EAAE,aAAa,CAAC;IAE7B,QAAQ,EAAE,QAAQ,CAAC;IAEnB,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,EAAE,MAAM,OAAO,CAAC;IAC1B,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,EAAE,CACV,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC3B,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,KACxB,IAAI,CAAC;IAEV,gBAAgB,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAEhD,WAAW,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAEtC,cAAc,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAE5C,aAAa,EAAE,CACb,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,KACV,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAEpC,aAAa,EAAE,CACb,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC1B,IAAI,CAAC;IAEV,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AAGD,eAAO,MAAM,YAAY;;;;;;;;;;8BA7BL,OAAO;;;;;;;;;;;;;8BAAP,OAAO;;;EAyH1B,CAAC"}
+{"version":3,"file":"userStore.d.ts","sourceRoot":"","sources":["../../src/stores/userStore.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,QAAQ;IACvB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB;AAGD,MAAM,WAAW,MAAM;IACrB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB;AAGD,MAAM,MAAM,aAAa,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEtC,MAAM,MAAM,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEjC,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAGpC,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAEtB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAErD,aAAa,EAAE,aAAa,CAAC;IAE7B,QAAQ,EAAE,QAAQ,CAAC;IAEnB,WAAW,EAAE,WAAW,CAAC;IAEzB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,UAAU,EAAE,MAAM,OAAO,CAAC;IAC1B,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,EAAE,CACV,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC3B,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,KACxB,IAAI,CAAC;IAEV,gBAAgB,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAEhD,WAAW,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAEtC,cAAc,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAE5C,uBAAuB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAEnD,aAAa,EAAE,CACb,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,KACV,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAEpC,aAAa,EAAE,CACb,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC1B,IAAI,CAAC;IAEV,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AAGD,eAAO,MAAM,YAAY;;;;;;;;;;;8BA/BL,OAAO;;;;;;;;;;;;;;8BAAP,OAAO;;;EAiI1B,CAAC"}

package/dist/styles/assets/images/header/icon/ico-bell.svg

@@ -1,3 +1,3 @@
-<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.9998 19.9993V20.9993C11.9998 21.3932 12.0774 21.7833 12.2282 22.1473C12.3789 22.5112 12.5999 22.8419 12.8785 23.1205C13.157 23.399 13.4877 23.62 13.8517 23.7708C14.2156 23.9215 14.6057 23.9991 14.9997 23.9991C15.3936 23.9991 15.7837 23.9215 16.1477 23.7708C16.5116 23.62 16.8423 23.399 17.1209 23.1205C17.3994 22.8419 17.6204 22.5112 17.7712 22.1473C17.9219 21.7833 17.9995 21.3932 17.9995 20.9993V19.9993M20.9994 11.9997C20.9994 14.9996 22.9993 19.9993 22.9993 19.9993H7.00006C7.00006 19.9993 8.99996 15.9995 8.99996 11.9997C8.99996 8.73187 11.7318 6 14.9997 6C18.2675 6 20.9994 8.73187 20.9994 11.9997Z" stroke="#485299" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9998 19.9993V20.9993C11.9998 21.3932 12.0774 21.7833 12.2282 22.1473C12.3789 22.5112 12.5999 22.8419 12.8785 23.1205C13.157 23.399 13.4877 23.62 13.8517 23.7708C14.2156 23.9215 14.6057 23.9991 14.9997 23.9991C15.3936 23.9991 15.7837 23.9215 16.1477 23.7708C16.5116 23.62 16.8423 23.399 17.1209 23.1205C17.3994 22.8419 17.6204 22.5112 17.7712 22.1473C17.9219 21.7833 17.9995 21.3932 17.9995 20.9993V19.9993M20.9994 11.9997C20.9994 14.9996 22.9993 19.9993 22.9993 19.9993H7.00006C7.00006 19.9993 8.99996 15.9995 8.99996 11.9997C8.99996 8.73187 11.7318 6 14.9997 6C18.2675 6 20.9994 8.73187 20.9994 11.9997Z" stroke="#485299" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/styles/assets/images/header/icon/ico-logout.svg

@@ -1,10 +1,10 @@
-<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_93_4488)">
-<path d="M18 7H21C22.1046 7 23 7.89543 23 9V21C23 22.1046 22.1046 23 21 23H18M11 11L7 15M7 15L11 19M7 15L19 15" stroke="#485299" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0_93_4488">
-<rect width="30" height="30" fill="white"/>
-</clipPath>
-</defs>
-</svg>
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_93_4488)">
+<path d="M18 7H21C22.1046 7 23 7.89543 23 9V21C23 22.1046 22.1046 23 21 23H18M11 11L7 15M7 15L11 19M7 15L19 15" stroke="#485299" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_93_4488">
+<rect width="30" height="30" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/styles/assets/images/header/icon/ico-setting.svg

@@ -1,4 +1,4 @@
-<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14 6H16C16.5523 6 17 6.44772 17 7V7.56879C17 7.99659 17.2871 8.36825 17.6822 8.53228C18.0775 8.69638 18.5377 8.63384 18.8403 8.33123L19.2426 7.92891C19.6331 7.53838 20.2663 7.53838 20.6568 7.92891L22.071 9.34312C22.4616 9.73365 22.4615 10.3668 22.071 10.7573L21.6688 11.1596C21.3661 11.4622 21.3036 11.9225 21.4677 12.3177C21.6317 12.7129 22.0034 13 22.4313 13L23 13C23.5523 13 24 13.4477 24 14V16C24 16.5523 23.5523 17 23 17H22.4312C22.0034 17 21.6318 17.2871 21.4677 17.6822C21.3036 18.0775 21.3661 18.5377 21.6688 18.8403L22.071 19.2426C22.4616 19.6331 22.4616 20.2663 22.071 20.6568L20.6568 22.071C20.2663 22.4616 19.6331 22.4616 19.2426 22.071L18.8403 21.6688C18.5377 21.3661 18.0775 21.3036 17.6822 21.4677C17.2871 21.6318 17 22.0034 17 22.4312V23C17 23.5523 16.5523 24 16 24H14C13.4477 24 13 23.5523 13 23V22.4313C13 22.0034 12.7129 21.6317 12.3177 21.4677C11.9225 21.3036 11.4622 21.3661 11.1596 21.6688L10.7573 22.071C10.3668 22.4616 9.73363 22.4616 9.34311 22.071L7.92889 20.6568C7.53837 20.2663 7.53837 19.6331 7.92889 19.2426L8.33123 18.8403C8.63384 18.5377 8.69638 18.0775 8.53228 17.6822C8.36825 17.2871 7.99659 17 7.56879 17H7C6.44772 17 6 16.5523 6 16V14C6 13.4477 6.44772 13 7 13L7.56877 13C7.99658 13 8.36825 12.7129 8.53229 12.3178C8.6964 11.9225 8.63386 11.4623 8.33123 11.1597L7.92891 10.7573C7.53838 10.3668 7.53838 9.73365 7.92891 9.34313L9.34312 7.92891C9.73365 7.53839 10.3668 7.53839 10.7573 7.92891L11.1597 8.33123C11.4623 8.63386 11.9225 8.6964 12.3178 8.53229C12.7129 8.36825 13 7.99658 13 7.56876V7C13 6.44772 13.4477 6 14 6Z" stroke="#485299" stroke-width="1.5"/>
-<path d="M17 15C17 16.1046 16.1046 17 15 17C13.8954 17 13 16.1046 13 15C13 13.8954 13.8954 13 15 13C16.1046 13 17 13.8954 17 15Z" stroke="#485299" stroke-width="1.5"/>
-</svg>
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 6H16C16.5523 6 17 6.44772 17 7V7.56879C17 7.99659 17.2871 8.36825 17.6822 8.53228C18.0775 8.69638 18.5377 8.63384 18.8403 8.33123L19.2426 7.92891C19.6331 7.53838 20.2663 7.53838 20.6568 7.92891L22.071 9.34312C22.4616 9.73365 22.4615 10.3668 22.071 10.7573L21.6688 11.1596C21.3661 11.4622 21.3036 11.9225 21.4677 12.3177C21.6317 12.7129 22.0034 13 22.4313 13L23 13C23.5523 13 24 13.4477 24 14V16C24 16.5523 23.5523 17 23 17H22.4312C22.0034 17 21.6318 17.2871 21.4677 17.6822C21.3036 18.0775 21.3661 18.5377 21.6688 18.8403L22.071 19.2426C22.4616 19.6331 22.4616 20.2663 22.071 20.6568L20.6568 22.071C20.2663 22.4616 19.6331 22.4616 19.2426 22.071L18.8403 21.6688C18.5377 21.3661 18.0775 21.3036 17.6822 21.4677C17.2871 21.6318 17 22.0034 17 22.4312V23C17 23.5523 16.5523 24 16 24H14C13.4477 24 13 23.5523 13 23V22.4313C13 22.0034 12.7129 21.6317 12.3177 21.4677C11.9225 21.3036 11.4622 21.3661 11.1596 21.6688L10.7573 22.071C10.3668 22.4616 9.73363 22.4616 9.34311 22.071L7.92889 20.6568C7.53837 20.2663 7.53837 19.6331 7.92889 19.2426L8.33123 18.8403C8.63384 18.5377 8.69638 18.0775 8.53228 17.6822C8.36825 17.2871 7.99659 17 7.56879 17H7C6.44772 17 6 16.5523 6 16V14C6 13.4477 6.44772 13 7 13L7.56877 13C7.99658 13 8.36825 12.7129 8.53229 12.3178C8.6964 11.9225 8.63386 11.4623 8.33123 11.1597L7.92891 10.7573C7.53838 10.3668 7.53838 9.73365 7.92891 9.34313L9.34312 7.92891C9.73365 7.53839 10.3668 7.53839 10.7573 7.92891L11.1597 8.33123C11.4623 8.63386 11.9225 8.6964 12.3178 8.53229C12.7129 8.36825 13 7.99658 13 7.56876V7C13 6.44772 13.4477 6 14 6Z" stroke="#485299" stroke-width="1.5"/>
+<path d="M17 15C17 16.1046 16.1046 17 15 17C13.8954 17 13 16.1046 13 15C13 13.8954 13.8954 13 15 13C16.1046 13 17 13.8954 17 15Z" stroke="#485299" stroke-width="1.5"/>
+</svg>

package/dist/styles/assets/images/header/icon/ico-sidebar-arrow.svg

@@ -1,3 +1,3 @@
-<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.77771 8.1809C6.37747 8.67607 5.62253 8.67607 5.22229 8.18089L2.98627 5.41454C2.4577 4.7606 2.92314 3.78592 3.76399 3.78592L8.23602 3.78592C9.07687 3.78592 9.5423 4.7606 9.01373 5.41454L6.77771 8.1809Z" fill="#B9B9B9"/>
-</svg>
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.77771 8.1809C6.37747 8.67607 5.62253 8.67607 5.22229 8.18089L2.98627 5.41454C2.4577 4.7606 2.92314 3.78592 3.76399 3.78592L8.23602 3.78592C9.07687 3.78592 9.5423 4.7606 9.01373 5.41454L6.77771 8.1809Z" fill="#B9B9B9"/>
+</svg>

package/dist/styles/components.css

@@ -54,29 +54,39 @@
   align-items: center;
 }
 /* 공통 버튼 테마 적용 - BwgView의 공통 버튼 영역에만 적용 */
-.bwg-view .permission-buttons .ant-btn-primary:not(:disabled):not(.ant-btn-disabled) {
+.bwg-view
+  .permission-buttons
+  .ant-btn-primary:not(:disabled):not(.ant-btn-disabled) {
   background-color: var(--button-primary);
   border-color: var(--button-primary);
   color: var(--text-white);
 }
 
-.bwg-view .permission-buttons .ant-btn-primary:not(:disabled):not(.ant-btn-disabled):hover {
+.bwg-view
+  .permission-buttons
+  .ant-btn-primary:not(:disabled):not(.ant-btn-disabled):hover {
   background-color: var(--button-primary-hover);
   border-color: var(--button-primary-hover);
 }
 
-.bwg-view .permission-buttons .ant-btn-primary:not(:disabled):not(.ant-btn-disabled):active {
+.bwg-view
+  .permission-buttons
+  .ant-btn-primary:not(:disabled):not(.ant-btn-disabled):active {
   background-color: var(--button-primary-active);
   border-color: var(--button-primary-active);
 }
 
-.bwg-view .permission-buttons .bwg-btn.ant-btn-default:not(:disabled):not(.ant-btn-disabled) {
+.bwg-view
+  .permission-buttons
+  .bwg-btn.ant-btn-default:not(:disabled):not(.ant-btn-disabled) {
   background-color: var(--button-default);
   border-color: var(--button-permission-border);
   color: var(--text-secondary);
 }
 
-.bwg-view .permission-buttons .ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover {
+.bwg-view
+  .permission-buttons
+  .ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover {
   background-color: var(--button-default);
   border-color: var(--button-primary);
   color: var(--button-primary);
@@ -93,20 +103,28 @@
   color: var(--button-default);
   border-color: var(--button-error);
 }
-.bwg-error-btn.ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled):hover {
+.bwg-error-btn.ant-btn-variant-solid:not(:disabled):not(
+    .ant-btn-disabled
+  ):hover {
   background: var(--button-error-solid-hover);
   border-color: var(--button-error);
 }
-.bwg-error-btn.ant-btn-variant-outlined:not(:disabled):not(.ant-btn-disabled):hover {
+.bwg-error-btn.ant-btn-variant-outlined:not(:disabled):not(
+    .ant-btn-disabled
+  ):hover {
   border-color: var(--button-error-default-hover) !important;
   color: var(--button-error-default-hover) !important;
 }
-.bwg-view .permission-buttons .bwg-error-btn.ant-btn-default:not(:disabled):not(.ant-btn-disabled) {
+.bwg-view
+  .permission-buttons
+  .bwg-error-btn.ant-btn-default:not(:disabled):not(.ant-btn-disabled) {
   background-color: var(--button-default);
   border-color: var(--button-error-permission-border);
   color: var(--text-secondary);
 }
-.bwg-view .permission-buttons .bwg-error-btn.ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover {
+.bwg-view
+  .permission-buttons
+  .bwg-error-btn.ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover {
   background-color: var(--button-default);
   border-color: var(--button-error);
   color: var(--button-error);
@@ -121,8 +139,6 @@
   color: var(--text-white) !important;
 }
 
-
-
 /* 입력 컴포넌트 */
 .input-field {
   border: 1px solid var(--border-color);
@@ -213,8 +229,12 @@
 .bwg-title-box-right .bwg-button-group .ant-flex {
   gap: 6px !important;
 }
-.bwg-title-box-right .ant-btn.ant-btn-variant-outlined:not(:disabled):not(.ant-btn-disabled):hover,
-.bwg-title-box-right .ant-btn.ant-btn-variant-outlined:not(:disabled):not(.ant-btn-disabled):active {
+.bwg-title-box-right
+  .ant-btn.ant-btn-variant-outlined:not(:disabled):not(.ant-btn-disabled):hover,
+.bwg-title-box-right
+  .ant-btn.ant-btn-variant-outlined:not(:disabled):not(
+    .ant-btn-disabled
+  ):active {
   color: var(--primary-color);
   border-color: var(--primary-color);
 }
@@ -268,7 +288,7 @@
   column-gap: 10px;
 }
 .bwgview-header-right .ant-space .ant-divider-vertical {
-   border-inline-start: 1px solid #cecece;
+  border-inline-start: 1px solid #cecece;
 }
 .bwgview-content {
   height: inherit;
@@ -386,9 +406,6 @@
   justify-content: end;
 }
 
-
-
-
 .bwgview-content-box {
   box-sizing: border-box;
   display: flex;
@@ -407,7 +424,6 @@
   &.content-box-right {
     align-items: flex-end;
   } */
-
 }
 /* content layout , content box 커스텀 클래스 */
 .none-box-st {
@@ -493,7 +509,6 @@
   flex-flow: nowrap;
 }
 
-
 .pageMenuNm {
   padding-right: 8px;
   font-size: 20px;
@@ -508,13 +523,13 @@
   height: 30px;
   margin-right: 5px;
   font-size: 20px;
-  color: #FFC352;
+  color: #ffc352;
   cursor: pointer;
   transition: color 0.2s;
 }
 
 .bookmark-icon:hover {
-  color: #FFCE21;
+  color: #ffce21;
 }
 .page-num-tag {
   font-size: 11px;
@@ -524,9 +539,9 @@
   justify-content: center;
   align-items: center;
   height: 26px;
-  border-color: #B2D1FF;
+  border-color: #b2d1ff;
   background: #ddf1ff;
-  color: #4887E5;
+  color: #4887e5;
   border-radius: 5px;
 }
 .page-num-tag + .menu-help-btn {
@@ -548,7 +563,6 @@
   background-position: center;
 }
 
-
 /* BwgCmptArea 컴포넌트 스타일 */
 .form-component-wrapper {
   display: flex;
@@ -583,7 +597,6 @@
   border-color: var(--border-color);
   border-radius: var(--border-radius-sm);
   color: var(--text-primary);
-
 }
 
 /* Input 컴포넌트 특별 처리 */
@@ -619,7 +632,7 @@
 /* BwgCmptArea 컴포넌트 공통 스타일 변경 */
 .form-component-wrapper .ant-form-item .ant-form-item-label label {
   color: var(--text-primary);
-} 
+}
 .form-component-wrapper .ant-form-item .ant-form-item-label label > span {
   font-weight: var(--font-weight-semibold) !important;
 }
@@ -659,7 +672,6 @@
   border-color: #ccc;
 }
 
-
 .between-vertical-btn-group {
   display: flex;
   justify-content: center;
@@ -680,7 +692,8 @@
 .between-vertical-btn-group .upDown button .btn-up:hover,
 .between-vertical-btn-group .upDown button .btn-up:active {
   border-color: var(--primary-color);
-  background: var(--primary-color) url(./assets/images/contents/btn/btn-up-on.png) no-repeat center;
+  background: var(--primary-color)
+    url(./assets/images/contents/btn/btn-up-on.png) no-repeat center;
 }
 .between-vertical-btn-group .upDown button .btn-down {
   background: url(./assets/images/contents/btn/btn-down.png) no-repeat center;
@@ -688,7 +701,8 @@
 .between-vertical-btn-group .upDown button .btn-down:hover,
 .between-vertical-btn-group .upDown button .btn-down:active {
   border-color: var(--primary-color);
-  background: var(--primary-color) url(./assets/images/contents/btn/btn-down-on.png) no-repeat center;
+  background: var(--primary-color)
+    url(./assets/images/contents/btn/btn-down-on.png) no-repeat center;
 }
 .between-vertical-btn-group .leftRight {
   flex-direction: column;
@@ -701,17 +715,19 @@
 }
 .between-vertical-btn-group .leftRight button .btn-left:hover,
 .between-vertical-btn-group .leftRight button .btn-left:active {
- border-color: var(--primary-color);
- background: var(--primary-color) url(./assets/images/contents/btn/btn-left-on.png) no-repeat center;
+  border-color: var(--primary-color);
+  background: var(--primary-color)
+    url(./assets/images/contents/btn/btn-left-on.png) no-repeat center;
 }
 
 .between-vertical-btn-group .leftRight button .btn-right {
-  background: url(./assets/images/contents/btn/btn-right.png) no-repeat
+  background: url(./assets/images/contents/btn/btn-right.png) no-repeat;
 }
 .between-vertical-btn-group .leftRight button .btn-right:hover,
-.between-vertical-btn-group .leftRight button .btn-right:active  {
+.between-vertical-btn-group .leftRight button .btn-right:active {
   border-color: var(--primary-color);
-  background: var(--primary-color) url(./assets/images/contents/btn/btn-right-on.png) no-repeat center;
+  background: var(--primary-color)
+    url(./assets/images/contents/btn/btn-right-on.png) no-repeat center;
 }
 .ant-space-compact.block {
   width: 100%;
@@ -722,11 +738,11 @@
   position: absolute;
   top: 5px;
   right: 5px;
-  width: 200px;
+  width: var(--search-box-width, 200px);
   height: auto;
   padding: 5px;
   opacity: 1;
-  background: var(--bg-primary);
+  background: var(--header-bg);
   z-index: 100;
   transform: translateY(0px);
   transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
@@ -734,10 +750,8 @@
   box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
 }
 .grid-search-box .ant-input {
-  border-radius: 50px 0 0 50px;
   border: 0;
-  height: 32px !important;
-  padding: 0 5px;
+  margin-left: 10px;
 }
 .grid-search-box .ant-space-compact .ant-btn {
   border-radius: 50%;
@@ -752,11 +766,11 @@
   background: var(--button-solid);
   box-shadow: none;
   border-radius: 50%;
-  width: 30px;
-  height: 30px;
+  width: var(--search-button-size, 30px);
+  height: var(--search-button-size, 30px);
   flex-shrink: 0;
-  font-size: 15px;
-  line-height: 30px;
+  font-size: var(--search-button-font-size, 15px);
+  line-height: var(--search-button-size, 30px);
   color: var(--text-white);
 }
 .grid-search-box .ant-flex > .ant-btn:hover {
@@ -780,9 +794,9 @@
   padding-inline: 13px;
 }
 .bwg-tag.ant-tag-blue {
-  color: #2589F4;
-  background: #E2F4FF;
-  border-color: #CAE6FB;
+  color: #2589f4;
+  background: #e2f4ff;
+  border-color: #cae6fb;
 }
 /* BwgDrawer 헤더 테마 적용 */
 .main-drawer .ant-drawer-header {
@@ -799,7 +813,7 @@
   color: #565656 !important;
 }
 .main-drawer .ant-drawer-header .ant-drawer-close:hover {
-  background-color: #E1E3FB;
+  background-color: #e1e3fb;
 }
 .main-drawer .ant-drawer-header .bwg-btn {
   width: 30px;
@@ -809,7 +823,7 @@
   border-radius: 5px;
 }
 .main-drawer .ant-drawer-header .bwg-btn:hover {
-  background-color: #E1E3FB;
+  background-color: #e1e3fb;
 }
 
 /* 다크 테마일 때 Drawer 헤더 */
@@ -865,7 +879,7 @@
 }
 
 [data-theme='modern'] .main-drawer .ant-drawer-header .ant-drawer-close:hover {
-  background-color: #E1E3FB !important;
+  background-color: #e1e3fb !important;
 }
 
 /* Drawer footer */
@@ -879,11 +893,19 @@
   min-width: 74px;
   box-shadow: var(--button-shadow);
 }
-.main-drawer .ant-drawer-footer .bwg-btn.ant-btn-variant-outlined:not(.bwg-btn.ant-btn-variant-solid):not(.bwg-error-btn) {
+.main-drawer
+  .ant-drawer-footer
+  .bwg-btn.ant-btn-variant-outlined:not(.bwg-btn.ant-btn-variant-solid):not(
+    .bwg-error-btn
+  ) {
   border-color: var(--button-light-border);
   color: var(--text-secondary);
 }
-.main-drawer .ant-drawer-footer .bwg-btn.ant-btn-variant-outlined:not(.bwg-btn.ant-btn-variant-solid):not(.bwg-error-btn):hover {
+.main-drawer
+  .ant-drawer-footer
+  .bwg-btn.ant-btn-variant-outlined:not(.bwg-btn.ant-btn-variant-solid):not(
+    .bwg-error-btn
+  ):hover {
   border-color: var(--primary-color);
   color: var(--primary-color);
 }
@@ -903,11 +925,11 @@
   border: 0;
   padding: 20px;
   border-radius: 20px;
-  background: #F3F9FF;
+  background: #f3f9ff;
 }
 .manual-box .bwg-title-box .ant-typography {
   font-size: var(--font-size-md);
-  color:#4B6C8D;
+  color: #4b6c8d;
 }
 .manual-box .bwg-title-box .ant-typography span {
   margin-left: 0;
@@ -916,7 +938,7 @@
   display: inline-flex;
   flex-direction: column;
   gap: 19px;
-  color: #4E5160;
+  color: #4e5160;
   font-size: 13px;
   font-weight: var(--font-weight-regular);
 }
@@ -961,14 +983,18 @@
 }
 
 /* bwg-ogrn-tree 내부 체크박스 */
-.bwg-ogrn-tree .ant-tree-checkbox:not(.ant-tree-checkbox-disabled):hover .ant-tree-checkbox-inner {
+.bwg-ogrn-tree
+  .ant-tree-checkbox:not(.ant-tree-checkbox-disabled):hover
+  .ant-tree-checkbox-inner {
   border-color: var(--check-primary-active);
 }
 .bwg-ogrn-tree .ant-tree-checkbox-checked .ant-tree-checkbox-inner {
   background-color: var(--check-primary);
   border-color: var(--check-primary);
 }
-.bwg-ogrn-tree .ant-tree-checkbox-checked:not(.ant-tree-checkbox-disabled):hover .ant-tree-checkbox-inner {
+.bwg-ogrn-tree
+  .ant-tree-checkbox-checked:not(.ant-tree-checkbox-disabled):hover
+  .ant-tree-checkbox-inner {
   background-color: var(--check-primary-active);
 }
 /* 북마크 */
@@ -978,10 +1004,12 @@
   height: 24px;
 }
 .bookmark-title-icon.saved {
-  background: url(./assets/images/contents/icon/ico-save-bookmark.svg) no-repeat center;
+  background: url(./assets/images/contents/icon/ico-save-bookmark.svg) no-repeat
+    center;
 }
 .bookmark-title-icon.add {
-  background: url(./assets/images/contents/icon/ico-add-bookmark.svg) no-repeat center;
+  background: url(./assets/images/contents/icon/ico-add-bookmark.svg) no-repeat
+    center;
 }
 .bookmark-folder-modal-icon {
   display: inline-block;
@@ -989,10 +1017,12 @@
   height: 20px;
 }
 .bookmark-folder-modal-icon.ico-new-folder {
-  background: url(./assets/images/contents/icon/ico-new-folder.svg) no-repeat center;
+  background: url(./assets/images/contents/icon/ico-new-folder.svg) no-repeat
+    center;
 }
 .bookmark-folder-modal-icon.ico-edit-folder {
-  background: url(./assets/images/contents/icon/ico-edit-folder.svg) no-repeat center;
+  background: url(./assets/images/contents/icon/ico-edit-folder.svg) no-repeat
+    center;
 }
 /* BwgEditer */
 .ql-container {