namirasoft-site-react 1.4.389 → 1.4.390

package/dist/components/NSButton.d.ts

@@ -18,5 +18,6 @@ export interface NSButtonState {
 }
 export declare class NSButton extends React.Component<NSButtonProps, NSButtonState> {
     constructor(props: NSButtonProps);
+    performClick(): void;
     render(): React.ReactNode;
 }

package/dist/components/NSButton.js

@@ -6,24 +6,28 @@ export class NSButton extends React.Component {
     constructor(props) {
         super(props);
         this.state = { clicked: false };
+        this.performClick = this.performClick.bind(this);
+    }
+    performClick() {
+        var _a;
+        if (this.props.onClick.showLoading !== false)
+            this.setState({ clicked: true });
+        try {
+            this.props.onClick.action(() => {
+                this.setState({ clicked: false });
+            });
+        }
+        catch (error) {
+            this.setState({ clicked: false });
+            alert((_a = error === null || error === void 0 ? void 0 : error.message) !== null && _a !== void 0 ? _a : error);
+        }
     }
     render() {
         var _a, _b;
         if (this.state.clicked)
             return _jsx(NSLoading, Object.assign({ small: true, hideTitle: true, hideDesciption: true }, this.props.loading));
         return (_jsxs("button", { id: this.props.id, className: `${this.props.disabled ? Styles.ns_button_disabled : Styles.ns_button} ${(_b = (_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")) !== null && _b !== void 0 ? _b : ""}`, style: this.props.style, onClick: () => {
-                var _a;
-                if (this.props.onClick.showLoading !== false)
-                    this.setState({ clicked: true });
-                try {
-                    this.props.onClick.action(() => {
-                        this.setState({ clicked: false });
-                    });
-                }
-                catch (error) {
-                    this.setState({ clicked: false });
-                    alert((_a = error === null || error === void 0 ? void 0 : error.message) !== null && _a !== void 0 ? _a : error);
-                }
+                this.performClick();
             }, disabled: this.props.disabled, children: [this.props.icon && _jsx("img", Object.assign({}, this.props.icon, { alt: "Icon", width: 24, height: 24 })), this.props.title] }));
     }
 }

package/dist/components/NSButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSButton.js","sourceRoot":"","sources":["../../src/components/NSButton.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAG3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAC;AAsBxD,MAAM,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAuC;IAEvE,YAAY,KAAoB;QAE5B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IACpC,CAAC;IACQ,MAAM;;QAEX,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO;YAClB,OAAO,KAAC,SAAS,kBACb,KAAK,QACL,SAAS,QACT,cAAc,UACV,IAAI,CAAC,KAAK,CAAC,OAAO,EACb,CAAA;QAEjB,OAAO,CACH,kBAAQ,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EACrB,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,IAAI,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,EAAE,EAC3H,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,OAAO,EAAE,GAAG,EAAE;;gBAEV,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,KAAK,KAAK;oBACxC,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;gBACrC,IACA,CAAC;oBACG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE;wBAE3B,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;oBACtC,CAAC,CAAC,CAAC;gBACP,CAAC;gBAAC,OAAO,KAAU,EACnB,CAAC;oBACG,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;oBAClC,KAAK,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,mCAAI,KAAK,CAAC,CAAC;gBACnC,CAAC;YACL,CAAC,EACD,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,aAE5B,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,8BAAS,IAAI,CAAC,KAAK,CAAC,IAAI,IAAE,GAAG,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,IAAI,EACjF,IAAI,CAAC,KAAK,CAAC,KAAK,IACX,CACb,CAAC;IACN,CAAC;CACJ;AAAA,CAAC"}
+{"version":3,"file":"NSButton.js","sourceRoot":"","sources":["../../src/components/NSButton.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAG3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAC;AAsBxD,MAAM,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAuC;IAEvE,YAAY,KAAoB;QAE5B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;QAChC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACrD,CAAC;IACD,YAAY;;QAER,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,KAAK,KAAK;YACxC,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QACrC,IACA,CAAC;YACG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE;gBAE3B,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;YACtC,CAAC,CAAC,CAAC;QACP,CAAC;QAAC,OAAO,KAAU,EACnB,CAAC;YACG,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;YAClC,KAAK,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,mCAAI,KAAK,CAAC,CAAC;QACnC,CAAC;IACL,CAAC;IACQ,MAAM;;QAEX,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO;YAClB,OAAO,KAAC,SAAS,kBACb,KAAK,QACL,SAAS,QACT,cAAc,UACV,IAAI,CAAC,KAAK,CAAC,OAAO,EACb,CAAA;QAEjB,OAAO,CACH,kBAAQ,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EACrB,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,IAAI,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,EAAE,EAC3H,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,OAAO,EAAE,GAAG,EAAE;gBAEV,IAAI,CAAC,YAAY,EAAE,CAAC;YACxB,CAAC,EACD,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,aAE5B,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,8BAAS,IAAI,CAAC,KAAK,CAAC,IAAI,IAAE,GAAG,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,IAAI,EACjF,IAAI,CAAC,KAAK,CAAC,KAAK,IACX,CACb,CAAC;IACN,CAAC;CACJ;AAAA,CAAC"}

package/dist/components/NSButtonBlue.d.ts

@@ -1,2 +1,8 @@
+import React from "react";
 import { NSButtonProps } from "./NSButton";
-export declare function NSButtonBlue(props: NSButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare class NSButtonBlue extends React.Component<NSButtonProps> {
+    private NSButton_Base;
+    constructor(props: NSButtonProps);
+    performClick(): void;
+    render(): import("react/jsx-runtime").JSX.Element;
+}

package/dist/components/NSButtonBlue.js

@@ -1,11 +1,23 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import React, { createRef } from "react";
 import { NSButton } from "./NSButton";
 import Style from "./NSButtonBlue.module.css";
-export function NSButtonBlue(props) {
-    let classList = [];
-    if (props.classList)
-        classList.push(...props.classList);
-    classList.push(Style.ns_button_blue);
-    return _jsx(NSButton, Object.assign({}, props, { classList: classList }));
+export class NSButtonBlue extends React.Component {
+    constructor(props) {
+        super(props);
+        this.NSButton_Base = createRef();
+        this.performClick = this.performClick.bind(this);
+    }
+    performClick() {
+        var _a;
+        (_a = this.NSButton_Base.current) === null || _a === void 0 ? void 0 : _a.performClick();
+    }
+    render() {
+        let classList = [];
+        if (this.props.classList)
+            classList.push(...this.props.classList);
+        classList.push(Style.ns_button_blue);
+        return _jsx(NSButton, Object.assign({ ref: this.NSButton_Base }, this.props, { classList: classList }));
+    }
 }
 //# sourceMappingURL=NSButtonBlue.js.map

package/dist/components/NSButtonBlue.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSButtonBlue.js","sourceRoot":"","sources":["../../src/components/NSButtonBlue.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AACrD,OAAO,KAAK,MAAM,2BAA2B,CAAC;AAE9C,MAAM,UAAU,YAAY,CAAC,KAAoB;IAEhD,IAAI,SAAS,GAAG,EAAE,CAAA;IAClB,IAAI,KAAK,CAAC,SAAS;QAClB,SAAS,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;IACpC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IAErC,OAAO,KAAC,QAAQ,oBACX,KAAK,IACT,SAAS,EAAE,SAAS,IACnB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"NSButtonBlue.js","sourceRoot":"","sources":["../../src/components/NSButtonBlue.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AACrD,OAAO,KAAK,MAAM,2BAA2B,CAAC;AAE9C,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,SAAwB;IAG/D,YAAY,KAAoB;QAE/B,KAAK,CAAC,KAAK,CAAC,CAAC;QAHN,kBAAa,GAAG,SAAS,EAAY,CAAC;QAI7C,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAClD,CAAC;IACD,YAAY;;QAEX,MAAA,IAAI,CAAC,aAAa,CAAC,OAAO,0CAAE,YAAY,EAAE,CAAC;IAC5C,CAAC;IACQ,MAAM;QAEd,IAAI,SAAS,GAAG,EAAE,CAAA;QAClB,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;YACvB,SAAS,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACzC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QAErC,OAAO,KAAC,QAAQ,kBACf,GAAG,EAAE,IAAI,CAAC,aAAa,IACnB,IAAI,CAAC,KAAK,IACd,SAAS,EAAE,SAAS,IACnB,CAAC;IACJ,CAAC;CACD"}

package/dist/components/NSButtonGreen.d.ts

@@ -1,2 +1,8 @@
+import React from "react";
 import { NSButtonProps } from "./NSButton";
-export declare function NSButtonGreen(props: NSButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare class NSButtonGreen extends React.Component<NSButtonProps> {
+    private NSButton_Base;
+    constructor(props: NSButtonProps);
+    performClick(): void;
+    render(): import("react/jsx-runtime").JSX.Element;
+}

package/dist/components/NSButtonGreen.js

@@ -1,11 +1,23 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import React, { createRef } from "react";
 import { NSButton } from "./NSButton";
 import Style from "./NSButtonGreen.module.css";
-export function NSButtonGreen(props) {
-    let classList = [];
-    if (props.classList)
-        classList.push(...props.classList);
-    classList.push(Style.ns_button_green);
-    return _jsx(NSButton, Object.assign({}, props, { classList: classList }));
+export class NSButtonGreen extends React.Component {
+    constructor(props) {
+        super(props);
+        this.NSButton_Base = createRef();
+        this.performClick = this.performClick.bind(this);
+    }
+    performClick() {
+        var _a;
+        (_a = this.NSButton_Base.current) === null || _a === void 0 ? void 0 : _a.performClick();
+    }
+    render() {
+        let classList = [];
+        if (this.props.classList)
+            classList.push(...this.props.classList);
+        classList.push(Style.ns_button_green);
+        return _jsx(NSButton, Object.assign({ ref: this.NSButton_Base }, this.props, { classList: classList }));
+    }
 }
 //# sourceMappingURL=NSButtonGreen.js.map

package/dist/components/NSButtonGreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSButtonGreen.js","sourceRoot":"","sources":["../../src/components/NSButtonGreen.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AACrD,OAAO,KAAK,MAAM,4BAA4B,CAAC;AAE/C,MAAM,UAAU,aAAa,CAAC,KAAoB;IAEjD,IAAI,SAAS,GAAG,EAAE,CAAA;IAClB,IAAI,KAAK,CAAC,SAAS;QAClB,SAAS,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;IACpC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAEtC,OAAO,KAAC,QAAQ,oBACX,KAAK,IACT,SAAS,EAAE,SAAS,IACnB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"NSButtonGreen.js","sourceRoot":"","sources":["../../src/components/NSButtonGreen.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AACrD,OAAO,KAAK,MAAM,4BAA4B,CAAC;AAE/C,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAwB;IAGhE,YAAY,KAAoB;QAE/B,KAAK,CAAC,KAAK,CAAC,CAAC;QAHN,kBAAa,GAAG,SAAS,EAAY,CAAC;QAI7C,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAClD,CAAC;IACD,YAAY;;QAEX,MAAA,IAAI,CAAC,aAAa,CAAC,OAAO,0CAAE,YAAY,EAAE,CAAC;IAC5C,CAAC;IACQ,MAAM;QAEd,IAAI,SAAS,GAAG,EAAE,CAAA;QAClB,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;YACvB,SAAS,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACzC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;QAEtC,OAAO,KAAC,QAAQ,kBACf,GAAG,EAAE,IAAI,CAAC,aAAa,IACnB,IAAI,CAAC,KAAK,IACd,SAAS,EAAE,SAAS,IACnB,CAAC;IACJ,CAAC;CACD"}

package/dist/components/NSButtonRed.d.ts

@@ -1,2 +1,8 @@
+import React from "react";
 import { NSButtonProps } from "./NSButton";
-export declare function NSButtonRed(props: NSButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare class NSButtonRed extends React.Component<NSButtonProps> {
+    private NSButton_Base;
+    constructor(props: NSButtonProps);
+    performClick(): void;
+    render(): import("react/jsx-runtime").JSX.Element;
+}

package/dist/components/NSButtonRed.js

@@ -1,11 +1,23 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import React, { createRef } from "react";
 import { NSButton } from "./NSButton";
 import Style from "./NSButtonRed.module.css";
-export function NSButtonRed(props) {
-    let classList = [];
-    if (props.classList)
-        classList.push(...props.classList);
-    classList.push(Style.ns_button_red);
-    return _jsx(NSButton, Object.assign({}, props, { classList: classList }));
+export class NSButtonRed extends React.Component {
+    constructor(props) {
+        super(props);
+        this.NSButton_Base = createRef();
+        this.performClick = this.performClick.bind(this);
+    }
+    performClick() {
+        var _a;
+        (_a = this.NSButton_Base.current) === null || _a === void 0 ? void 0 : _a.performClick();
+    }
+    render() {
+        let classList = [];
+        if (this.props.classList)
+            classList.push(...this.props.classList);
+        classList.push(Style.ns_button_red);
+        return _jsx(NSButton, Object.assign({ ref: this.NSButton_Base }, this.props, { classList: classList }));
+    }
 }
 //# sourceMappingURL=NSButtonRed.js.map

package/dist/components/NSButtonRed.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSButtonRed.js","sourceRoot":"","sources":["../../src/components/NSButtonRed.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AACrD,OAAO,KAAK,MAAM,0BAA0B,CAAC;AAE7C,MAAM,UAAU,WAAW,CAAC,KAAoB;IAE/C,IAAI,SAAS,GAAG,EAAE,CAAA;IAClB,IAAI,KAAK,CAAC,SAAS;QAClB,SAAS,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;IACpC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IAEpC,OAAO,KAAC,QAAQ,oBACX,KAAK,IACT,SAAS,EAAE,SAAS,IACnB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"NSButtonRed.js","sourceRoot":"","sources":["../../src/components/NSButtonRed.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AACrD,OAAO,KAAK,MAAM,0BAA0B,CAAC;AAE7C,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAwB;IAG9D,YAAY,KAAoB;QAE/B,KAAK,CAAC,KAAK,CAAC,CAAC;QAHN,kBAAa,GAAG,SAAS,EAAY,CAAC;QAI7C,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAClD,CAAC;IACD,YAAY;;QAEX,MAAA,IAAI,CAAC,aAAa,CAAC,OAAO,0CAAE,YAAY,EAAE,CAAC;IAC5C,CAAC;IACQ,MAAM;QAEd,IAAI,SAAS,GAAG,EAAE,CAAA;QAClB,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;YACvB,SAAS,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACzC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;QAEpC,OAAO,KAAC,QAAQ,kBACf,GAAG,EAAE,IAAI,CAAC,aAAa,IACnB,IAAI,CAAC,KAAK,IACd,SAAS,EAAE,SAAS,IACnB,CAAC;IACJ,CAAC;CACD"}

package/package.json

@@ -8,7 +8,7 @@
 	"framework": "npm",
 	"application": "package",
 	"private": false,
-	"version": "1.4.389",
+	"version": "1.4.390",
 	"author": "Amir Abolhasani",
 	"license": "MIT",
 	"main": "./dist/main.js",

package/src/components/NSButton.tsx

@@ -30,6 +30,23 @@ export class NSButton extends React.Component<NSButtonProps, NSButtonState>
     {
         super(props);
         this.state = { clicked: false };
+        this.performClick = this.performClick.bind(this);
+    }
+    performClick()
+    {
+        if (this.props.onClick.showLoading !== false)
+            this.setState({ clicked: true });
+        try
+        {
+            this.props.onClick.action(() =>
+            {
+                this.setState({ clicked: false });
+            });
+        } catch (error: any)
+        {
+            this.setState({ clicked: false });
+            alert(error?.message ?? error);
+        }
     }
     override render(): React.ReactNode
     {
@@ -47,19 +64,7 @@ export class NSButton extends React.Component<NSButtonProps, NSButtonState>
                 style={this.props.style}
                 onClick={() =>
                 {
-                    if (this.props.onClick.showLoading !== false)
-                        this.setState({ clicked: true });
-                    try
-                    {
-                        this.props.onClick.action(() =>
-                        {
-                            this.setState({ clicked: false });
-                        });
-                    } catch (error: any)
-                    {
-                        this.setState({ clicked: false });
-                        alert(error?.message ?? error);
-                    }
+                    this.performClick();
                 }}
                 disabled={this.props.disabled}
             >

package/src/components/NSButtonBlue.tsx

@@ -1,15 +1,30 @@
+import React, { createRef } from "react";
 import { NSButton, NSButtonProps } from "./NSButton";
 import Style from "./NSButtonBlue.module.css";
 
-export function NSButtonBlue(props: NSButtonProps) 
+export class NSButtonBlue extends React.Component<NSButtonProps>
 {
-	let classList = []
-	if (props.classList)
-		classList.push(...props.classList);
-	classList.push(Style.ns_button_blue);
+	private NSButton_Base = createRef<NSButton>();
+	constructor(props: NSButtonProps)
+	{
+		super(props);
+		this.performClick = this.performClick.bind(this);
+	}
+	performClick()
+	{
+		this.NSButton_Base.current?.performClick();
+	}
+	override render()
+	{
+		let classList = []
+		if (this.props.classList)
+			classList.push(...this.props.classList);
+		classList.push(Style.ns_button_blue);
 
-	return <NSButton
-		{...props}
-		classList={classList}
-	/>;
+		return <NSButton
+			ref={this.NSButton_Base}
+			{...this.props}
+			classList={classList}
+		/>;
+	}
 }

package/src/components/NSButtonGreen.tsx

@@ -1,15 +1,30 @@
+import React, { createRef } from "react";
 import { NSButton, NSButtonProps } from "./NSButton";
 import Style from "./NSButtonGreen.module.css";
 
-export function NSButtonGreen(props: NSButtonProps) 
+export class NSButtonGreen extends React.Component<NSButtonProps>
 {
-	let classList = []
-	if (props.classList)
-		classList.push(...props.classList);
-	classList.push(Style.ns_button_green);
+	private NSButton_Base = createRef<NSButton>();
+	constructor(props: NSButtonProps)
+	{
+		super(props);
+		this.performClick = this.performClick.bind(this);
+	}
+	performClick()
+	{
+		this.NSButton_Base.current?.performClick();
+	}
+	override render()
+	{
+		let classList = []
+		if (this.props.classList)
+			classList.push(...this.props.classList);
+		classList.push(Style.ns_button_green);
 
-	return <NSButton
-		{...props}
-		classList={classList}
-	/>;
+		return <NSButton
+			ref={this.NSButton_Base}
+			{...this.props}
+			classList={classList}
+		/>;
+	}
 }

package/src/components/NSButtonRed.tsx

@@ -1,15 +1,30 @@
+import React, { createRef } from "react";
 import { NSButton, NSButtonProps } from "./NSButton";
 import Style from "./NSButtonRed.module.css";
 
-export function NSButtonRed(props: NSButtonProps) 
+export class NSButtonRed extends React.Component<NSButtonProps>
 {
-	let classList = []
-	if (props.classList)
-		classList.push(...props.classList);
-	classList.push(Style.ns_button_red);
+	private NSButton_Base = createRef<NSButton>();
+	constructor(props: NSButtonProps)
+	{
+		super(props);
+		this.performClick = this.performClick.bind(this);
+	}
+	performClick()
+	{
+		this.NSButton_Base.current?.performClick();
+	}
+	override render()
+	{
+		let classList = []
+		if (this.props.classList)
+			classList.push(...this.props.classList);
+		classList.push(Style.ns_button_red);
 
-	return <NSButton
-		{...props}
-		classList={classList}
-	/>;
+		return <NSButton
+			ref={this.NSButton_Base}
+			{...this.props}
+			classList={classList}
+		/>;
+	}
 }