@iyulab/enterprise 0.4.0 → 0.5.0

package/README.md

@@ -50,8 +50,16 @@ import { FormSection, FormRow } from '@iyulab/enterprise'
 </FormSection>
 ```
 
-- `FormRow`는 기본 2컬럼 그리드입니다. 한 칸을 차지하려면 `full`을 씁니다.
-- (3컬럼 이상 등 커스텀 레이아웃이 필요하면 현재는 직접 CSS grid를 쓰세요. `columns` prop 확장은 로드맵에 있습니다.)
+- `FormRow`는 기본 2컬럼 그리드입니다. 한 칸을 차지하려면 `full`을, 다른 열 수가 필요하면 `columns`를 씁니다.
+- 두 컴포넌트 모두 `className`·`style`을 받아 기본값 **뒤에** 병합합니다 — 블록을 복제하지 않고 조정하는 정규 경로입니다. `FormSection`은 제목 줄만 바꾸는 `titleStyle`도 받습니다.
+
+```tsx
+<FormRow columns={3}>…</FormRow>
+<FormSection title="기본 정보" style={{ marginBottom: 32 }}>…</FormSection>
+```
+
+> 이 계층이 무엇을 소유하고 무엇을 소유하지 않는지, 새 패턴이 언제 추가되는지는
+> **[LOB 계층 헌장](./docs/lob-layers.md)** 이 정합니다. 패턴을 제안하기 전에 읽어 주세요.
 
 ### API 설정
 

package/dist/FormRow.d.ts

@@ -1,5 +1,17 @@
-import { ReactNode } from 'react';
-export declare function FormRow({ children, full, }: {
+import { CSSProperties, ReactNode } from 'react';
+/**
+ * L2 폼 행 — 기본 2열, `full` 이면 1열.
+ *
+ * 오버라이드 계약(docs/lob-layers.md §2)에 따라 `className`·`style` 을 받아 병합한다.
+ * `columns` 는 2열 고정이 맞지 않는 소비자가 **컴포넌트를 복제하지 않고** 조정하는 경로다
+ * — 복제가 시작되면 이 계층은 쓰기 전보다 나쁜 상태를 만든다.
+ */
+export declare function FormRow({ children, full, columns, className, style, }: {
     children: ReactNode;
+    /** 한 행 전체를 한 칸으로 쓴다. `columns` 보다 우선한다. */
     full?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+    /** 열 수. 기본 2. */
+    columns?: number;
+    className?: string;
+    style?: CSSProperties;
+}): import("react").JSX.Element;

package/dist/FormSection.d.ts

@@ -1,5 +1,17 @@
-import { ReactNode } from 'react';
-export declare function FormSection({ title, children, }: {
-    title: string;
+import { CSSProperties, ReactNode } from 'react';
+/**
+ * L2 폼 블록 — 제목이 붙은 필드 묶음.
+ *
+ * 오버라이드 계약(docs/lob-layers.md §2): 구조는 두고 **children 치환 + prop** 으로 바꾼다.
+ * ⚠기본 스타일은 병합 가능한 형태로만 둔다 — 호출자의 `style` 이 뒤에 오므로 필요한
+ * 항목만 골라 덮을 수 있다. 인라인으로 굳혀 두면 소비자 CSS 가 이길 수 없어(`!important`
+ * 외) 계약이 원천적으로 무효가 된다.
+ */
+export declare function FormSection({ title, children, className, style, titleStyle, }: {
+    title: ReactNode;
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+    className?: string;
+    style?: CSSProperties;
+    /** 제목 줄만 따로 조정할 때. 블록을 통째로 갈아엎지 않기 위한 훅이다. */
+    titleStyle?: CSSProperties;
+}): import("react").JSX.Element;

package/dist/index.js

@@ -1,19 +1,32 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { HttpClient } from "@iyulab/http-client";
 //#region src/FormSection.tsx
-function FormSection({ title, children }) {
+/**
+* L2 폼 블록 — 제목이 붙은 필드 묶음.
+*
+* 오버라이드 계약(docs/lob-layers.md §2): 구조는 두고 **children 치환 + prop** 으로 바꾼다.
+* ⚠기본 스타일은 병합 가능한 형태로만 둔다 — 호출자의 `style` 이 뒤에 오므로 필요한
+* 항목만 골라 덮을 수 있다. 인라인으로 굳혀 두면 소비자 CSS 가 이길 수 없어(`!important`
+* 외) 계약이 원천적으로 무효가 된다.
+*/
+function FormSection({ title, children, className, style, titleStyle }) {
 	return /* @__PURE__ */ jsxs("div", {
-		style: { marginBottom: "20px" },
+		className,
+		style: {
+			marginBottom: "20px",
+			...style
+		},
 		children: [/* @__PURE__ */ jsx("div", {
 			style: {
 				fontSize: "11px",
 				fontWeight: 700,
 				textTransform: "uppercase",
 				letterSpacing: "0.5px",
-				color: "var(--u-blue-600, #1E88E5)",
+				color: "color-mix(in srgb, var(--u-primary-color, #1E88E5) 85%, black)",
 				paddingBottom: "6px",
 				borderBottom: "1px solid var(--u-border-color-weak, #EEEEEE)",
-				marginBottom: "10px"
+				marginBottom: "10px",
+				...titleStyle
 			},
 			children: title
 		}), /* @__PURE__ */ jsx("div", {
@@ -28,16 +41,29 @@ function FormSection({ title, children }) {
 }
 //#endregion
 //#region src/FormRow.tsx
-function FormRow({ children, full }) {
+/**
+* L2 폼 행 — 기본 2열, `full` 이면 1열.
+*
+* 오버라이드 계약(docs/lob-layers.md §2)에 따라 `className`·`style` 을 받아 병합한다.
+* `columns` 는 2열 고정이 맞지 않는 소비자가 **컴포넌트를 복제하지 않고** 조정하는 경로다
+* — 복제가 시작되면 이 계층은 쓰기 전보다 나쁜 상태를 만든다.
+*/
+function FormRow({ children, full, columns = 2, className, style }) {
 	if (full) return /* @__PURE__ */ jsx("div", {
-		style: { width: "100%" },
+		className,
+		style: {
+			width: "100%",
+			...style
+		},
 		children
 	});
 	return /* @__PURE__ */ jsx("div", {
+		className,
 		style: {
 			display: "grid",
-			gridTemplateColumns: "1fr 1fr",
-			gap: "8px"
+			gridTemplateColumns: `repeat(${columns}, 1fr)`,
+			gap: "8px",
+			...style
 		},
 		children
 	});
@@ -154,7 +180,7 @@ var DateHelper = class {
 	static getDaysDifference(startDate, endDate) {
 		const start = typeof startDate === "string" ? new Date(startDate) : startDate;
 		const timeDiff = (typeof endDate === "string" ? new Date(endDate) : endDate).getTime() - start.getTime();
-		return Math.ceil(timeDiff / (1e3 * 3600 * 24));
+		return Math.ceil(timeDiff / 864e5);
 	}
 	/**
 	* Calculate days from now to target date
@@ -512,23 +538,30 @@ var ApiConfig = class {
 		this._apiPrefix = "api";
 		this._isDevelopment = void 0;
 	}
-}, e = [
+};
+//#endregion
+//#region node_modules/odata-query/dist/index.mjs
+var e = [
 	"eq",
 	"ne",
 	"gt",
 	"ge",
 	"lt",
 	"le"
-], t = [
+];
+var t = [
 	"and",
 	"or",
 	"not"
-], n = ["any", "all"], r = [
+];
+var n = ["any", "all"];
+var r = [
 	"startswith",
 	"endswith",
 	"contains",
 	"matchespattern"
-], i = [
+];
+var i = [
 	"expand",
 	"levels",
 	"select",
@@ -537,7 +570,9 @@ var ApiConfig = class {
 	"count",
 	"orderby",
 	"filter"
-], a = /\((.*)\)/, o = /(?!indexof)\((\w+)\)/;
+];
+var a = /\((.*)\)/;
+var o = /(?!indexof)\((\w+)\)/;
 function g(e, t) {
 	if (t) {
 		let n = e === "", r = o.test(e), i = a.test(e);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iyulab/enterprise",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "Enterprise utilities and components for iyulab framework",
   "keywords": [
     "enterprise",
@@ -32,17 +32,17 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@iyulab/components": "^1.1.1",
-    "@iyulab/data-components": "^0.6.1",
-    "@iyulab/http-client": "^0.9.0",
-    "@iyulab/modern-app": "^0.3.7",
-    "odata-query": "^8.0.7"
+    "@iyulab/components": "^1.8.0",
+    "@iyulab/data-components": "^0.7.0",
+    "@iyulab/http-client": "^0.10.0",
+    "@iyulab/modern-app": "^0.6.0",
+    "odata-query": "^8.1.0"
   },
   "devDependencies": {
-    "@types/node": "^25.8.0",
+    "@types/node": "^26.1.1",
     "typescript": "^5.9.3",
-    "vite": "^8.0.13",
-    "vite-plugin-dts": "^5.0.0",
-    "vitest": "^3.0.0"
+    "vite": "^8.1.4",
+    "vite-plugin-dts": "^5.0.3",
+    "vitest": "^4.1.10"
   }
 }