@kjun-ui/native 0.5.0 → 0.5.1

package/dist/index.cjs

@@ -7052,12 +7052,36 @@ function KjunSparkline({
 // shared/package-runtime/table.ts
 var import_tokens43 = require("@kjun-ui/tokens");
 var import_react56 = require("react");
+
+// shared/package-runtime/table-model.ts
 function getValue(row, key) {
   return key.split(".").reduce(
     (value, part) => value != null && typeof value === "object" ? value[part] : void 0,
     row
   );
 }
+function sortTableRows(data, sort, { sortable = true, sortMode = "client" }) {
+  if (!sortable || sortMode === "server" || !sort.key) return data;
+  return [...data].sort((a, b) => {
+    const x = getValue(a, sort.key), y = getValue(b, sort.key);
+    const order = x === y ? 0 : typeof x === "number" && typeof y === "number" ? x > y ? 1 : -1 : String(x) > String(y) ? 1 : -1;
+    return sort.order === "asc" ? order : -order;
+  });
+}
+var tableRowKey = (row, rowKey, index = 0) => {
+  var _a;
+  return (_a = getValue(row, rowKey)) != null ? _a : index;
+};
+function tableSelection(rows, selected, rowKey) {
+  const isSelected = (row) => selected.some((r) => getValue(r, rowKey) === getValue(row, rowKey));
+  const all = rows.length > 0 && rows.every(isSelected);
+  return { isSelected, all, some: rows.some(isSelected) && !all };
+}
+var toggleSelectedRow = (selected, row, rowKey) => selected.some((r) => getValue(r, rowKey) === getValue(row, rowKey)) ? selected.filter((r) => getValue(r, rowKey) !== getValue(row, rowKey)) : [...selected, row];
+var toggleAllRows = (rows, all) => all ? [] : [...rows];
+var toggleExpandedRow = (expanded, id, single) => expanded.includes(id) ? expanded.filter((v) => v !== id) : [...single ? [] : expanded, id];
+
+// shared/package-runtime/table.ts
 function useTableModel(props) {
   var _a;
   const {
@@ -7077,17 +7101,9 @@ function useTableModel(props) {
   }), [internalExpanded, setExpanded] = (0, import_react56.useState)([]), [search, setSearch] = (0, import_react56.useState)(""), timer = (0, import_react56.useRef)(void 0);
   (0, import_react56.useEffect)(() => () => clearTimeout(timer.current), []);
   const sort = props.sort === void 0 ? internalSort : (_a = props.sort) != null ? _a : { key: "", order: "asc" };
-  const rows = sortable && sortMode !== "server" && sort.key ? [...data].sort((a, b) => {
-    const x = getValue(a, sort.key), y = getValue(b, sort.key);
-    const order = x === y ? 0 : typeof x === "number" && typeof y === "number" ? x > y ? 1 : -1 : String(x) > String(y) ? 1 : -1;
-    return sort.order === "asc" ? order : -order;
-  }) : data;
-  const key = (row, index = 0) => {
-    var _a2;
-    return (_a2 = getValue(row, rowKey)) != null ? _a2 : index;
-  };
-  const selectedRow = (row) => selected.some((r) => getValue(r, rowKey) === getValue(row, rowKey));
-  const all = rows.length > 0 && rows.every(selectedRow), some = rows.some(selectedRow) && !all, expanded = expandedRows != null ? expandedRows : internalExpanded;
+  const rows = sortTableRows(data, sort, { sortable, sortMode });
+  const key = (row, index = 0) => tableRowKey(row, rowKey, index);
+  const { isSelected: selectedRow, all, some } = tableSelection(rows, selected, rowKey), expanded = expandedRows != null ? expandedRows : internalExpanded;
   return {
     rows,
     key,
@@ -7112,14 +7128,10 @@ function useTableModel(props) {
       if (props.sort === void 0) setSort(next);
       (_a2 = props.onSortChange) == null ? void 0 : _a2.call(props, next);
     },
-    toggleRow: (row) => onSelectionChange == null ? void 0 : onSelectionChange(
-      selectedRow(row) ? selected.filter(
-        (r) => getValue(r, rowKey) !== getValue(row, rowKey)
-      ) : [...selected, row]
-    ),
-    toggleAll: () => onSelectionChange == null ? void 0 : onSelectionChange(all ? [] : [...rows]),
+    toggleRow: (row) => onSelectionChange == null ? void 0 : onSelectionChange(toggleSelectedRow(selected, row, rowKey)),
+    toggleAll: () => onSelectionChange == null ? void 0 : onSelectionChange(toggleAllRows(rows, all)),
     toggleExpand: (row, index) => {
-      const id = key(row, index), next = expanded.includes(id) ? expanded.filter((v) => v !== id) : [...expandSingle ? [] : expanded, id];
+      const next = toggleExpandedRow(expanded, key(row, index), expandSingle);
       setExpanded(next);
       onExpandedRowsChange == null ? void 0 : onExpandedRowsChange(next);
     }

package/dist/index.js

@@ -7091,12 +7091,36 @@ function KjunSparkline({
 // shared/package-runtime/table.ts
 import { nextTableSort } from "@kjun-ui/tokens";
 import { useEffect as useEffect23, useRef as useRef31, useState as useState33 } from "react";
+
+// shared/package-runtime/table-model.ts
 function getValue(row, key) {
   return key.split(".").reduce(
     (value, part) => value != null && typeof value === "object" ? value[part] : void 0,
     row
   );
 }
+function sortTableRows(data, sort, { sortable = true, sortMode = "client" }) {
+  if (!sortable || sortMode === "server" || !sort.key) return data;
+  return [...data].sort((a, b) => {
+    const x = getValue(a, sort.key), y = getValue(b, sort.key);
+    const order = x === y ? 0 : typeof x === "number" && typeof y === "number" ? x > y ? 1 : -1 : String(x) > String(y) ? 1 : -1;
+    return sort.order === "asc" ? order : -order;
+  });
+}
+var tableRowKey = (row, rowKey, index = 0) => {
+  var _a;
+  return (_a = getValue(row, rowKey)) != null ? _a : index;
+};
+function tableSelection(rows, selected, rowKey) {
+  const isSelected = (row) => selected.some((r) => getValue(r, rowKey) === getValue(row, rowKey));
+  const all = rows.length > 0 && rows.every(isSelected);
+  return { isSelected, all, some: rows.some(isSelected) && !all };
+}
+var toggleSelectedRow = (selected, row, rowKey) => selected.some((r) => getValue(r, rowKey) === getValue(row, rowKey)) ? selected.filter((r) => getValue(r, rowKey) !== getValue(row, rowKey)) : [...selected, row];
+var toggleAllRows = (rows, all) => all ? [] : [...rows];
+var toggleExpandedRow = (expanded, id, single) => expanded.includes(id) ? expanded.filter((v) => v !== id) : [...single ? [] : expanded, id];
+
+// shared/package-runtime/table.ts
 function useTableModel(props) {
   var _a;
   const {
@@ -7116,17 +7140,9 @@ function useTableModel(props) {
   }), [internalExpanded, setExpanded] = useState33([]), [search, setSearch] = useState33(""), timer = useRef31(void 0);
   useEffect23(() => () => clearTimeout(timer.current), []);
   const sort = props.sort === void 0 ? internalSort : (_a = props.sort) != null ? _a : { key: "", order: "asc" };
-  const rows = sortable && sortMode !== "server" && sort.key ? [...data].sort((a, b) => {
-    const x = getValue(a, sort.key), y = getValue(b, sort.key);
-    const order = x === y ? 0 : typeof x === "number" && typeof y === "number" ? x > y ? 1 : -1 : String(x) > String(y) ? 1 : -1;
-    return sort.order === "asc" ? order : -order;
-  }) : data;
-  const key = (row, index = 0) => {
-    var _a2;
-    return (_a2 = getValue(row, rowKey)) != null ? _a2 : index;
-  };
-  const selectedRow = (row) => selected.some((r) => getValue(r, rowKey) === getValue(row, rowKey));
-  const all = rows.length > 0 && rows.every(selectedRow), some = rows.some(selectedRow) && !all, expanded = expandedRows != null ? expandedRows : internalExpanded;
+  const rows = sortTableRows(data, sort, { sortable, sortMode });
+  const key = (row, index = 0) => tableRowKey(row, rowKey, index);
+  const { isSelected: selectedRow, all, some } = tableSelection(rows, selected, rowKey), expanded = expandedRows != null ? expandedRows : internalExpanded;
   return {
     rows,
     key,
@@ -7151,14 +7167,10 @@ function useTableModel(props) {
       if (props.sort === void 0) setSort(next);
       (_a2 = props.onSortChange) == null ? void 0 : _a2.call(props, next);
     },
-    toggleRow: (row) => onSelectionChange == null ? void 0 : onSelectionChange(
-      selectedRow(row) ? selected.filter(
-        (r) => getValue(r, rowKey) !== getValue(row, rowKey)
-      ) : [...selected, row]
-    ),
-    toggleAll: () => onSelectionChange == null ? void 0 : onSelectionChange(all ? [] : [...rows]),
+    toggleRow: (row) => onSelectionChange == null ? void 0 : onSelectionChange(toggleSelectedRow(selected, row, rowKey)),
+    toggleAll: () => onSelectionChange == null ? void 0 : onSelectionChange(toggleAllRows(rows, all)),
     toggleExpand: (row, index) => {
-      const id = key(row, index), next = expanded.includes(id) ? expanded.filter((v) => v !== id) : [...expandSingle ? [] : expanded, id];
+      const next = toggleExpandedRow(expanded, key(row, index), expandSingle);
       setExpanded(next);
       onExpandedRowsChange == null ? void 0 : onExpandedRowsChange(next);
     }

package/dist/index.web.cjs

@@ -7307,12 +7307,36 @@ function KjunSparkline({
 // shared/package-runtime/table.ts
 var import_tokens44 = require("@kjun-ui/tokens");
 var import_react60 = require("react");
+
+// shared/package-runtime/table-model.ts
 function getValue(row, key) {
   return key.split(".").reduce(
     (value, part) => value != null && typeof value === "object" ? value[part] : void 0,
     row
   );
 }
+function sortTableRows(data, sort, { sortable = true, sortMode = "client" }) {
+  if (!sortable || sortMode === "server" || !sort.key) return data;
+  return [...data].sort((a, b) => {
+    const x = getValue(a, sort.key), y = getValue(b, sort.key);
+    const order = x === y ? 0 : typeof x === "number" && typeof y === "number" ? x > y ? 1 : -1 : String(x) > String(y) ? 1 : -1;
+    return sort.order === "asc" ? order : -order;
+  });
+}
+var tableRowKey = (row, rowKey, index = 0) => {
+  var _a;
+  return (_a = getValue(row, rowKey)) != null ? _a : index;
+};
+function tableSelection(rows, selected, rowKey) {
+  const isSelected = (row) => selected.some((r) => getValue(r, rowKey) === getValue(row, rowKey));
+  const all = rows.length > 0 && rows.every(isSelected);
+  return { isSelected, all, some: rows.some(isSelected) && !all };
+}
+var toggleSelectedRow = (selected, row, rowKey) => selected.some((r) => getValue(r, rowKey) === getValue(row, rowKey)) ? selected.filter((r) => getValue(r, rowKey) !== getValue(row, rowKey)) : [...selected, row];
+var toggleAllRows = (rows, all) => all ? [] : [...rows];
+var toggleExpandedRow = (expanded, id, single) => expanded.includes(id) ? expanded.filter((v) => v !== id) : [...single ? [] : expanded, id];
+
+// shared/package-runtime/table.ts
 function useTableModel(props) {
   var _a;
   const {
@@ -7332,17 +7356,9 @@ function useTableModel(props) {
   }), [internalExpanded, setExpanded] = (0, import_react60.useState)([]), [search, setSearch] = (0, import_react60.useState)(""), timer = (0, import_react60.useRef)(void 0);
   (0, import_react60.useEffect)(() => () => clearTimeout(timer.current), []);
   const sort = props.sort === void 0 ? internalSort : (_a = props.sort) != null ? _a : { key: "", order: "asc" };
-  const rows = sortable && sortMode !== "server" && sort.key ? [...data].sort((a, b) => {
-    const x = getValue(a, sort.key), y = getValue(b, sort.key);
-    const order = x === y ? 0 : typeof x === "number" && typeof y === "number" ? x > y ? 1 : -1 : String(x) > String(y) ? 1 : -1;
-    return sort.order === "asc" ? order : -order;
-  }) : data;
-  const key = (row, index = 0) => {
-    var _a2;
-    return (_a2 = getValue(row, rowKey)) != null ? _a2 : index;
-  };
-  const selectedRow = (row) => selected.some((r) => getValue(r, rowKey) === getValue(row, rowKey));
-  const all = rows.length > 0 && rows.every(selectedRow), some = rows.some(selectedRow) && !all, expanded = expandedRows != null ? expandedRows : internalExpanded;
+  const rows = sortTableRows(data, sort, { sortable, sortMode });
+  const key = (row, index = 0) => tableRowKey(row, rowKey, index);
+  const { isSelected: selectedRow, all, some } = tableSelection(rows, selected, rowKey), expanded = expandedRows != null ? expandedRows : internalExpanded;
   return {
     rows,
     key,
@@ -7367,14 +7383,10 @@ function useTableModel(props) {
       if (props.sort === void 0) setSort(next);
       (_a2 = props.onSortChange) == null ? void 0 : _a2.call(props, next);
     },
-    toggleRow: (row) => onSelectionChange == null ? void 0 : onSelectionChange(
-      selectedRow(row) ? selected.filter(
-        (r) => getValue(r, rowKey) !== getValue(row, rowKey)
-      ) : [...selected, row]
-    ),
-    toggleAll: () => onSelectionChange == null ? void 0 : onSelectionChange(all ? [] : [...rows]),
+    toggleRow: (row) => onSelectionChange == null ? void 0 : onSelectionChange(toggleSelectedRow(selected, row, rowKey)),
+    toggleAll: () => onSelectionChange == null ? void 0 : onSelectionChange(toggleAllRows(rows, all)),
     toggleExpand: (row, index) => {
-      const id = key(row, index), next = expanded.includes(id) ? expanded.filter((v) => v !== id) : [...expandSingle ? [] : expanded, id];
+      const next = toggleExpandedRow(expanded, key(row, index), expandSingle);
       setExpanded(next);
       onExpandedRowsChange == null ? void 0 : onExpandedRowsChange(next);
     }

package/dist/index.web.js

@@ -7346,12 +7346,36 @@ function KjunSparkline({
 // shared/package-runtime/table.ts
 import { nextTableSort } from "@kjun-ui/tokens";
 import { useEffect as useEffect23, useRef as useRef33, useState as useState34 } from "react";
+
+// shared/package-runtime/table-model.ts
 function getValue(row, key) {
   return key.split(".").reduce(
     (value, part) => value != null && typeof value === "object" ? value[part] : void 0,
     row
   );
 }
+function sortTableRows(data, sort, { sortable = true, sortMode = "client" }) {
+  if (!sortable || sortMode === "server" || !sort.key) return data;
+  return [...data].sort((a, b) => {
+    const x = getValue(a, sort.key), y = getValue(b, sort.key);
+    const order = x === y ? 0 : typeof x === "number" && typeof y === "number" ? x > y ? 1 : -1 : String(x) > String(y) ? 1 : -1;
+    return sort.order === "asc" ? order : -order;
+  });
+}
+var tableRowKey = (row, rowKey, index = 0) => {
+  var _a;
+  return (_a = getValue(row, rowKey)) != null ? _a : index;
+};
+function tableSelection(rows, selected, rowKey) {
+  const isSelected = (row) => selected.some((r) => getValue(r, rowKey) === getValue(row, rowKey));
+  const all = rows.length > 0 && rows.every(isSelected);
+  return { isSelected, all, some: rows.some(isSelected) && !all };
+}
+var toggleSelectedRow = (selected, row, rowKey) => selected.some((r) => getValue(r, rowKey) === getValue(row, rowKey)) ? selected.filter((r) => getValue(r, rowKey) !== getValue(row, rowKey)) : [...selected, row];
+var toggleAllRows = (rows, all) => all ? [] : [...rows];
+var toggleExpandedRow = (expanded, id, single) => expanded.includes(id) ? expanded.filter((v) => v !== id) : [...single ? [] : expanded, id];
+
+// shared/package-runtime/table.ts
 function useTableModel(props) {
   var _a;
   const {
@@ -7371,17 +7395,9 @@ function useTableModel(props) {
   }), [internalExpanded, setExpanded] = useState34([]), [search, setSearch] = useState34(""), timer = useRef33(void 0);
   useEffect23(() => () => clearTimeout(timer.current), []);
   const sort = props.sort === void 0 ? internalSort : (_a = props.sort) != null ? _a : { key: "", order: "asc" };
-  const rows = sortable && sortMode !== "server" && sort.key ? [...data].sort((a, b) => {
-    const x = getValue(a, sort.key), y = getValue(b, sort.key);
-    const order = x === y ? 0 : typeof x === "number" && typeof y === "number" ? x > y ? 1 : -1 : String(x) > String(y) ? 1 : -1;
-    return sort.order === "asc" ? order : -order;
-  }) : data;
-  const key = (row, index = 0) => {
-    var _a2;
-    return (_a2 = getValue(row, rowKey)) != null ? _a2 : index;
-  };
-  const selectedRow = (row) => selected.some((r) => getValue(r, rowKey) === getValue(row, rowKey));
-  const all = rows.length > 0 && rows.every(selectedRow), some = rows.some(selectedRow) && !all, expanded = expandedRows != null ? expandedRows : internalExpanded;
+  const rows = sortTableRows(data, sort, { sortable, sortMode });
+  const key = (row, index = 0) => tableRowKey(row, rowKey, index);
+  const { isSelected: selectedRow, all, some } = tableSelection(rows, selected, rowKey), expanded = expandedRows != null ? expandedRows : internalExpanded;
   return {
     rows,
     key,
@@ -7406,14 +7422,10 @@ function useTableModel(props) {
       if (props.sort === void 0) setSort(next);
       (_a2 = props.onSortChange) == null ? void 0 : _a2.call(props, next);
     },
-    toggleRow: (row) => onSelectionChange == null ? void 0 : onSelectionChange(
-      selectedRow(row) ? selected.filter(
-        (r) => getValue(r, rowKey) !== getValue(row, rowKey)
-      ) : [...selected, row]
-    ),
-    toggleAll: () => onSelectionChange == null ? void 0 : onSelectionChange(all ? [] : [...rows]),
+    toggleRow: (row) => onSelectionChange == null ? void 0 : onSelectionChange(toggleSelectedRow(selected, row, rowKey)),
+    toggleAll: () => onSelectionChange == null ? void 0 : onSelectionChange(toggleAllRows(rows, all)),
     toggleExpand: (row, index) => {
-      const id = key(row, index), next = expanded.includes(id) ? expanded.filter((v) => v !== id) : [...expandSingle ? [] : expanded, id];
+      const next = toggleExpandedRow(expanded, key(row, index), expandSingle);
       setExpanded(next);
       onExpandedRowsChange == null ? void 0 : onExpandedRowsChange(next);
     }

package/dist/styles.css

@@ -1939,7 +1939,7 @@
 .kjun-scope .kjun-form-group { margin-bottom: var(--_kjun-extension-form-item-gap); min-width: 0; }
 .kjun-scope .kjun-form-group:last-child { margin-bottom: 0; }
 /* 그리드·툴바는 부모 gap을 사용하고, 일반 문서 흐름의 기존 폼만 기본 간격을 유지한다. */
-.kjun-scope :where(.kj-flex, .kj-inline-flex, .kj-grid, .kj-inline-grid, .kjun-form-layout) > .kjun-form-group { margin-bottom: 0; }
+.kjun-scope :where(.kj-flex, .kj-inline-flex, .kj-grid, .kj-inline-grid, [data-kjun-layout="form"]) > .kjun-form-group { margin-bottom: 0; }
 .kjun-scope .kjun-field-menu {
   padding: var(--_kjun-extension-menu-padding);
   border: var(--_kjun-border-default-width) solid var(--_kjun-border-primary);
@@ -4164,7 +4164,7 @@
   min-width: 0;
   margin-bottom: var(--_kjun-extension-form-item-gap);
 }
-:where(.kjun-form-layout) > .kjun-form-group {
+:where([data-kjun-layout="form"]) > .kjun-form-group {
   margin-bottom: 0;
 }
 .kjun-form-group:last-child {

package/dist/types/shared/package-runtime/table-model.d.cts

@@ -0,0 +1,15 @@
+import type { TableSort } from "@kjun-ui/tokens";
+export declare function getValue(row: object, key: string): unknown;
+export declare function sortTableRows<Row extends object>(data: readonly Row[], sort: TableSort, { sortable, sortMode }: {
+    sortable?: boolean;
+    sortMode?: "client" | "server";
+}): readonly Row[];
+export declare const tableRowKey: (row: object, rowKey: string, index?: number) => string | number;
+export declare function tableSelection<Row extends object>(rows: readonly Row[], selected: readonly Row[], rowKey: string): {
+    isSelected: (row: Row) => boolean;
+    all: boolean;
+    some: boolean;
+};
+export declare const toggleSelectedRow: <Row extends object>(selected: readonly Row[], row: Row, rowKey: string) => Row[];
+export declare const toggleAllRows: <Row extends object>(rows: readonly Row[], all: boolean) => Row[];
+export declare const toggleExpandedRow: (expanded: readonly (string | number)[], id: string | number, single: boolean) => (string | number)[];

package/dist/types/shared/package-runtime/table-model.d.ts

@@ -0,0 +1,15 @@
+import type { TableSort } from "@kjun-ui/tokens";
+export declare function getValue(row: object, key: string): unknown;
+export declare function sortTableRows<Row extends object>(data: readonly Row[], sort: TableSort, { sortable, sortMode }: {
+    sortable?: boolean;
+    sortMode?: "client" | "server";
+}): readonly Row[];
+export declare const tableRowKey: (row: object, rowKey: string, index?: number) => string | number;
+export declare function tableSelection<Row extends object>(rows: readonly Row[], selected: readonly Row[], rowKey: string): {
+    isSelected: (row: Row) => boolean;
+    all: boolean;
+    some: boolean;
+};
+export declare const toggleSelectedRow: <Row extends object>(selected: readonly Row[], row: Row, rowKey: string) => Row[];
+export declare const toggleAllRows: <Row extends object>(rows: readonly Row[], all: boolean) => Row[];
+export declare const toggleExpandedRow: (expanded: readonly (string | number)[], id: string | number, single: boolean) => (string | number)[];

package/dist/types/shared/package-runtime/table.d.cts

@@ -1,6 +1,7 @@
 import { type TableSort, type QueryDisplayProps } from "@kjun-ui/tokens";
 export type { TableSort } from "@kjun-ui/tokens";
 import { type ReactNode } from "react";
+export { getValue } from "./table-model.cjs";
 export interface TableColumn<Row extends object = Record<string, unknown>> {
     key: string;
     label: string;
@@ -78,7 +79,6 @@ export interface TableProps<Row extends object = Record<string, unknown>, MaxHei
     onSearch?: (query: string) => void;
     onRetry?: () => void;
 }
-export declare function getValue(row: object, key: string): unknown;
 export declare function useTableModel<Row extends object>(props: TableProps<Row, unknown>): {
     rows: Row[];
     key: (row: Row, index?: number) => string | number;

package/dist/types/shared/package-runtime/table.d.ts

@@ -1,6 +1,7 @@
 import { type TableSort, type QueryDisplayProps } from "@kjun-ui/tokens";
 export type { TableSort } from "@kjun-ui/tokens";
 import { type ReactNode } from "react";
+export { getValue } from "./table-model.js";
 export interface TableColumn<Row extends object = Record<string, unknown>> {
     key: string;
     label: string;
@@ -78,7 +79,6 @@ export interface TableProps<Row extends object = Record<string, unknown>, MaxHei
     onSearch?: (query: string) => void;
     onRetry?: () => void;
 }
-export declare function getValue(row: object, key: string): unknown;
 export declare function useTableModel<Row extends object>(props: TableProps<Row, unknown>): {
     rows: Row[];
     key: (row: Row, index?: number) => string | number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kjun-ui/native",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "license": "MIT",
   "homepage": "https://ui.kjun.dev",
   "repository": {
@@ -47,8 +47,8 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@kjun-ui/tokens": "0.5.0",
-    "@kjun-ui/icons": "0.5.0"
+    "@kjun-ui/tokens": "0.5.1",
+    "@kjun-ui/icons": "0.5.1"
   },
   "peerDependencies": {
     "react": "^19.2.3",