@deepnoid/ui 0.0.80 → 0.0.83

package/dist/components/table/table.test.js

@@ -9202,7 +9202,7 @@ var require_lz_string = __commonJS({
 });
 
 // src/components/table/table.test.tsx
-var React3 = __toESM(require("react"));
+var React4 = __toESM(require("react"));
 
 // ../../node_modules/@testing-library/react/dist/@testing-library/react.esm.js
 var React = __toESM(require("react"));
@@ -13142,7 +13142,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: columns2, slots, size, color, isSelected, isExpanded, classNames }) => {
+var TableHead = ({
+  columns: columns2,
+  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) })
@@ -13159,14 +13169,16 @@ var TableHead = ({ columns: columns2, slots, size, color, isSelected, isExpanded
     ({ className }) => ({
       className: slots.th({ class: clsx(classNames == null ? void 0 : classNames.th, className) })
     }),
-    [classNames == null ? void 0 : classNames.th, columns2, 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]" }),
-    columns2.map((column, index) => {
-      return /* @__PURE__ */ (0, import_react3.createElement)("th", { ...getThProps(column), key: column.field + index + "th" }, column.headerName);
-    })
+    columns2.map((column, index) => /* @__PURE__ */ (0, import_react3.createElement)("th", { ...getThProps(column), key: column.field + index + "th" }, column.headerName))
   ] }) });
 };
 var table_head_default = TableHead;
@@ -15575,12 +15587,15 @@ var TableBody = ({
   slots,
   rows: rows2,
   columns: columns2,
-  isSelected,
   isExpanded,
+  isSelected,
+  isSelectedRow,
+  selectedRows,
   emptyContent,
+  onSelectRow,
   onRowAction
 }) => {
-  const colSpanCount = columns2.length + (isExpanded ? 1 : 0) + (isSelected ? 1 : 0);
+  const COL_SPAN_COUNT = columns2.length + (isExpanded ? 1 : 0) + (isSelected ? 1 : 0);
   const [expandedRows, setExpandedRows] = (0, import_react4.useState)(/* @__PURE__ */ new Set());
   (0, import_react4.useEffect)(() => {
     setExpandedRows(/* @__PURE__ */ new Set());
@@ -15632,20 +15647,22 @@ var TableBody = ({
     },
     [classNames == null ? void 0 : classNames.td, columns2, slots]
   );
+  const onChangeExpandedRow = (index) => {
+    setExpandedRows((prevIndices) => {
+      const newIndices = new Set(prevIndices);
+      if (newIndices.has(index)) {
+        newIndices.delete(index);
+      } else {
+        newIndices.add(index);
+      }
+      return newIndices;
+    });
+  };
   const handleRowClick = (index) => (e) => {
-    if (isSelected) {
-    }
-    if (isExpanded) {
-      setExpandedRows((prevIndices) => {
-        const newIndices = new Set(prevIndices);
-        if (newIndices.has(index)) {
-          newIndices.delete(index);
-        } else {
-          newIndices.add(index);
-        }
-        return newIndices;
-      });
-    }
+    e.stopPropagation();
+    e.preventDefault();
+    if (isExpanded) onChangeExpandedRow(index);
+    if (isSelected && isSelectedRow) onSelectRow(index);
     const row = rows2[index];
     if (row !== void 0) {
       onRowAction == null ? void 0 : onRowAction(e, row);
@@ -15655,7 +15672,7 @@ var TableBody = ({
     const keys = Object.keys(row);
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react4.default.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("tr", { ...getTrProps(rowIndex), onClick: handleRowClick(rowIndex), children: [
-        isSelected && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("td", { ...getTdProps({ field: "checkbox" }, row, keys), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(checkbox_default, { color, size }) }),
+        isSelected && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("td", { ...getTdProps({ field: "checkbox" }, row, keys), onClick: () => onSelectRow(rowIndex), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(checkbox_default, { color, size, checked: selectedRows.has(rowIndex) }) }),
         isExpanded && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("td", { ...getTdProps({ field: "expandIcon" }, row, keys), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           Icon_default,
           {
@@ -15666,9 +15683,9 @@ var TableBody = ({
         ) }),
         columns2.map((column, colIndex) => /* @__PURE__ */ (0, import_react5.createElement)("td", { ...getTdProps(column, row, keys), key: colIndex }))
       ] }),
-      isExpanded && expandedRows.has(rowIndex) && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("tr", { ...getExpandedContentProps(), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("td", { colSpan: colSpanCount, ...getTdProps({ field: "expandedRow" }, row, keys), children: row.renderExpandedRow && row.renderExpandedRow() }) })
+      isExpanded && expandedRows.has(rowIndex) && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("tr", { ...getExpandedContentProps(), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("td", { colSpan: COL_SPAN_COUNT, ...getTdProps({ field: "expandedRow" }, row, keys), children: row.renderExpandedRow && row.renderExpandedRow() }) })
     ] }, rowIndex);
-  }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("tr", { ...getTrProps(-1), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("td", { colSpan: columns2.length, children: emptyContent }) }) });
+  }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("tr", { ...getTrProps(-1), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("td", { colSpan: COL_SPAN_COUNT, children: emptyContent }) }) });
 };
 var table_body_default = TableBody;
 
@@ -15678,6 +15695,7 @@ var import_jsx_runtime6 = require("react/jsx-runtime");
 var Table = (0, import_react6.forwardRef)((originalProps, ref) => {
   const [props, variantProps] = mapPropsVariants(originalProps, table.variantKeys);
   const { classNames, rows: rows2, columns: columns2, isLoading, className, emptyContent, onRowAction, ...tableComponentsProps } = props;
+  const [selectedRows, setSelectedRows] = (0, import_react6.useState)(/* @__PURE__ */ new Set());
   const slots = (0, import_react6.useMemo)(() => table({ ...variantProps }), [...Object.values(variantProps)]);
   const getBaseProps = (0, import_react6.useCallback)(
     (props2) => ({
@@ -15693,6 +15711,23 @@ var Table = (0, import_react6.forwardRef)((originalProps, ref) => {
     }),
     [classNames == null ? void 0 : classNames.table, slots]
   );
+  const handleSelectAll = (isSelected) => {
+    const newSelectedRows = isSelected ? new Set(rows2.map((_, index) => index)) : /* @__PURE__ */ new Set();
+    setSelectedRows(newSelectedRows);
+  };
+  const handleSelectRow = (index) => {
+    const newSelectedRows = new Set(selectedRows);
+    if (newSelectedRows.has(index)) {
+      newSelectedRows.delete(index);
+    } else {
+      newSelectedRows.add(index);
+    }
+    setSelectedRows(newSelectedRows);
+  };
+  (0, import_react6.useImperativeHandle)(ref, () => ({
+    selectedRows,
+    setSelectedRows
+  }));
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { ref, "data-table": "base", ...getBaseProps(), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("table", { ...getTableProps(tableComponentsProps), children: [
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       table_head_default,
@@ -15703,7 +15738,9 @@ var Table = (0, import_react6.forwardRef)((originalProps, ref) => {
         size: originalProps.size,
         color: originalProps.color === "neutral" ? "primary" : originalProps.color,
         isSelected: originalProps.isSelected,
-        isExpanded: originalProps.isExpanded
+        isExpanded: originalProps.isExpanded,
+        onSelectAll: handleSelectAll,
+        isAllSelected: selectedRows.size === rows2.length
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -15715,10 +15752,13 @@ var Table = (0, import_react6.forwardRef)((originalProps, ref) => {
         size: originalProps.size,
         color: originalProps.color === "neutral" ? "primary" : originalProps.color,
         isSelected: originalProps.isSelected,
+        isSelectedRow: originalProps.isSelectedRow,
         isExpanded: originalProps.isExpanded,
         isLoading,
         classNames,
         emptyContent,
+        selectedRows,
+        onSelectRow: handleSelectRow,
         onRowAction
       }
     )
@@ -15820,6 +15860,9 @@ var table = (0, import_tailwind_variants3.tv)({
     isSelected: {
       true: {}
     },
+    isSelectedRow: {
+      true: {}
+    },
     hideHeader: {
       true: {
         thead: "hidden"
@@ -15947,7 +15990,7 @@ describe("Table", () => {
     expect(() => wrapper.unmount()).not.toThrow();
   });
   it("ref should be forwarded", () => {
-    const ref = React3.createRef();
+    const ref = React4.createRef();
     render(/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(table_default, { ref, rows, columns }));
     expect(ref.current).not.toBeNull();
   });

package/dist/components/table/table.test.mjs

@@ -1,9 +1,9 @@
 "use client";
 import {
   table_default
-} from "../../chunk-TDMXAHWR.mjs";
-import "../../chunk-G3CX6IWH.mjs";
-import "../../chunk-DLVQWKQG.mjs";
+} from "../../chunk-6U736HAX.mjs";
+import "../../chunk-PUFNT5LS.mjs";
+import "../../chunk-BHSCW5D6.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-BE2OG6M4.mjs";
 import "../../chunk-27Y6K5NK.mjs";

package/dist/index.js

@@ -3726,7 +3726,17 @@ var checkbox = tv({
 // src/components/table/table-head.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var import_react8 = 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_react7.useCallback)(
     () => ({
       className: slots.thead({ class: clsx(classNames == null ? void 0 : classNames.thead) })
@@ -3743,14 +3753,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_runtime9.jsx)("thead", { ...getTheadProps(), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("tr", { ...getTrProps(), children: [
-    isSelected && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("th", { className: "w-[40px]", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(checkbox_default, { size, color, classNames: { wrapper: "bg-background" } }) }),
+    isSelected && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("th", { className: "w-[40px]", onClick: handleClickSelectAll, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(checkbox_default, { size, color, checked: isAllSelected, classNames: { wrapper: "bg-background" } }) }),
     isExpanded && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("th", { className: "w-[40px]" }),
-    columns.map((column, index) => {
-      return /* @__PURE__ */ (0, import_react8.createElement)("th", { ...getThProps(column), key: column.field + index + "th" }, column.headerName);
-    })
+    columns.map((column, index) => /* @__PURE__ */ (0, import_react8.createElement)("th", { ...getThProps(column), key: column.field + index + "th" }, column.headerName))
   ] }) });
 };
 var table_head_default = TableHead;
@@ -3766,12 +3778,15 @@ var TableBody = ({
   slots,
   rows,
   columns,
-  isSelected,
   isExpanded,
+  isSelected,
+  isSelectedRow,
+  selectedRows,
   emptyContent,
+  onSelectRow,
   onRowAction
 }) => {
-  const colSpanCount = columns.length + (isExpanded ? 1 : 0) + (isSelected ? 1 : 0);
+  const COL_SPAN_COUNT = columns.length + (isExpanded ? 1 : 0) + (isSelected ? 1 : 0);
   const [expandedRows, setExpandedRows] = (0, import_react9.useState)(/* @__PURE__ */ new Set());
   (0, import_react9.useEffect)(() => {
     setExpandedRows(/* @__PURE__ */ new Set());
@@ -3823,20 +3838,22 @@ var TableBody = ({
     },
     [classNames == null ? void 0 : classNames.td, columns, slots]
   );
+  const onChangeExpandedRow = (index) => {
+    setExpandedRows((prevIndices) => {
+      const newIndices = new Set(prevIndices);
+      if (newIndices.has(index)) {
+        newIndices.delete(index);
+      } else {
+        newIndices.add(index);
+      }
+      return newIndices;
+    });
+  };
   const handleRowClick = (index) => (e) => {
-    if (isSelected) {
-    }
-    if (isExpanded) {
-      setExpandedRows((prevIndices) => {
-        const newIndices = new Set(prevIndices);
-        if (newIndices.has(index)) {
-          newIndices.delete(index);
-        } else {
-          newIndices.add(index);
-        }
-        return newIndices;
-      });
-    }
+    e.stopPropagation();
+    e.preventDefault();
+    if (isExpanded) onChangeExpandedRow(index);
+    if (isSelected && isSelectedRow) onSelectRow(index);
     const row = rows[index];
     if (row !== void 0) {
       onRowAction == null ? void 0 : onRowAction(e, row);
@@ -3846,7 +3863,7 @@ var TableBody = ({
     const keys = Object.keys(row);
     return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react9.default.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("tr", { ...getTrProps(rowIndex), onClick: handleRowClick(rowIndex), children: [
-        isSelected && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { ...getTdProps({ field: "checkbox" }, row, keys), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(checkbox_default, { color, size }) }),
+        isSelected && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { ...getTdProps({ field: "checkbox" }, row, keys), onClick: () => onSelectRow(rowIndex), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(checkbox_default, { color, size, checked: selectedRows.has(rowIndex) }) }),
         isExpanded && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { ...getTdProps({ field: "expandIcon" }, row, keys), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           Icon_default,
           {
@@ -3857,9 +3874,9 @@ var TableBody = ({
         ) }),
         columns.map((column, colIndex) => /* @__PURE__ */ (0, import_react10.createElement)("td", { ...getTdProps(column, row, keys), key: colIndex }))
       ] }),
-      isExpanded && expandedRows.has(rowIndex) && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("tr", { ...getExpandedContentProps(), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { colSpan: colSpanCount, ...getTdProps({ field: "expandedRow" }, row, keys), children: row.renderExpandedRow && row.renderExpandedRow() }) })
+      isExpanded && expandedRows.has(rowIndex) && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("tr", { ...getExpandedContentProps(), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { colSpan: COL_SPAN_COUNT, ...getTdProps({ field: "expandedRow" }, row, keys), children: row.renderExpandedRow && row.renderExpandedRow() }) })
     ] }, rowIndex);
-  }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("tr", { ...getTrProps(-1), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { colSpan: columns.length, children: emptyContent }) }) });
+  }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("tr", { ...getTrProps(-1), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { colSpan: COL_SPAN_COUNT, children: emptyContent }) }) });
 };
 var table_body_default = TableBody;
 
@@ -3869,6 +3886,7 @@ var import_jsx_runtime11 = require("react/jsx-runtime");
 var Table = (0, import_react11.forwardRef)((originalProps, ref) => {
   const [props, variantProps] = mapPropsVariants(originalProps, table.variantKeys);
   const { classNames, rows, columns, isLoading, className, emptyContent, onRowAction, ...tableComponentsProps } = props;
+  const [selectedRows, setSelectedRows] = (0, import_react11.useState)(/* @__PURE__ */ new Set());
   const slots = (0, import_react11.useMemo)(() => table({ ...variantProps }), [...Object.values(variantProps)]);
   const getBaseProps = (0, import_react11.useCallback)(
     (props2) => ({
@@ -3884,6 +3902,23 @@ var Table = (0, import_react11.forwardRef)((originalProps, ref) => {
     }),
     [classNames == null ? void 0 : classNames.table, slots]
   );
+  const handleSelectAll = (isSelected) => {
+    const newSelectedRows = isSelected ? new Set(rows.map((_, index) => index)) : /* @__PURE__ */ new Set();
+    setSelectedRows(newSelectedRows);
+  };
+  const handleSelectRow = (index) => {
+    const newSelectedRows = new Set(selectedRows);
+    if (newSelectedRows.has(index)) {
+      newSelectedRows.delete(index);
+    } else {
+      newSelectedRows.add(index);
+    }
+    setSelectedRows(newSelectedRows);
+  };
+  (0, import_react11.useImperativeHandle)(ref, () => ({
+    selectedRows,
+    setSelectedRows
+  }));
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { ref, "data-table": "base", ...getBaseProps(), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("table", { ...getTableProps(tableComponentsProps), children: [
     /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       table_head_default,
@@ -3894,7 +3929,9 @@ var Table = (0, import_react11.forwardRef)((originalProps, ref) => {
         size: originalProps.size,
         color: originalProps.color === "neutral" ? "primary" : originalProps.color,
         isSelected: originalProps.isSelected,
-        isExpanded: originalProps.isExpanded
+        isExpanded: originalProps.isExpanded,
+        onSelectAll: handleSelectAll,
+        isAllSelected: selectedRows.size === rows.length
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
@@ -3906,10 +3943,13 @@ var Table = (0, import_react11.forwardRef)((originalProps, ref) => {
         size: originalProps.size,
         color: originalProps.color === "neutral" ? "primary" : originalProps.color,
         isSelected: originalProps.isSelected,
+        isSelectedRow: originalProps.isSelectedRow,
         isExpanded: originalProps.isExpanded,
         isLoading,
         classNames,
         emptyContent,
+        selectedRows,
+        onSelectRow: handleSelectRow,
         onRowAction
       }
     )
@@ -4011,6 +4051,9 @@ var table = (0, import_tailwind_variants8.tv)({
     isSelected: {
       true: {}
     },
+    isSelectedRow: {
+      true: {}
+    },
     hideHeader: {
       true: {
         thead: "hidden"

package/dist/index.mjs

@@ -1,18 +1,18 @@
 "use client";
-import "./chunk-HIE2YRGA.mjs";
+import "./chunk-RRAZM5D3.mjs";
 import {
-  tooltip_default
-} from "./chunk-P6AZMYVR.mjs";
-import "./chunk-DSBSLSJW.mjs";
-import "./chunk-ODMRJXLJ.mjs";
+  textarea_default
+} from "./chunk-WOX3SLJB.mjs";
 import "./chunk-3MY6LO7N.mjs";
 import {
   tabs_default
 } from "./chunk-KRI5IALM.mjs";
-import "./chunk-RRAZM5D3.mjs";
+import "./chunk-HIE2YRGA.mjs";
 import {
-  textarea_default
-} from "./chunk-WOX3SLJB.mjs";
+  tooltip_default
+} from "./chunk-P6AZMYVR.mjs";
+import "./chunk-DSBSLSJW.mjs";
+import "./chunk-ODMRJXLJ.mjs";
 import "./chunk-MV2WCFK7.mjs";
 import {
   slider_default
@@ -24,9 +24,9 @@ import {
 import "./chunk-2UUH2MBF.mjs";
 import {
   table_default
-} from "./chunk-TDMXAHWR.mjs";
-import "./chunk-G3CX6IWH.mjs";
-import "./chunk-DLVQWKQG.mjs";
+} from "./chunk-6U736HAX.mjs";
+import "./chunk-PUFNT5LS.mjs";
+import "./chunk-BHSCW5D6.mjs";
 import "./chunk-TPFN22HR.mjs";
 import {
   radio_default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deepnoid/ui",
-  "version": "0.0.80",
+  "version": "0.0.83",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/index.js",
@@ -13,7 +13,7 @@
     "build:fast": "tsup src",
     "clean": "rm -rf .turbo",
     "lint": "TIMING=1 eslint \"**/*.{ts,tsx,js,jsx}\" --fix",
-    "publish": "npm version patch --no-git-tag-version && npm publish --access=public",
+    "publish:npm": "npm version patch --no-git-tag-version && npm publish --access=public",
     "test": "jest"
   },
   "jest": {