@bouku/core 0.2.6 → 0.2.8

package/dist/components/layout/section.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const flex_1 = require("../container/flex");
+const _1 = require("../container/_");
 const separator_1 = require("./separator");
-const style_1 = require("../../utils/functions/style");
+const utils_1 = require("../../utils");
 /**
  * Layout Section Component.
  *
@@ -14,9 +14,11 @@ const style_1 = require("../../utils/functions/style");
  * @param title - The section title displayed at top.
  * @param content - Element(s) rendered below the separator.
 **/
-const Section = ({ style, title, children }) => ((0, jsx_runtime_1.jsxs)(flex_1.ColumnBox, { style: s.container, children: [(0, jsx_runtime_1.jsx)("span", { className: s.title, children: title }), (0, jsx_runtime_1.jsx)(separator_1.Separator, { style: "mb-2" }), (0, jsx_runtime_1.jsx)("div", { className: (0, style_1.cn)(s.content, style), children: children })] }));
+const Section = ({ style, title, children }) => ((0, jsx_runtime_1.jsxs)(_1.ColumnBox, { style: s.container, children: [(0, jsx_runtime_1.jsxs)(_1.RowBox, { style: s.header, children: [(0, jsx_runtime_1.jsx)("div", { className: s.marker }), (0, jsx_runtime_1.jsx)("span", { className: s.title, children: title })] }), (0, jsx_runtime_1.jsx)(separator_1.Separator, { style: "mb-2" }), (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)(s.content, style), children: children })] }));
 const s = {
-    container: "gap-3 w-full",
+    container: "relative gap-3 w-full",
+    header: "gap-3 items-center",
+    marker: "w-1 h-5 rounded bg-linear-to-t from-background to-accent",
     title: "text-xl font-bold text-primary",
     content: "w-full"
 };

package/dist/components/miscellaneous/table/row.d.ts

@@ -9,6 +9,7 @@ export type Action<T> = {
     icon?: React.ReactNode;
     style?: string;
     handler: (row: T) => void;
+    next?: () => void;
 };
 interface Props<T> {
     config: Record<string, ColumnOptions>;

package/dist/components/miscellaneous/table/row.js

@@ -20,7 +20,11 @@ function TableRow({ config, data, actions, count }) {
                                 const variantStyles = action.variant === "error" ? "bg-error/10 text-error hover:bg-error/20" :
                                     action.variant === "accent" ? "bg-accent/10 text-accent hover:bg-accent/20" :
                                         "bg-surface-light text-primary hover:bg-surface-light/80";
-                                return ((0, jsx_runtime_1.jsx)(_1.Button, { size: "xs", variant: "surface", style: action.style, icon: action.icon, action: () => action.handler(data) }, actionIdx));
+                                const onClick = async () => {
+                                    await action.handler(data);
+                                    action.next?.();
+                                };
+                                return ((0, jsx_runtime_1.jsx)(_1.Button, { size: "xs", variant: "surface", style: action.style, icon: action.icon, action: onClick }, actionIdx));
                             }) }) }, i));
                 }
                 const rawValue = data[key];

package/package.json

@@ -1,7 +1,7 @@
 {
 
   "name": "@bouku/core",
-  "version": "0.2.6",
+  "version": "0.2.8",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",