nntc-ui 0.0.36 → 0.0.38

package/index.css

@@ -1775,7 +1775,9 @@
   border-color: var(--theme-error);
 }
 .virtualTable_viewSpan {
+  width: calc(100% - 20px);
   margin: 4px 10px;
+  overflow-wrap: break-word;
 }
 .virtualTable_showInModal {
   position: relative;
@@ -1798,6 +1800,13 @@
   background: var(--theme-table-even-row);
   background: linear-gradient(rgba(0, 0, 0, 0) 0%, var(--theme-table-even-row) 65%);
 }
+.virtualTable_clickable {
+  text-decoration: underline;
+  text-decoration-thickness: 1px;
+  text-decoration-style: dashed;
+  text-underline-offset: 2px;
+  cursor: pointer;
+}
 .virtualTable_modalContent {
   width: 500px;
 }

package/index.d.ts

@@ -241,6 +241,9 @@ declare function Tabs<T>(props: UiProps<Props$8<T>>): react_jsx_runtime.JSX.Elem
 
 interface TableCell {
     value?: string | number;
+    payload?: {
+        [key: string]: string;
+    };
     error?: string;
 }
 
@@ -281,6 +284,9 @@ interface TableColumn {
     rowsAlign?: ColumnAlign;
     valueFormat?: (value: string) => string;
     showInModal?: boolean;
+    onClick?: (payload: {
+        [key: string]: string;
+    }) => void;
     verticalAlign?: VerticalAlign;
     toFixed?: number;
 }

package/index.js

@@ -419,7 +419,7 @@ import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
 function Popover(props) {
   const {
     description,
-    clickable,
+    clickable: clickable2,
     initialOpen,
     placement,
     wrapTrigger,
@@ -442,8 +442,8 @@ function Popover(props) {
     {
       placement,
       initialOpen,
-      open: open !== void 0 ? open : clickable ? showTooltip : void 0,
-      onOpenChange: onOpenChange !== void 0 ? onOpenChange : clickable ? setShowTooltip : void 0,
+      open: open !== void 0 ? open : clickable2 ? showTooltip : void 0,
+      onOpenChange: onOpenChange !== void 0 ? onOpenChange : clickable2 ? setShowTooltip : void 0,
       containerOffset,
       root: root22,
       children: [
@@ -451,7 +451,7 @@ function Popover(props) {
           PopoverTrigger,
           {
             wrapTrigger,
-            onClick: clickable ? () => setShowTooltip((prev) => !prev) : void 0,
+            onClick: clickable2 ? () => setShowTooltip((prev) => !prev) : void 0,
             className: classnames4(wrapTrigger ? trigger : void 0, classes?.trigger),
             children: children2
           }
@@ -1806,7 +1806,8 @@ function MultiSelect(props) {
                   value: title2,
                   onClick: inputClickHandler,
                   disabled: disabled2,
-                  title: activeItems.map((i) => i.name).join(", ")
+                  title: activeItems.map((i) => i.name).join(", "),
+                  autoComplete: "off"
                 }
               ),
               !!icon6 && /* @__PURE__ */ jsx20("span", { onClick: inputClickHandler, className: classnames11(icon5, classes?.icon), children: icon6 }),
@@ -2261,7 +2262,7 @@ import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
 function Tooltip(props) {
   const {
     label: label7,
-    clickable,
+    clickable: clickable2,
     initialOpen,
     placement,
     withoutArrow,
@@ -2284,8 +2285,8 @@ function Tooltip(props) {
     {
       placement,
       initialOpen,
-      open: clickable ? showTooltip : void 0,
-      onOpenChange: clickable ? setShowTooltip : void 0,
+      open: clickable2 ? showTooltip : void 0,
+      onOpenChange: clickable2 ? setShowTooltip : void 0,
       withoutArrow,
       arrowRef,
       root: root22,
@@ -2294,7 +2295,7 @@ function Tooltip(props) {
           TooltipTrigger,
           {
             wrapTrigger,
-            onClick: clickable ? () => setShowTooltip((prev) => !prev) : void 0,
+            onClick: clickable2 ? () => setShowTooltip((prev) => !prev) : void 0,
             className: wrapTrigger ? classnames16(trigger2, classes?.trigger) : void 0,
             children: children2
           }
@@ -2566,6 +2567,7 @@ __export(virtualTable_exports, {
   bordersHorizontal: () => bordersHorizontal,
   bordersVertical: () => bordersVertical,
   bottomBorder: () => bottomBorder,
+  clickable: () => clickable,
   default: () => virtualTable_default,
   error: () => error2,
   evenRow: () => evenRow,
@@ -2626,6 +2628,7 @@ var viewCell = "virtualTable_viewCell";
 var error2 = "virtualTable_error";
 var viewSpan = "virtualTable_viewSpan";
 var showInModal = "virtualTable_showInModal";
+var clickable = "virtualTable_clickable";
 var modalContent = "virtualTable_modalContent";
 var verticalAlignFlexStart = "virtualTable_verticalAlignFlexStart";
 var verticalAlignCenter = "virtualTable_verticalAlignCenter";
@@ -2662,6 +2665,7 @@ var virtualTable_default = {
   error: error2,
   viewSpan,
   showInModal,
+  clickable,
   modalContent,
   verticalAlignFlexStart,
   verticalAlignCenter,
@@ -2705,6 +2709,7 @@ var DefaultColumn = {
           viewCell,
           !!meta?.rowsAlign ? virtualTable_exports[`align${meta?.rowsAlign}`] : void 0,
           meta?.showInModal ? showInModal : void 0,
+          meta?.onClick && original[id]?.payload ? clickable : void 0,
           original[id]?.error ? error2 : void 0,
           !!meta?.verticalAlign ? virtualTable_exports[`verticalAlign${meta?.verticalAlign}`] : void 0
         ),
@@ -2712,7 +2717,7 @@ var DefaultColumn = {
           setIsEdit(true);
         } : meta?.showInModal ? () => {
           setShowModal(true);
-        } : void 0,
+        } : meta?.onClick && original[id]?.payload ? () => meta?.onClick?.(original[id]?.payload ?? {}) : void 0,
         children: [
           /* @__PURE__ */ jsx30("span", { className: viewSpan, children: shownValue }),
           showModal && /* @__PURE__ */ jsx30(Modal, { open: showModal, onClose: () => closeModalRef.current?.(), children: /* @__PURE__ */ jsx30(Surface, { type: "panel", children: /* @__PURE__ */ jsx30("div", { className: modalContent, children: shownValue }) }) })
@@ -3088,6 +3093,7 @@ var createMeta = (column) => {
       rowsAlign: column.rowsAlign,
       valueFormat: column.valueFormat,
       showInModal: column.showInModal,
+      onClick: column.onClick,
       label: column.label,
       verticalAlign: column.verticalAlign,
       toFixed: column.toFixed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nntc-ui",
-  "version": "0.0.36",
+  "version": "0.0.38",
   "author": "NNTC",
   "description": "React UI-kit for NNTC",
   "type": "module",