namirasoft-site-react 1.4.134 → 1.4.136

package/dist/components/NSBoxPassword.d.ts

@@ -2,19 +2,15 @@ import React from "react";
 import { IBaseComponentProps } from "../props/IBaseComponentProps";
 import { IValidationProps } from "../props/IValidationProps";
 import { IValidationStringProps } from "../props/IValidationStringProps";
-export interface NSBoxPasswordProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
-    title: string;
-    placeholder?: string;
-    defaultValue?: string;
-    onChanged?: (e: NSBoxPassword, callback?: () => void) => void;
-    onClicked?: (e: NSBoxPassword) => void;
+import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
+export interface NSBoxPasswordProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, INSBoxBaseLayoutProps<string, NSBoxPassword> {
 }
 export interface NSBoxPasswordState {
     value: string;
-    error?: string;
     show: boolean;
 }
 export declare class NSBoxPassword extends React.Component<NSBoxPasswordProps, NSBoxPasswordState> {
+    NSBoxBaseLayout_Main: React.RefObject<NSBoxBaseLayout>;
     constructor(props: NSBoxPasswordProps);
     getError(): string | null;
     getValue(checkError?: boolean): string;

package/dist/components/NSBoxPassword.js

@@ -1,14 +1,15 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { createRef } from "react";
 import StylesNSBox from "./NSBox.module.css";
 import { Validator } from "../Validator";
-import { NSLabelErrorNotifier } from "./NSLabelErrorNotifier";
-import { NSMenuButton } from "./NSMenuButton";
+import { safeMenuMenuItem } from "./NSMenuButton";
+import { NSBoxBaseLayout } from "./NSBoxBaseLayout";
 export class NSBoxPassword extends React.Component {
     constructor(props) {
         var _a;
         super(props);
+        this.NSBoxBaseLayout_Main = createRef();
         this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "", show: false };
         this.getValue = this.getValue.bind(this);
         this.setValue = this.setValue.bind(this);
@@ -19,14 +20,7 @@ export class NSBoxPassword extends React.Component {
             Validator.getErrorString(this.props.title, this.state.value, this.props));
     }
     getValue(checkError = true) {
-        if (checkError) {
-            let error = this.getError();
-            if (error) {
-                this.setState({ error });
-                throw new Error(error);
-            }
-        }
-        return this.state.value;
+        return NSBoxBaseLayout.checkGetValue(this, checkError, () => this.state.value);
     }
     setValue(value, callback) {
         this.setState({ value }, () => {
@@ -40,20 +34,22 @@ export class NSBoxPassword extends React.Component {
         this.setValue(e.target.value);
     }
     render() {
-        var _a, _b;
-        let menus = [];
-        menus.push({
-            title: this.state.show ? "Hide Password" : "Show Password",
-            icon: this.state.show ? "https://static.namirasoft.com/image/concept/password/hide.png" : "https://static.namirasoft.com/image/concept/password/show.png",
-            onClick: () => {
-                this.setState({ show: !this.state.show });
-            }
+        let menu = safeMenuMenuItem(this.props, (items) => {
+            items.push({
+                title: this.state.show ? "Hide Password" : "Show Password",
+                icon: this.state.show ? "https://static.namirasoft.com/image/concept/password/hide.png" : "https://static.namirasoft.com/image/concept/password/show.png",
+                onClick: () => {
+                    this.setState({ show: !this.state.show });
+                }
+            });
         });
-        return (_jsx(_Fragment, { children: _jsxs("div", { className: `${StylesNSBox.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: (_b = this.props.style) !== null && _b !== void 0 ? _b : {}, children: [_jsxs("div", { className: `${StylesNSBox.ns_input_bar}`, children: [_jsxs("span", { className: StylesNSBox.ns_input_title, children: [this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title] }), _jsx(NSMenuButton, { value: this.state.value, setValue: this.setValue, menus: menus, hideCopy: true, hideFullscreen: true })] }), _jsx("input", { id: this.props.id, name: this.props.name, type: this.state.show ? "text" : "password", className: StylesNSBox.ns_input, placeholder: this.props.placeholder, value: this.state.value, onChange: this.onChanged, onClick: () => { if (this.props.onClicked)
-                            this.props.onClicked(this); }, style: {
-                            background: `url("https://static.namirasoft.com/image/concept/type/password.png") white no-repeat scroll center right 4px`,
-                            backgroundSize: "24px"
-                        } }), _jsx(NSLabelErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }) }));
+        menu.builtin.copy = false;
+        menu.builtin.fullscreen = false;
+        return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { getValue: () => this.state.value, setValue: this.setValue, menu: menu, children: _jsx("input", { id: this.props.id, name: this.props.name, type: this.state.show ? "text" : "password", className: StylesNSBox.ns_box_input, placeholder: this.props.placeholder, value: this.state.value, onChange: this.onChanged, onClick: () => { if (this.props.onClicked)
+                    this.props.onClicked(this); }, style: {
+                    background: `url("https://static.namirasoft.com/image/concept/type/password.png") white no-repeat scroll center right 4px`,
+                    backgroundSize: "24px"
+                } }) })));
     }
 }
 //# sourceMappingURL=NSBoxPassword.js.map

package/dist/components/NSBoxPassword.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSBoxPassword.js","sourceRoot":"","sources":["../../src/components/NSBoxPassword.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"NSBoxPassword.js","sourceRoot":"","sources":["../../src/components/NSBoxPassword.tsx"],"names":[],"mappings":"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"}

package/dist/components/NSBoxPhone.d.ts

@@ -4,18 +4,14 @@ import 'react-phone-input-2/lib/style.css';
 import { IBaseComponentProps } from "../props/IBaseComponentProps";
 import { IValidationProps } from "../props/IValidationProps";
 import { IValidationStringProps } from "../props/IValidationStringProps";
-export interface NSBoxPhoneProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
-    title: string;
-    placeholder?: string;
-    defaultValue?: string;
-    onChanged?: (e: NSBoxPhone, callback?: () => void) => void;
-    onClicked?: (e: NSBoxPhone) => void;
+import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
+export interface NSBoxPhoneProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, INSBoxBaseLayoutProps<string, NSBoxPhone> {
 }
 export interface NSBoxPhoneState {
     value: string;
-    error?: string;
 }
 export declare class NSBoxPhone extends React.Component<NSBoxPhoneProps, NSBoxPhoneState> {
+    NSBoxBaseLayout_Main: React.RefObject<NSBoxBaseLayout>;
     constructor(props: NSBoxPhoneProps);
     getError(): string | null;
     getValue(checkError?: boolean): string;

package/dist/components/NSBoxPhone.js

@@ -1,18 +1,18 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from "react";
-import StylesNSBox from "./NSBox.module.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { createRef } from "react";
 import Styles from "./NSBoxPhone.module.css";
 import "./NSBoxPhone.module.css";
 import PhoneInput from 'react-phone-input-2';
 import 'react-phone-input-2/lib/style.css';
 import { Validator } from "../Validator";
-import { NSLabelErrorNotifier } from "./NSLabelErrorNotifier";
-import { NSMenuButton } from "./NSMenuButton";
+import { NSBoxBaseLayout } from "./NSBoxBaseLayout";
+import { safeMenuMenuItem } from "./NSMenuButton";
 export class NSBoxPhone extends React.Component {
     constructor(props) {
         var _a;
         super(props);
+        this.NSBoxBaseLayout_Main = createRef();
         this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "" };
         this.setValue = this.setValue.bind(this);
         this.getValue = this.getValue.bind(this);
@@ -22,18 +22,13 @@ export class NSBoxPhone extends React.Component {
             Validator.getErrorString(this.props.title, this.state.value, this.props));
     }
     getValue(checkError = true) {
-        var _a;
-        if (checkError) {
-            let error = this.getError();
-            if (error) {
-                this.setState({ error });
-                throw new Error(error);
-            }
-        }
-        let value = (_a = this.state.value) === null || _a === void 0 ? void 0 : _a.trim();
-        if (!(value === null || value === void 0 ? void 0 : value.startsWith('+')))
-            value = '+' + value;
-        return value;
+        return NSBoxBaseLayout.checkGetValue(this, checkError, () => {
+            var _a;
+            let value = (_a = this.state.value) === null || _a === void 0 ? void 0 : _a.trim();
+            if (!(value === null || value === void 0 ? void 0 : value.startsWith('+')))
+                value = '+' + value;
+            return value;
+        });
     }
     setValue(value, callback) {
         this.setState({ value }, () => {
@@ -44,19 +39,20 @@ export class NSBoxPhone extends React.Component {
         });
     }
     render() {
-        var _a, _b;
-        let menus = [];
-        if (!this.getError())
-            menus.push({
-                title: "Call",
-                icon: "https://static.namirasoft.com/image/concept/type/phone.png",
-                href: `tel:${this.state.value}`
-            });
-        return (_jsx(_Fragment, { children: _jsxs("div", { id: this.props.id, className: `${StylesNSBox.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: (_b = this.props.style) !== null && _b !== void 0 ? _b : {}, children: [_jsxs("div", { className: `${StylesNSBox.ns_input_bar}`, children: [_jsxs("span", { className: StylesNSBox.ns_input_title, children: [this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title] }), _jsx(NSMenuButton, { value: this.state.value, setValue: this.setValue, menus: menus, hideFullscreen: true })] }), _jsx(PhoneInput, { value: this.state.value, onChange: (value) => { this.setValue(value); }, onClick: () => { if (this.props.onClicked)
-                            this.props.onClicked(this); }, country: 'us', containerClass: Styles.ns_container, inputClass: Styles.ns_input, buttonClass: Styles.ns_button, enableSearch: true, searchClass: Styles.ns_search, dropdownClass: Styles.ns_dropdown, placeholder: this.props.placeholder, inputStyle: {
-                            background: `url("https://static.namirasoft.com/image/concept/type/phone.png") white no-repeat scroll center right 4px`,
-                            backgroundSize: "24px"
-                        } }), _jsx(NSLabelErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }) }));
+        let menu = safeMenuMenuItem(this.props, (items) => {
+            if (!this.getError())
+                items.push({
+                    title: "Call",
+                    icon: "https://static.namirasoft.com/image/concept/type/phone.png",
+                    href: `tel:${this.state.value}`
+                });
+        });
+        menu.builtin.fullscreen = false;
+        return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { getValue: () => this.state.value, setValue: this.setValue, menu: menu, children: _jsx(PhoneInput, { value: this.state.value, onChange: (value) => { this.setValue(value); }, onClick: () => { if (this.props.onClicked)
+                    this.props.onClicked(this); }, country: 'us', containerClass: Styles.ns_box_phone_container, inputClass: Styles.ns_box_phone_input, buttonClass: Styles.ns_box_phone_button, enableSearch: true, searchClass: Styles.ns_box_phone_search, dropdownClass: Styles.ns_box_phone_dropdown, placeholder: this.props.placeholder, inputStyle: {
+                    background: `url("https://static.namirasoft.com/image/concept/type/phone.png") white no-repeat scroll center right 4px`,
+                    backgroundSize: "24px"
+                } }, this.props.id) })));
     }
 }
 //# sourceMappingURL=NSBoxPhone.js.map

package/dist/components/NSBoxPhone.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSBoxPhone.js","sourceRoot":"","sources":["../../src/components/NSBoxPhone.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"NSBoxPhone.js","sourceRoot":"","sources":["../../src/components/NSBoxPhone.tsx"],"names":[],"mappings":"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"}

package/dist/components/NSBoxPhone.module.css

@@ -1,36 +1,36 @@
-.ns_container {
-	padding: 8px 32px 8px 12px;
-	height: 48px !important;
-	width: auto !important;
-	font-size: 16px;
-	font-weight: 400;
-	max-width: inherit;
-	background-size: 24px 24px;
-	padding: 0px;
-	margin: 0px;
-	display: flex;
-}
-
-.ns_input {
-	width: 100% !important;
-	height: 48px !important;
-	left: 0px;
-	border-radius: 8px 8px 8px 8px !important;
-	border: 1px solid rgba(0, 0, 0, 1) !important;
-}
-
-.ns_button {
-	border-radius: 8px 0px 0px 8px !important;
-	left: 0px;
-	border: 1px solid rgba(0, 0, 0, 1) !important;
-	/*  */
-	background-color: unset;
-}
-
-.ns_button>div {
-	background-color: unset !important;
-}
-
-.ns_dropdown {
-	width: 272px !important;
+.ns_box_phone_container {
+	padding: 8px 32px 8px 12px;
+	height: 48px !important;
+	width: auto !important;
+	font-size: 16px;
+	font-weight: 400;
+	max-width: inherit;
+	background-size: 24px 24px;
+	padding: 0px;
+	margin: 0px;
+	display: flex;
+}
+
+.ns_box_phone_input {
+	width: 100% !important;
+	height: 48px !important;
+	left: 0px;
+	border-radius: 8px 8px 8px 8px !important;
+	border: 1px solid rgba(0, 0, 0, 1) !important;
+}
+
+.ns_box_phone_button {
+	border-radius: 8px 0px 0px 8px !important;
+	left: 0px;
+	border: 1px solid rgba(0, 0, 0, 1) !important;
+	/*  */
+	background-color: unset;
+}
+
+.ns_box_phone_button>div {
+	background-color: unset !important;
+}
+
+.ns_box_phone_dropdown {
+	width: 272px !important;
 }

package/dist/components/NSBoxRadio.d.ts

@@ -2,19 +2,15 @@ import React from "react";
 import { IBaseComponentProps } from "../props/IBaseComponentProps";
 import { IValidationProps } from "../props/IValidationProps";
 import { IValidationStringProps } from "../props/IValidationStringProps";
-export interface NSBoxRadioProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
-    title: string;
-    placeholder?: string;
-    defaultValue?: boolean;
-    isSelected?: boolean;
-    onChanged?: (e: NSBoxRadio, callback?: () => void) => void;
-    onClicked?: () => void;
+import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
+export interface NSBoxRadioProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, INSBoxBaseLayoutProps<boolean, NSBoxRadio> {
+    checked?: boolean;
 }
 export interface NSBoxRadioState {
     value: boolean;
-    error?: string;
 }
 export declare class NSBoxRadio extends React.Component<NSBoxRadioProps, NSBoxRadioState> {
+    NSBoxBaseLayout_Main: React.RefObject<NSBoxBaseLayout>;
     constructor(props: NSBoxRadioProps);
     getError(): string | null;
     getValue(checkError?: boolean): boolean;

package/dist/components/NSBoxRadio.js

@@ -1,11 +1,13 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { createRef } from "react";
 import Styles from "./NSBoxRadio.module.css";
-import { NSLabelErrorNotifier } from "./NSLabelErrorNotifier";
+import { safeMenuMenuItem } from "./NSMenuButton";
+import { NSBoxBaseLayout } from "./NSBoxBaseLayout";
 export class NSBoxRadio extends React.Component {
     constructor(props) {
         var _a;
         super(props);
+        this.NSBoxBaseLayout_Main = createRef();
         this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : false };
         this.getValue = this.getValue.bind(this);
         this.setValue = this.setValue.bind(this);
@@ -15,14 +17,7 @@ export class NSBoxRadio extends React.Component {
         return null;
     }
     getValue(checkError = true) {
-        if (checkError) {
-            let error = this.getError();
-            if (error) {
-                this.setState({ error });
-                throw new Error(error);
-            }
-        }
-        return this.state.value;
+        return NSBoxBaseLayout.checkGetValue(this, checkError, () => this.state.value);
     }
     setValue(value, callback) {
         this.setState({ value }, () => {
@@ -34,18 +29,19 @@ export class NSBoxRadio extends React.Component {
     }
     onChanged(e) {
         this.setValue(e.target.checked);
-        if (this.props.onClicked)
-            this.props.onClicked();
     }
     componentDidUpdate(prevProps) {
         var _a;
-        if (prevProps.isSelected !== this.props.isSelected) {
-            this.setValue((_a = this.props.isSelected) !== null && _a !== void 0 ? _a : false);
+        if (prevProps.checked !== this.props.checked) {
+            this.setValue((_a = this.props.checked) !== null && _a !== void 0 ? _a : false);
         }
     }
     render() {
-        var _a, _b;
-        return (_jsx(_Fragment, { children: _jsxs("div", { className: `${Styles.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: (_b = this.props.style) !== null && _b !== void 0 ? _b : {}, children: [_jsx("label", { htmlFor: this.props.id, children: _jsxs("div", { className: Styles.ns_checkbox_parent, children: [_jsx("input", { id: this.props.id, type: "radio", name: this.props.name, className: Styles.ns_input, checked: this.state.value, onChange: this.onChanged }), _jsxs("span", { className: Styles.ns_input_title, children: [this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title] })] }) }), _jsx(NSLabelErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }) }));
+        let menu = safeMenuMenuItem(this.props, () => { });
+        menu.builtin.copy = false;
+        menu.builtin.fullscreen = false;
+        return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { getValue: () => "", setValue: () => { }, menu: menu, children: _jsxs("label", { className: `ns-font-16-normal ${Styles.ns_box_radio_label}`, htmlFor: this.props.name, children: [_jsx("input", { id: this.props.id, name: this.props.name, type: "radio", className: Styles.ns_box_radio_input, checked: this.state.value, onChange: this.onChanged, onClick: () => { if (this.props.onClicked)
+                            this.props.onClicked(this); } }), _jsx("span", { style: { width: "0px" } }), this.props.hideHeader && this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), this.props.title] }) })));
     }
 }
 //# sourceMappingURL=NSBoxRadio.js.map

package/dist/components/NSBoxRadio.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSBoxRadio.js","sourceRoot":"","sources":["../../src/components/NSBoxRadio.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"NSBoxRadio.js","sourceRoot":"","sources":["../../src/components/NSBoxRadio.tsx"],"names":[],"mappings":"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"}

package/dist/components/NSBoxRadio.module.css

@@ -1,70 +1,34 @@
-.ns_input_parent {
-    display: flex;
-    flex-direction: column;
-    width: fit-content;
-    color: #141B5C;
-    position: relative;
-    justify-content: center;
-    max-width: 272px;
-    width: 100%;
-    border: 1px solid rgba(0, 0, 0, 1) !important;
-    background-color: #fff;
-    border-radius: 8px;
-    cursor: pointer;
-}
-
-.ns_input_title {
-    font-size: 16px;
-    font-weight: 400;
-}
-
-.ns_checkbox_parent {
-    padding: 10px 12px 10px 12px;
-    font-size: 16px;
-    font-weight: 400;
-    position: relative;
-    width: 100%;
-    display: flex;
-    flex-direction: row;
-    justify-content: left;
-    align-items: center;
-    height: 48px;
-    gap: 5px;
-}
-
-.ns_input {
-    width: 16px;
-    height: 16px;
-    cursor: pointer;
-}
-
-.ns_input:focus-visible {
-    border-color: rgba(0, 0, 0, 1) !important;
-    outline: solid 1px #4096ff !important;
-}
-
-.ns_input:checked {
-    accent-color: #141B5C;
-}
-
-.ns_checkbox_parent label {
-    cursor: pointer;
-    color: #141B5C;
-    font-size: 16px;
-    font-weight: 300;
-    font-family: inherit;
-}
-
-@media only screen and (min-width: 380px) {
-    .ns_checkbox_parent {
-        width: 100%;
-    }
-}
-
-.ns_input_transparent {
-    position: absolute;
-    z-index: 1;
-    width: 100%;
-    height: 100%;
-    background: transparent;
+.ns_box_radio_label {
+    width: 100%;
+    height: 48px;
+    padding: 10px 12px 10px 12px;
+    background-color: #fff;
+    color: #141B5C;
+    border-radius: 8px;
+    border: 1px solid rgba(0, 0, 0, 1) !important;
+    font-size: 16px;
+    font-weight: 400;
+    font-family: inherit;
+    cursor: pointer;
+    position: relative;
+    display: flex;
+    flex-direction: row;
+    justify-content: left;
+    align-items: center;
+    gap: 4px;
+}
+
+.ns_box_radio_input {
+    width: 24px;
+    height: 24px;
+    cursor: pointer;
+}
+
+.ns_box_radio_input:focus-visible {
+    border-color: rgba(0, 0, 0, 1) !important;
+    outline: solid 1px #4096ff !important;
+}
+
+.ns_box_radio_input:checked {
+    accent-color: #141B5C;
 }

package/dist/components/NSBoxSearch.d.ts

@@ -2,18 +2,20 @@ import React from "react";
 import { IBaseComponentProps } from "../props/IBaseComponentProps";
 import { IValidationProps } from "../props/IValidationProps";
 import { IValidationStringProps } from "../props/IValidationStringProps";
-export interface NSBoxSearchProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
+import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
+export interface NSBoxSearchProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, INSBoxBaseLayoutProps<string, NSBoxSearch> {
     title: string;
     placeholder?: string;
     defaultValue?: string;
+    hideHeader?: boolean;
     onChanged?: (e: NSBoxSearch, callback?: () => void) => void;
     onClicked?: (e: NSBoxSearch) => void;
 }
 export interface NSBoxSearchState {
     value: string;
-    error?: string;
 }
 export declare class NSBoxSearch extends React.Component<NSBoxSearchProps, NSBoxSearchState> {
+    NSBoxBaseLayout_Main: React.RefObject<NSBoxBaseLayout>;
     constructor(props: NSBoxSearchProps);
     getError(): string | null;
     getValue(checkError?: boolean): string;

package/dist/components/NSBoxSearch.js

@@ -1,14 +1,14 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { createRef } from "react";
 import { Validator } from "../Validator";
-import { NSLabelErrorNotifier } from "./NSLabelErrorNotifier";
-import { NSMenuButton } from "./NSMenuButton";
 import StylesNSBox from "./NSBox.module.css";
+import { NSBoxBaseLayout } from "./NSBoxBaseLayout";
 export class NSBoxSearch extends React.Component {
     constructor(props) {
         var _a;
         super(props);
+        this.NSBoxBaseLayout_Main = createRef();
         this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "" };
         this.getValue = this.getValue.bind(this);
         this.setValue = this.setValue.bind(this);
@@ -19,14 +19,7 @@ export class NSBoxSearch extends React.Component {
             Validator.getErrorString(this.props.title, this.state.value, this.props));
     }
     getValue(checkError = true) {
-        if (checkError) {
-            let error = this.getError();
-            if (error) {
-                this.setState({ error });
-                throw new Error(error);
-            }
-        }
-        return this.state.value;
+        return NSBoxBaseLayout.checkGetValue(this, checkError, () => this.state.value);
     }
     setValue(value, callback) {
         this.setState({ value }, () => {
@@ -40,12 +33,11 @@ export class NSBoxSearch extends React.Component {
         this.setValue(e.target.value);
     }
     render() {
-        var _a, _b;
-        return (_jsx(_Fragment, { children: _jsxs("div", { className: `${StylesNSBox.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: (_b = this.props.style) !== null && _b !== void 0 ? _b : {}, children: [_jsxs("div", { className: `${StylesNSBox.ns_input_bar}`, children: [_jsxs("span", { className: StylesNSBox.ns_input_title, children: [this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title] }), _jsx(NSMenuButton, { value: this.state.value, setValue: this.setValue })] }), _jsx("input", { id: this.props.id, name: this.props.name, type: "text", className: StylesNSBox.ns_input, placeholder: this.props.placeholder, value: this.state.value, onChange: this.onChanged, onClick: () => { if (this.props.onClicked)
-                            this.props.onClicked(this); }, style: {
-                            background: `url(${"https://static.namirasoft.com/image/concept/search/blue.svg"}) white no-repeat scroll center right 4px`,
-                            backgroundSize: "24px",
-                        } }), _jsx(NSLabelErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }) }));
+        return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { getValue: () => this.state.value, setValue: this.setValue, children: _jsx("input", { id: this.props.id, name: this.props.name, type: "text", className: StylesNSBox.ns_box_input, placeholder: this.props.placeholder, value: this.state.value, onChange: this.onChanged, onClick: () => { if (this.props.onClicked)
+                    this.props.onClicked(this); }, style: {
+                    background: `url(${"https://static.namirasoft.com/image/concept/search/blue.svg"}) white no-repeat scroll center right 4px`,
+                    backgroundSize: "24px",
+                } }) })));
     }
 }
 //# sourceMappingURL=NSBoxSearch.js.map

package/dist/components/NSBoxSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSBoxSearch.js","sourceRoot":"","sources":["../../src/components/NSBoxSearch.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"NSBoxSearch.js","sourceRoot":"","sources":["../../src/components/NSBoxSearch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAyB,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAiB3E,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAA6C;IAGnF,YAAY,KAAuB;;QAElC,KAAK,CAAC,KAAK,CAAC,CAAC;QAHd,yBAAoB,GAAG,SAAS,EAAmB,CAAC;QAInD,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,EAAE,EAAE,CAAC;QACjD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5C,CAAC;IACD,QAAQ;QAEP,OAAO,CACN,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC;YAClE,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CACxE,CAAC;IACH,CAAC;IACD,QAAQ,CAAC,aAAsB,IAAI;QAElC,OAAO,eAAe,CAAC,aAAa,CAAC,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAChF,CAAC;IACD,QAAQ,CAAC,KAAa,EAAE,QAAqB;QAE5C,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE;YAE7B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;gBACvB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;iBACjC,IAAI,QAAQ;gBAChB,QAAQ,EAAE,CAAC;QACb,CAAC,CAAC,CAAC;IACJ,CAAC;IACO,SAAS,CAAC,CAAsC;QAEvD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;IACQ,MAAM;QAEd,OAAO,CACN,KAAC,eAAe,kBACf,GAAG,EAAE,IAAI,CAAC,oBAAoB,IAC1B,IAAI,CAAC,KAAK,IACd,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAChC,QAAQ,EAAE,IAAI,CAAC,QAAQ,YAEvB,gBACC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EACjB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACrB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,WAAW,CAAC,YAAY,EACnC,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,SAAS,EACxB,OAAO,EAAE,GAAG,EAAE,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;oBAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EACxE,KAAK,EAAE;oBACN,UAAU,EAAE,OAAO,6DAA6D,2CAA2C;oBAC3H,cAAc,EAAE,MAAM;iBACtB,GACA,IACe,CAClB,CAAC;IACH,CAAC;CACD"}