namirasoft-site-react 1.5.37 → 1.5.39

package/dist/formatter/URLFormatter.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributeAnchorTarget } from "react";
-import { TableColumnInfo, TableRowInfo } from "../main";
+import { TableColumnInfo, TableRowInfo } from "../components/NSTable";
 import { BaseColumnFormatter } from "./BaseColumnFormatter";
 export declare class URLFormatter extends BaseColumnFormatter {
     private formatter;

package/package.json

@@ -8,7 +8,7 @@
     "framework": "npm",
     "application": "package",
     "private": false,
-    "version": "1.5.37",
+    "version": "1.5.39",
     "author": "Amir Abolhasani",
     "license": "MIT",
     "main": "./dist/main.js",
@@ -24,15 +24,15 @@
         "@ant-design/icons": "^6.3.2",
         "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
         "@babel/plugin-transform-private-property-in-object": "^7.29.7",
-        "@types/node": "^26.2.0",
+        "@types/node": "^26.4.0",
         "@types/react": "^18.3.12",
         "@types/react-bootstrap": "^1.1.0",
         "@types/react-dom": "^18.3.1",
         "@types/react-gtm-module": "^2.0.4",
         "@uiw/react-json-view": "^2.0.0-alpha.43",
-        "antd": "^6.6.1",
+        "antd": "^6.6.2",
         "async-mutex": "^0.5.0",
-        "axios": "^1.19.0",
+        "axios": "^1.20.0",
         "bootstrap": "^5.3.8",
         "chart.js": "^4.5.1",
         "copyfiles": "^2.4.1",
@@ -42,7 +42,7 @@
         "namirasoft-core": "^1.5.10",
         "namirasoft-schema": "^1.5.0",
         "namirasoft-site": "^1.5.1",
-        "namirasoft-site-map": "^1.5.1",
+        "namirasoft-site-map": "^1.5.2",
         "os-browserify": "^0.3.0",
         "path-browserify": "^1.0.1",
         "process": "^0.11.10",
@@ -56,7 +56,7 @@
         "react-phone-input-2": "^2.15.1",
         "react-router-dom": "7.9.1",
         "react-scripts": "^5.0.1",
-        "webpack": "^5.109.2",
+        "webpack": "^5.110.1",
         "xlsx": "^0.18.5"
     },
     "eslintConfig": {

package/src/App.tsx

@@ -128,6 +128,45 @@ export class App extends Component<AppProps, AppState>
                     },
                     mega_menu: true,
                     onCollapse: () => { },
+                    filters_postprocessor: (filters) =>
+                    {
+                        const now = new Date();
+                        const names = [
+                            "Model", "Load Balancer", "Failover", "Race", "Support",
+                            "Analytics", "Billing", "Reports", "Settings", "Integrations",
+                            "Users", "Teams", "Roles", "Audit Logs", "Notifications",
+                            "API Keys", "Webhooks"
+                        ];
+                        const mocks = names.map((name, i) => ({
+                            id: 100000 + i,
+                            parent_id: null,
+                            filter_id: 0,
+                            link_id: i,
+                            name,
+                            logo: null,
+                            order: i,
+                            created_at: now,
+                            updated_at: now,
+                            filter: {} as any,
+                            link: {
+                                id: i,
+                                category_id: 0,
+                                domain_id: 0,
+                                name,
+                                url: `https://example.com/mock/${i}`,
+                                logo: "",
+                                public: true,
+                                private: true,
+                                importance: 0,
+                                description: "",
+                                created_at: now,
+                                updated_at: now,
+                                category: {} as any,
+                                domain: {} as any,
+                            },
+                        }));
+                        return [...filters, ...mocks];
+                    },
                 }}
                 isLoggedIn={() => true}
                 logo='https://static.namirasoft.com/image/namirasoft/access/logo/base.png'

package/src/NSBoxBuilder.tsx

@@ -29,7 +29,8 @@ import { INSBox } from "./components/INSBox";
 import { createRef } from "react";
 import { NSBoxBaseLayoutRecursive } from "./components/NSBoxBaseLayoutRecursive";
 import { NSMenuButtonMenuProps, safeMenuMenuItem } from "./components/NSMenuButton";
-import { NSBoxSchemaBase, NSBoxSchemaVariable } from "./main";
+import { NSBoxSchemaBase } from "./components/NSBoxSchemaBase";
+import { NSBoxSchemaVariable } from "./components/NSBoxSchemaVariable";
 import { NamirasoftMap } from "namirasoft-site-map";
 
 export class NSBoxBuilder extends BaseTypeBuilder<React.JSX.Element | null>
@@ -59,8 +60,8 @@ export class NSBoxBuilder extends BaseTypeBuilder<React.JSX.Element | null>
         this.title = this.props.title;
         if (!this.title)
             this.title = NamingConvention.auto.convert(this.props.variable.name, NamingConvention.Pascal_Case_Space);
-        this.placeholder = props.variable.type.example ?? "";
-        this.multiple = props.variable.tags["multiple"] === "true";
+        this.placeholder = props.variable.type?.example ?? "";
+        this.multiple = props.variable.tags?.["multiple"] === "true";
         this.menu = safeMenuMenuItem(this.props, () => { });
         this.menu.builtin.delete = { enabled: onDelete != null, onDelete: () => { onDelete?.() } };
         this.builders = this.ifOjbect((_, fields) =>
@@ -87,7 +88,7 @@ export class NSBoxBuilder extends BaseTypeBuilder<React.JSX.Element | null>
     }
     private ifOjbect<T>(handler: (schema: ObjectSchema, fields: BaseVariableSchema[]) => T): T | null
     {
-        if (this.props.variable.type.type === VariableType.Object)
+        if (this.props.variable.type?.type === VariableType.Object)
         {
             let schema = this.props.variable.type as ObjectSchema;
 

package/src/components/NSBanner.tsx

@@ -1,5 +1,5 @@
 // todo move to its own probject: I guess this is Timify
-import { IImageProps } from "../main";
+import { IImageProps } from "../props/IImageProps";
 import { IBaseComponentProps } from "../props/IBaseComponentProps";
 import Styles from "./NSBanner.module.css"
 

package/src/components/NSBarAction.tsx

@@ -1,5 +1,5 @@
 import { ReactNode, useState } from 'react';
-import { IBaseComponentProps } from '../main';
+import { IBaseComponentProps } from '../props/IBaseComponentProps';
 import Styles from './NSBarAction.module.css';
 import { NSDialogInfo } from './NSDialogInfo';
 import { NSMenuAction, NSMenuActionProps } from './NSMenuAction';

package/src/components/NSBarNotification.tsx

@@ -1,5 +1,5 @@
 import { useEffect } from "react";
-import { StringFormatter } from "../main";
+import { StringFormatter } from "../formatter/StringFormatter";
 import { IBaseComponentProps } from "../props/IBaseComponentProps";
 import Styles from "./NSBarNotification.module.css";
 

package/src/components/NSBarTitle.tsx

@@ -1,5 +1,5 @@
 import Styles from './NSBarTitle.module.css';
-import { StringFormatter } from '../main';
+import { StringFormatter } from '../formatter/StringFormatter';
 
 export interface NSBarTitleProps 
 {

package/src/components/NSBoxDateTime.tsx

@@ -2,7 +2,7 @@
 
 import { NamingConvention, TimeOperation } from "namirasoft-core";
 import React, { createRef } from "react";
-import { DateTimeFormatter } from "../main";
+import { DateTimeFormatter } from "../formatter/DateTimeFormatter";
 import { IBaseComponentProps } from "../props/IBaseComponentProps";
 import { IValidationProps } from "../props/IValidationProps";
 import { Validator } from "../Validator";

package/src/components/NSBoxDuration.tsx

@@ -12,7 +12,7 @@ import { safeMenuMenuItem } from "./NSMenuButton";
 import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
 import { NamingConvention } from "namirasoft-core";
 import { INSBox } from "./INSBox";
-import { DurationFormatter } from "../main";
+import { DurationFormatter } from "../formatter/DurationFormatter";
 
 export interface NSBoxDurationProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, IValidationNumberProps, INSBoxBaseLayoutProps<NSBoxDuration, string>
 {

package/src/components/NSBoxEntity.tsx

@@ -4,7 +4,8 @@ import { BaseMetaColumn, BaseMetaTable, FilterItem, FilterItemOperator, SortItem
 import { NSBaseMetaTable } from "namirasoft-site";
 import React, { createRef } from "react";
 import { INSBoxBaseComboProps, NSBoxBaseCombo } from "../components/NSBoxBaseCombo";
-import { IBaseComponentProps, IValidationProps } from "../main";
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+import { IValidationProps } from "../props/IValidationProps";
 import { INSBox } from "./INSBox";
 
 export type NSBoxEntityProps<Data> = NSBoxEntityPropsOption<Data> & NSBoxEntityPropsInner<Data> & IBaseComponentProps & IValidationProps & INSBoxBaseComboProps<NSBoxEntity<Data>>

package/src/components/NSBoxTime.tsx

@@ -11,7 +11,7 @@ import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
 import { safeMenuMenuItem } from "./NSMenuButton";
 import { NamingConvention } from "namirasoft-core";
 import { INSBox } from "./INSBox";
-import { TimeFormatter } from "../main";
+import { TimeFormatter } from "../formatter/TimeFormatter";
 
 export interface NSBoxTimeProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, INSBoxBaseLayoutProps<NSBoxTime, string>
 {

package/src/components/NSDialogInfo.tsx

@@ -1,4 +1,4 @@
-import { StringFormatter } from "../main";
+import { StringFormatter } from "../formatter/StringFormatter";
 import { NSDialogProps, NSDialog } from "./NSDialog";
 import { NSSpace, NSSpaceSizeType } from "./NSSpace";
 import { NSTitle } from "./NSTitle";

package/src/components/NSGaugeDate.tsx

@@ -1,6 +1,11 @@
 import { URLOperation } from "namirasoft-core";
 import { useEffect, useState } from "react";
-import { IBaseComponentProps, NSDownTimer, NSLoading, NSNoData, NSPanel, NSSpace, NSSpaceSizeType } from "../main";
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+import { NSDownTimer } from "./NSDownTimer";
+import { NSLoading } from "./NSLoading";
+import { NSNoData } from "./NSNoData";
+import { NSPanel } from "./NSPanel";
+import { NSSpace, NSSpaceSizeType } from "./NSSpace";
 import { ILinkProps } from "../props/ILinkProps";
 import { NSGauge, NSGaugeColorProps } from "./NSGauge";
 import Styles from "./NSGaugeDate.module.css";

package/src/components/NSGaugeNumber.tsx

@@ -1,5 +1,8 @@
 import { URLOperation } from "namirasoft-core";
-import { IBaseComponentProps, NSLoading, NSNoData, NSPanel } from "../main";
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+import { NSLoading } from "./NSLoading";
+import { NSNoData } from "./NSNoData";
+import { NSPanel } from "./NSPanel";
 import { ILinkProps } from "../props/ILinkProps";
 import { NSGauge, NSGaugeColorProps } from "./NSGauge";
 import Styles from "./NSGaugeNumber.module.css";

package/src/components/NSHeader.module.css

@@ -18,11 +18,31 @@
 
 .ns_navbar_content {
     display: flex;
-    flex-wrap: wrap-reverse;
+    flex-wrap: wrap;
     justify-content: flex-end;
     align-items: center;
     width: 100%;
     gap: 8px;
+    row-gap: 10px;
+    min-width: 0;
+}
+
+.ns_navbar_right_group {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    flex-shrink: 0;
+    margin-left: auto;
+}
+
+.ns_navbar_right_icons {
+    flex-shrink: 0;
+}
+
+.ns_navbar_search {
+    flex: 0 1 18rem;
+    min-width: 12rem;
+    max-width: 22rem;
 }
 
 .ns_navbar_login_status {
@@ -90,7 +110,7 @@
 .ns_navbar_items_container {
     margin-right: auto;
     margin-inline-end: auto;
-    --bs-nav-link-padding-x: 1rem;
+    --bs-nav-link-padding-x: 0.75rem;
     --bs-nav-link-padding-y: 0.5rem;
     --bs-nav-link-font-weight: ;
     --bs-nav-link-color: var(--bs-link-color);
@@ -98,6 +118,9 @@
     --bs-nav-link-disabled-color: var(--bs-secondary-color);
     display: flex;
     flex-wrap: wrap;
+    align-items: center;
+    row-gap: 4px;
+    column-gap: 2px;
     padding-left: 0;
     margin-bottom: 0;
     list-style: none;
@@ -161,7 +184,13 @@
 
 @media only screen and (min-width: 1023px) {
     .ns_navbar_content {
-        justify-content: space-between;
+        justify-content: flex-start;
+        flex-wrap: nowrap;
+    }
+
+    .ns_navbar_elements {
+        flex: 1 1 auto;
+        min-width: 0;
     }
 
     .ns_navbar_parent_content {

package/src/components/NSHeader.tsx

@@ -168,6 +168,7 @@ export class NSHeader extends Component<NSHeaderProps, NSHeaderState>
                             <div className={`${Styles.ns_navbar_elements} ${this.state.show_navbar && Styles.ns_navbar_active}`}>
                                 {this.render_menu(0, null)}
                             </div>
+                            <div className={Styles.ns_navbar_right_group}>
                             <NSBoxSearch
                                 ref={this.NSBoxSearch_Ref}
                                 required={false}
@@ -175,7 +176,7 @@ export class NSHeader extends Component<NSHeaderProps, NSHeaderState>
                                 hideHeader
                                 placeholder="Search"
                                 autoComplete="one-time-code"
-                                style={{ flex: 0.8, minWidth: "15rem" }}
+                                classList={[Styles.ns_navbar_search]}
                                 input={{
                                     style: { zIndex: 800 },
                                     name: "search",
@@ -212,7 +213,7 @@ export class NSHeader extends Component<NSHeaderProps, NSHeaderState>
                             }
                             {
                                 this.props.right &&
-                                <div className="d-flex gap-3 align-items-center">
+                                <div className={`d-flex gap-3 align-items-center ${Styles.ns_navbar_right_icons}`}>
                                     {
                                         this.props.right?.title &&
                                         <span className={Styles.ns_navbar_title}>{this.props.right?.title}</span>
@@ -270,6 +271,7 @@ export class NSHeader extends Component<NSHeaderProps, NSHeaderState>
                                     }
                                 </div>
                             }
+                            </div>
                         </div>
                     </div>
                 </nav>

package/src/components/NSID.tsx

@@ -2,7 +2,9 @@ import { BaseUUID, CacheService, EncodingOperation, EncodingOperationPartType, I
 import { NSBaseMetaTable, NSBaseServer } from 'namirasoft-site';
 import { NamirasoftMap } from 'namirasoft-site-map';
 import React from 'react';
-import { BaseURLImageFormatter, IBaseComponentProps, NSCopy } from '../main';
+import { BaseURLImageFormatter } from '../formatter/BaseURLImageFormatter';
+import { IBaseComponentProps } from '../props/IBaseComponentProps';
+import { NSCopy } from './NSCopy';
 
 export interface NSIDProps extends IBaseComponentProps
 {

package/src/components/NSLabel.tsx

@@ -4,7 +4,7 @@ import Styles from './NSLabel.module.css'
 import React from "react";
 import { ReactNode } from "react";
 import { IBaseComponentProps } from '../props/IBaseComponentProps';
-import { StringFormatter } from '../main';
+import { StringFormatter } from '../formatter/StringFormatter';
 
 export interface NSLabelProps extends IBaseComponentProps
 {

package/src/components/NSLink.module.css

@@ -1,37 +1,21 @@
-.ns_link_parent {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-	width: 100%;
-	gap: 24px;
-}
-
-.ns_link {
-	text-decoration: none;
-	/* box-shadow: inset 2px 2px 2px 0 #1754F3; */
-	box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
-	color: #fff;
-	font-size: 16px;
-	font-weight: 600;
-	line-height: 16px;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	border-radius: 8px;
-	width: 358px;
-	height: 48px;
-	width: 100%;
-}
-
-.ns_link_absolute {
-	position: absolute;
-	width: 100%;
-	height: 100%;
-	left: 0;
-	right: 0;
-	top: 0;
-	bottom: 0;
-	cursor: pointer;
-	background-color: transparent !important;
+.ns_link_parent {
+	display: inline;
+}
+
+.ns_link {
+	text-decoration: underline;
+	cursor: pointer;
+	font-weight: 500;
+}
+
+.ns_link_absolute {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	cursor: pointer;
+	background-color: transparent !important;
 }

package/src/components/NSLink.tsx

@@ -1,27 +1,23 @@
-import { IBaseComponentProps } from "../props/IBaseComponentProps";
-import { ILinkProps } from "../props/ILinkProps";
-import Styles from "./NSLink.module.css";
-
-export interface NSLinkProps extends ILinkProps, IBaseComponentProps
-{
-	children?: React.ReactNode;
-}
-
-export function NSLink(props: NSLinkProps)
-{
-	return (
-		<div
-			id={props.id}
-			className={`${Styles.ns_link_parent} ${props.classList?.join(" ") ?? ""}`}
-		>
-			<a
-				className={`text-white text-decoration-none ${props.children ? Styles.ns_link : Styles.ns_link_absolute}`}
-				href={props.href}
-				target={props?.target ?? "_self"}
-				style={props.style}
-			>
-				{props.children}
-			</a>
-		</div>
-	);
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+import { ILinkProps } from "../props/ILinkProps";
+import Styles from "./NSLink.module.css";
+
+export interface NSLinkProps extends ILinkProps, IBaseComponentProps
+{
+	children?: React.ReactNode;
+}
+
+export function NSLink(props: NSLinkProps)
+{
+	return (
+		<a
+			id={props.id}
+			className={`${props.children ? Styles.ns_link : Styles.ns_link_absolute} ${props.classList?.join(" ") ?? ""}`}
+			href={props.href}
+			target={props?.target ?? "_self"}
+			style={props.style}
+		>
+			{props.children}
+		</a>
+	);
 }

package/src/components/NSLinkBlue.tsx

@@ -1,23 +1,16 @@
-import { NSBox } from "./NSBox";
-import { NSLink, NSLinkProps } from "./NSLink";
-
-export function NSLinkBlue(props: NSLinkProps)
-{
-	return (
-		<NSLink
-			id={props.id}
-			style=
-			{{
-				color: "#fff",
-				border: "none",
-				backgroundColor: "rgba(3, 119, 255, 1)",
-				width: NSBox.width.one,
-				height: NSBox.height.box,
-				boxShadow: "inset 0 - 4px 4px 0px rgb(0 0 0 / 25 %)"
-			}}
-			href={props.href}
-			target={props.target ?? "_self"}
-		>
-			{props.children}
-		</NSLink>);
+import { NSLink, NSLinkProps } from "./NSLink";
+
+export function NSLinkBlue(props: NSLinkProps)
+{
+	return (
+		<NSLink
+			id={props.id}
+			classList={props.classList}
+			style={{ color: "rgba(3, 119, 255, 1)", ...props.style }}
+			href={props.href}
+			target={props.target ?? "_self"}
+		>
+			{props.children}
+		</NSLink>
+	);
 }

package/src/components/NSLinkGreen.tsx

@@ -1,14 +1,14 @@
-import { NSLink, NSLinkProps } from "./NSLink";
-
-export function NSLinkGreen(props: NSLinkProps)
-{
-    return <NSLink
-        id={props.id}
-        classList={props.classList}
-        style={{ ...props.style, backgroundColor: "#06D182" }}
-        href={props.href}
-        target={props.target ?? "_self"}
-    >
-        {props.children}
-    </NSLink>;
+import { NSLink, NSLinkProps } from "./NSLink";
+
+export function NSLinkGreen(props: NSLinkProps)
+{
+    return <NSLink
+        id={props.id}
+        classList={props.classList}
+        style={{ color: "#06D182", ...props.style }}
+        href={props.href}
+        target={props.target ?? "_self"}
+    >
+        {props.children}
+    </NSLink>;
 }

package/src/components/NSLinkRed.tsx

@@ -1,14 +1,14 @@
-import { NSLink, NSLinkProps } from "./NSLink";
-
-export function NSLinkRed(props: NSLinkProps)
-{
-    return <NSLink
-        id={props.id}
-        classList={props.classList}
-        style={{ ...props.style, backgroundColor: "rgb(265, 63, 63, 1)" }}
-        href={props.href}
-        target={props.target ?? "_self"}
-    >
-        {props.children}
-    </NSLink>;
+import { NSLink, NSLinkProps } from "./NSLink";
+
+export function NSLinkRed(props: NSLinkProps)
+{
+    return <NSLink
+        id={props.id}
+        classList={props.classList}
+        style={{ color: "rgb(265, 63, 63, 1)", ...props.style }}
+        href={props.href}
+        target={props.target ?? "_self"}
+    >
+        {props.children}
+    </NSLink>;
 }

package/src/components/NSListProduct.tsx

@@ -1,7 +1,8 @@
 import { NamirasoftAPIProductServer, ProductFullRow } from "namirasoft-api-product";
 import { EnvService, SearchOperation } from 'namirasoft-core';
 import { useEffect, useState } from "react";
-import { IImageProps, ILinkProps } from "../main";
+import { IImageProps } from "../props/IImageProps";
+import { ILinkProps } from "../props/ILinkProps";
 import { NSCard } from "./NSCard";
 import { NSSection } from "./NSSection";
 

package/src/components/NSTabPage.tsx

@@ -2,7 +2,7 @@
 import { Component, createRef } from "react";
 import { IBaseComponentProps } from "../props/IBaseComponentProps";
 import Styles from './NSTabPage.module.css';
-import { NSInfo, NSInfoProps } from "../main";
+import { NSInfo, NSInfoProps } from "./NSInfo";
 
 export interface NSTabPageTab extends IBaseComponentProps
 {

package/src/formatter/BaseURLImageFormatter.tsx

@@ -1,5 +1,5 @@
 import { HTMLAttributeAnchorTarget } from "react";
-import { TableColumnInfo, TableRowInfo } from "../main";
+import { TableColumnInfo, TableRowInfo } from "../components/NSTable";
 import { BaseColumnFormatter } from "./BaseColumnFormatter";
 
 export class BaseURLImageFormatter extends BaseColumnFormatter

package/src/formatter/EmailFormatter.tsx

@@ -1,4 +1,4 @@
-import { TableColumnInfo, TableRowInfo } from "../main";
+import { TableColumnInfo, TableRowInfo } from "../components/NSTable";
 import { BaseColumnFormatter } from "./BaseColumnFormatter";
 import { BaseURLImageFormatter } from "./BaseURLImageFormatter";
 

package/src/formatter/JsonFormatter.tsx

@@ -1,5 +1,5 @@
 import { BaseColumnFormatter } from "./BaseColumnFormatter";
-import { TableColumnInfo, TableRowInfo } from "../main";
+import { TableColumnInfo, TableRowInfo } from "../components/NSTable";
 import JsonView from "@uiw/react-json-view";
 
 export class JsonFormatter extends BaseColumnFormatter

package/src/formatter/PhoneFormatter.tsx

@@ -1,4 +1,4 @@
-import { TableColumnInfo, TableRowInfo } from "../main";
+import { TableColumnInfo, TableRowInfo } from "../components/NSTable";
 import { BaseColumnFormatter } from "./BaseColumnFormatter";
 import { BaseURLImageFormatter } from "./BaseURLImageFormatter";
 

package/src/formatter/SensitiveFormatter.tsx

@@ -1,5 +1,5 @@
 import NSLabelSensitive from "../components/NSLabelSensitive";
-import { TableColumnInfo, TableRowInfo } from "../main";
+import { TableColumnInfo, TableRowInfo } from "../components/NSTable";
 import { BaseColumnFormatter } from "./BaseColumnFormatter";
 
 export class SensitiveFormatter<RowType = any> extends BaseColumnFormatter

package/src/formatter/URLFormatter.tsx

@@ -1,5 +1,5 @@
 import { HTMLAttributeAnchorTarget } from "react";
-import { TableColumnInfo, TableRowInfo } from "../main";
+import { TableColumnInfo, TableRowInfo } from "../components/NSTable";
 import { BaseColumnFormatter } from "./BaseColumnFormatter";
 import { BaseURLImageFormatter } from "./BaseURLImageFormatter";