@bouku/core 0.4.4 → 0.4.6

package/dist/components/button/upload.d.ts

@@ -1,11 +1,13 @@
+import { type ReactNode } from "react";
 type FileType = "csv" | "pdf" | "xlsx";
 type Props = {
     size?: "xs" | "sm" | "md" | "lg";
     variant?: "surface" | "accent" | "outline" | "ghost" | "error";
-    icon?: React.ReactNode;
+    icon?: ReactNode;
     accept?: FileType | FileType[];
     action: (file: File) => Promise<void>;
     disabled?: boolean;
+    children?: ReactNode;
 };
-export default function FileUploader({ accept, action, disabled, ...props }: Props): import("react").JSX.Element;
+export default function FileUploader({ accept, action, disabled, children, ...props }: Props): import("react").JSX.Element;
 export {};

package/dist/components/button/upload.js

@@ -1,9 +1,9 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useRef, useState, Fragment } from "react";
 import Button from "./normal.js";
 import UploadIcon from "../../assets/icons/upload.svg";
-export default function FileUploader({ accept, action, disabled, ...props }) {
+export default function FileUploader({ accept, action, disabled, children, ...props }) {
     const ref = useRef(null);
     const [isLoading, setLoading] = useState(false);
     const fileTypes = accept ? (Array.isArray(accept) ? accept : [accept]) : undefined;
@@ -25,5 +25,5 @@ export default function FileUploader({ accept, action, disabled, ...props }) {
         if (event.target)
             event.target.value = "";
     };
-    return (_jsxs(Fragment, { children: [_jsxs(Button, { ...props, icon: _jsx(UploadIcon, {}), action: () => ref.current?.click(), disabled: disabled || isLoading, children: ["Upload ", " ", fileTypes?.length === 1 ? fileTypes[0].toUpperCase() : "File"] }), _jsx("input", { type: "file", className: "hidden", accept: acceptAttribute, onChange: handleUpload, ref: ref })] }));
+    return (_jsxs(Fragment, { children: [_jsx(Button, { ...props, icon: _jsx(UploadIcon, {}), action: () => ref.current?.click(), disabled: disabled || isLoading, children: children ? children : (_jsxs(_Fragment, { children: ["Upload ", " ", fileTypes?.length === 1 ? fileTypes[0].toUpperCase() : "File"] })) }), _jsx("input", { type: "file", className: "hidden", accept: acceptAttribute, onChange: handleUpload, ref: ref })] }));
 }

package/dist/components/miscellaneous/checkbox/index.js

@@ -13,7 +13,7 @@ export function CheckBox({ size, label, value: isChecked, update, disabled = fal
 const getStyle = tv({
     slots: {
         container: "items-center",
-        box: "flex justify-center items-center hover:bg-accent border rounded border-outline duration-200 cursor-pointer",
+        box: "flex justify-center items-center bg-input hover:bg-input-light border rounded border-outline duration-200 cursor-pointer",
         check: "text-background",
         label: "text-primary-dark"
     },
@@ -34,7 +34,7 @@ const getStyle = tv({
         },
         active: {
             true: {
-                box: "bg-accent"
+                box: "bg-accent!"
             }
         }
     },

package/dist/components/table/row.js

@@ -4,6 +4,7 @@ import { CheckBox } from "../miscellaneous/checkbox/index.js";
 import { Actions } from "./actions.js";
 import CheckCircle from "../../assets/icons/check-circle.svg";
 import XCircle from "../../assets/icons/x-circle.svg";
+import { parseDate } from "./utils/date.js";
 export const isDateLike = (val) => !isNaN(Date.parse(val)) && isNaN(Number(val));
 export const TableRow = ({ columns, data, actions, count, selected, toggleSelected }) => (_jsxs(RowBox, { style: s.container, children: [toggleSelected && (_jsx(RowBox, { style: s.selection, children: _jsx(CheckBox, { size: "sm", value: selected ?? false, update: toggleSelected }) })), columns.map(({ key, format }, i) => {
             const rawValue = data[key];
@@ -11,10 +12,8 @@ export const TableRow = ({ columns, data, actions, count, selected, toggleSelect
                 ? 0
                 : (data[key] ?? "-");
             let cellValue = value;
-            if (format === "date" &&
-                isDateLike(value.toString())) {
-                cellValue = new Date(cellValue.toString()).toLocaleDateString();
-            }
+            if (format === "date" && isDateLike(value.toString()))
+                cellValue = parseDate(value).toLocaleDateString();
             return (_jsx(RowBox, { style: cn(s.cell, i === 0 && "justify-start"), children: _jsx("span", { className: "truncate", children: value === true
                         ? _jsx(CheckCircle, { className: "text-success" })
                         : value === false

package/dist/components/table/utils/format.js

@@ -1,9 +1,10 @@
+import { parseDate } from "./date.js";
 export function formatCellValue(value, format) {
     if (value == null) {
         return "";
     }
     if (format === "date") {
-        return new Date(String(value)).toLocaleDateString();
+        return parseDate(String(value)).toLocaleDateString();
     }
     return String(value);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bouku/core",
-  "version": "0.4.4",
+  "version": "0.4.6",
   "main": "./dist/index.js",
   "type": "module",
   "types": "./dist/index.d.ts",