@deepnoid/ui 0.0.80 → 0.0.84

package/dist/components/table/table-body.mjs

@@ -1,13 +1,13 @@
 "use client";
 import {
   table_body_default
-} from "../../chunk-DLVQWKQG.mjs";
+} from "../../chunk-LGELMZCN.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-BE2OG6M4.mjs";
 import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-M5PMA3CT.mjs";
-import "../../chunk-GJKNTX2T.mjs";
-import "../../chunk-TLYAFXE2.mjs";
+import "../../chunk-ZYIIXWVY.mjs";
+import "../../chunk-AHORH5PH.mjs";
+import "../../chunk-QURXBWKK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-J725QONZ.mjs";
 import "../../chunk-IZ6II3QA.mjs";

package/dist/components/table/table-head.d.ts

@@ -10,10 +10,12 @@ type TableHeadProps = {
     slots: TableReturnType;
     size?: "md" | "sm" | "lg";
     color?: "primary" | "secondary";
-    isSelected?: boolean;
     isExpanded?: boolean;
+    isSelected?: boolean;
+    isAllSelected: boolean;
     classNames?: SlotsToClasses<TableSlots>;
+    onSelectAll: (isSelected: boolean) => void;
 };
-declare const TableHead: ({ columns, slots, size, color, isSelected, isExpanded, classNames }: TableHeadProps) => react_jsx_runtime.JSX.Element;
+declare const TableHead: ({ columns, slots, size, color, isExpanded, isSelected, isAllSelected, classNames, onSelectAll, }: TableHeadProps) => react_jsx_runtime.JSX.Element;
 
 export { TableHead as default };

package/dist/components/table/table-head.js

@@ -292,7 +292,17 @@ var checkbox = tv({
 // src/components/table/table-head.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var import_react3 = require("react");
-var TableHead = ({ columns, slots, size, color, isSelected, isExpanded, classNames }) => {
+var TableHead = ({
+  columns,
+  slots,
+  size,
+  color,
+  isExpanded,
+  isSelected,
+  isAllSelected,
+  classNames,
+  onSelectAll
+}) => {
   const getTheadProps = (0, import_react2.useCallback)(
     () => ({
       className: slots.thead({ class: clsx(classNames == null ? void 0 : classNames.thead) })
@@ -309,14 +319,16 @@ var TableHead = ({ columns, slots, size, color, isSelected, isExpanded, classNam
     ({ className }) => ({
       className: slots.th({ class: clsx(classNames == null ? void 0 : classNames.th, className) })
     }),
-    [classNames == null ? void 0 : classNames.th, columns, slots]
+    [classNames == null ? void 0 : classNames.th, slots]
   );
+  const handleClickSelectAll = (e) => {
+    e.preventDefault();
+    onSelectAll(!isAllSelected);
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("thead", { ...getTheadProps(), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tr", { ...getTrProps(), children: [
-    isSelected && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { className: "w-[40px]", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(checkbox_default, { size, color, classNames: { wrapper: "bg-background" } }) }),
+    isSelected && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { className: "w-[40px]", onClick: handleClickSelectAll, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(checkbox_default, { size, color, checked: isAllSelected, classNames: { wrapper: "bg-background" } }) }),
     isExpanded && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { className: "w-[40px]" }),
-    columns.map((column, index) => {
-      return /* @__PURE__ */ (0, import_react3.createElement)("th", { ...getThProps(column), key: column.field + index + "th" }, column.headerName);
-    })
+    columns.map((column, index) => /* @__PURE__ */ (0, import_react3.createElement)("th", { ...getThProps(column), key: column.field + index + "th" }, column.headerName))
   ] }) });
 };
 var table_head_default = TableHead;

package/dist/components/table/table-head.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   table_head_default
-} from "../../chunk-G3CX6IWH.mjs";
+} from "../../chunk-PUFNT5LS.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-BE2OG6M4.mjs";
 import "../../chunk-27Y6K5NK.mjs";

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

@@ -1,71 +1,23 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
-import * as react from 'react';
-import { ReactElement, ReactNode } from 'react';
+import react__default, { ReactElement } from 'react';
 import { SlotsToClasses } from '../../utils/types.js';
 
-interface Props extends Omit<React.ComponentPropsWithRef<"table">, "ref" | "color" | "slot" | "size" | "defaultChecked" | "defaultValue"> {
+interface Props extends Omit<react__default.ComponentPropsWithRef<"table">, "ref" | "color" | "slot" | "size" | "defaultChecked" | "defaultValue"> {
     rows: TableRow[];
     columns: TableColumn[];
     isLoading?: boolean;
-    emptyContent?: ReactNode;
-    onRowAction?: (e: React.MouseEvent, params: TableRow) => void;
-    /**
-     * @example
-     * ```ts
-     * <Table classNames={{
-     *    base:"base-classes", // table wrapper
-     *    table: "table-classes",
-     *    thead: "thead-classes",
-     *    tbody: "tbody-classes",
-     *    tr: "tr-classes",
-     *    th: "th-classes",
-     *    td: "td-classes",
-     *    tfoot: "tfoot-classes",
-     *    sortIcon: "sort-icon-classes",
-     *    emptyWrapper: "empty-wrapper-classes",
-     * }} />
-     * ```
-     */
+    emptyContent?: ReactElement;
     classNames?: SlotsToClasses<TableSlots>;
+    onRowAction?: (e: react__default.MouseEvent, params: TableRow) => void;
 }
-declare const Table: react.ForwardRefExoticComponent<Props & TableVariantProps & react.RefAttributes<any>>;
+interface TableRef {
+    selectedRows: Set<number>;
+    setSelectedRows: (rows: Set<number>) => void;
+}
+declare const Table: react__default.ForwardRefExoticComponent<Props & TableVariantProps & react__default.RefAttributes<TableRef>>;
 
-/**
- * Table 테일 윈드
- *
- * @example
- * ```js
- * const {base, table, thead, tbody, th, th, th, tfoot} = table({...})
- *
- * <div className={base()}>
- *   <table className={table()}>
- *    <thead className={thead()}>
- *      <tr className={tr()}>
- *        <th className={th()}>...</th>
- *        <th className={th()}>...</th>
- *      </tr>
- *    </thead>
- *    <tbody className={tbody()}>
- *      <tr className={tr()}>
- *        <td className={td()}>...</td>
- *        <td className={td()}>...</td>
- *      </tr>
- *      <tr className={tr()}>
- *        <td className={td()}>...</td>
- *        <td className={td()}>...</td>
- *     </tr>
- *   </tbody>
- *    <tfoot className={tfoot()}>
- *      <tr className={tr()}>
- *        <td className={td()}>...</td>
- *        <td className={td()}>...</td>
- *      </tr>
- *    </tfoot>
- *  </table>
- * </div>
- */
 declare const table: tailwind_variants.TVReturnType<{
     variant: {
         solid: {
@@ -113,6 +65,9 @@ declare const table: tailwind_variants.TVReturnType<{
     isSelected: {
         true: {};
     };
+    isSelectedRow: {
+        true: {};
+    };
     hideHeader: {
         true: {
             thead: string;
@@ -194,6 +149,9 @@ declare const table: tailwind_variants.TVReturnType<{
     isSelected: {
         true: {};
     };
+    isSelectedRow: {
+        true: {};
+    };
     hideHeader: {
         true: {
             thead: string;
@@ -262,6 +220,9 @@ declare const table: tailwind_variants.TVReturnType<{
     isSelected: {
         true: {};
     };
+    isSelectedRow: {
+        true: {};
+    };
     hideHeader: {
         true: {
             thead: string;
@@ -330,6 +291,9 @@ declare const table: tailwind_variants.TVReturnType<{
     isSelected: {
         true: {};
     };
+    isSelectedRow: {
+        true: {};
+    };
     hideHeader: {
         true: {
             thead: string;
@@ -411,6 +375,9 @@ declare const table: tailwind_variants.TVReturnType<{
     isSelected: {
         true: {};
     };
+    isSelectedRow: {
+        true: {};
+    };
     hideHeader: {
         true: {
             thead: string;
@@ -492,6 +459,9 @@ declare const table: tailwind_variants.TVReturnType<{
     isSelected: {
         true: {};
     };
+    isSelectedRow: {
+        true: {};
+    };
     hideHeader: {
         true: {
             thead: string;
@@ -560,6 +530,9 @@ declare const table: tailwind_variants.TVReturnType<{
     isSelected: {
         true: {};
     };
+    isSelectedRow: {
+        true: {};
+    };
     hideHeader: {
         true: {
             thead: string;
@@ -604,7 +577,7 @@ type TableColumn<R extends RowValue = RowValue, V = any, F = V> = {
     headerName?: string | ReactElement;
     className?: string;
     valueFormatter?: (params: ValueFormatterParams<V>) => F;
-    renderCell?: (params: CellParams<R, V, F>) => React.ReactNode;
+    renderCell?: (params: CellParams<R, V, F>) => react__default.ReactNode;
 };
 
-export { type TableColumn, type TableReturnType, type TableRow, type TableSlots, type TableVariantProps, Table as default };
+export { type TableColumn, type TableRef, type TableReturnType, type TableRow, type TableSlots, type TableVariantProps, Table as default };