namirasoft-site-react 1.4.165 → 1.4.167

package/dist/components/NSBoxSchemaBase.module.css

@@ -0,0 +1,18 @@
+.ns_box_schema_base_required_withoutname {
+	flex-grow: 1;
+}
+
+
+@media only screen and (min-width: 768px) {
+	.ns_box_schema_base_type {
+		width: 176px;
+	}
+
+	.ns_box_schema_base_name {
+		flex-grow: 1;
+	}
+
+	.ns_box_schema_base_required_withname {
+		width: 100px;
+	}
+}

package/dist/components/NSBoxSchemaVariable.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+import { IValidationProps } from "../props/IValidationProps";
+import { IValidationStringProps } from "../props/IValidationStringProps";
+import { INSBoxBaseLayoutProps } from "./NSBoxBaseLayout";
+import { INSBox } from "./INSBox";
+import { BaseVariableSchema } from "namirasoft-schema";
+import { NSBoxBaseLayoutRecursive } from "./NSBoxBaseLayoutRecursive";
+export interface NSBoxSchemaVariableProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, INSBoxBaseLayoutProps<BaseVariableSchema, NSBoxSchemaVariable> {
+    depth?: number;
+}
+export interface NSBoxSchemaVariableState {
+    show_value: BaseVariableSchema | null;
+    show_error: string | null;
+}
+export declare class NSBoxSchemaVariable extends React.Component<NSBoxSchemaVariableProps, NSBoxSchemaVariableState> implements INSBox {
+    private service;
+    private NSBoxString_Name;
+    private NSBoxString_Default;
+    private NSBoxBoolean_Multiple;
+    private NSBoxSchemaBase_Type;
+    private NSBoxTextArea_Value;
+    private NSBoxDynamic_Value;
+    NSBoxBaseLayoutRecursive_Main: React.RefObject<NSBoxBaseLayoutRecursive>;
+    constructor(props: NSBoxSchemaVariableProps);
+    isEmpty(value: BaseVariableSchema | null): boolean;
+    getError(): string | null;
+    getValue(checkError?: boolean): BaseVariableSchema | null;
+    setValue(value: BaseVariableSchema | null, callback?: () => void): void;
+    private onChanged;
+    render(): import("react/jsx-runtime").JSX.Element;
+}

package/dist/components/NSBoxSchemaVariable.js

@@ -0,0 +1,127 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { createRef } from "react";
+import Styles from "./NSBoxSchemaVariable.module.css";
+import { safeMenuMenuItem } from "./NSMenuButton";
+import { NSRow } from "./NSRow";
+import { NSBoxString } from "./NSBoxString";
+import { BaseVariableSchema } from "namirasoft-schema";
+import { NSBoxSchemaBase } from "./NSBoxSchemaBase";
+import { NSBoxBaseLayoutRecursive } from "./NSBoxBaseLayoutRecursive";
+import { NSDialog } from "./NSDialog";
+import { NSBoxDynamic } from "./NSBoxDynamic";
+import { NSBoxBoolean } from "./NSBoxBoolean";
+import { NSSpace, NSSpaceSizeType } from "./NSSpace";
+import { NSLine } from "./NSLine";
+import { NSTitle } from "./NSTitle";
+import { NSButtonBlue } from "./NSButtonBlue";
+import { NSBoxTextArea } from "./NSBoxTextArea";
+import { NSBox } from "./NSBox";
+import { SetTimeouService } from "namirasoft-core";
+export class NSBoxSchemaVariable extends React.Component {
+    constructor(props) {
+        super(props);
+        this.service = new SetTimeouService();
+        this.NSBoxString_Name = createRef();
+        this.NSBoxString_Default = createRef();
+        this.NSBoxBoolean_Multiple = createRef();
+        this.NSBoxSchemaBase_Type = createRef();
+        this.NSBoxTextArea_Value = createRef();
+        this.NSBoxDynamic_Value = createRef();
+        this.NSBoxBaseLayoutRecursive_Main = createRef();
+        this.state = { show_value: null, show_error: null };
+        this.isEmpty = this.isEmpty.bind(this);
+        this.getError = this.getError.bind(this);
+        this.getValue = this.getValue.bind(this);
+        this.setValue = this.setValue.bind(this);
+        this.onChanged = this.onChanged.bind(this);
+    }
+    isEmpty(value) {
+        if (value)
+            if (value.name || value.type || value.defaultValue)
+                return false;
+        return true;
+    }
+    getError() {
+        return null;
+    }
+    getValue(checkError = true) {
+        return NSBoxBaseLayoutRecursive.checkGetValue(this, checkError, () => {
+            var _a, _b, _c, _d, _e, _f;
+            let name = (_a = this.NSBoxString_Name.current) === null || _a === void 0 ? void 0 : _a.getValue(checkError);
+            let type = (_b = this.NSBoxSchemaBase_Type.current) === null || _b === void 0 ? void 0 : _b.getValue(checkError);
+            let defaultValue = (_d = (_c = this.NSBoxString_Default.current) === null || _c === void 0 ? void 0 : _c.getValue(checkError)) !== null && _d !== void 0 ? _d : "";
+            let multiple = (_f = (_e = this.NSBoxBoolean_Multiple.current) === null || _e === void 0 ? void 0 : _e.getValue(checkError)) !== null && _f !== void 0 ? _f : false;
+            if (name && type) {
+                let ans = new BaseVariableSchema(name, type, defaultValue);
+                if (multiple)
+                    ans.tags["multiple"] = "true";
+                return ans;
+            }
+            return null;
+        });
+    }
+    setValue(value, callback) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        (_a = this.NSBoxString_Name.current) === null || _a === void 0 ? void 0 : _a.setValue((_b = value === null || value === void 0 ? void 0 : value.name) !== null && _b !== void 0 ? _b : null);
+        (_c = this.NSBoxSchemaBase_Type.current) === null || _c === void 0 ? void 0 : _c.setValue((_d = value === null || value === void 0 ? void 0 : value.type) !== null && _d !== void 0 ? _d : null);
+        (_e = this.NSBoxString_Default.current) === null || _e === void 0 ? void 0 : _e.setValue((_f = value === null || value === void 0 ? void 0 : value.defaultValue) !== null && _f !== void 0 ? _f : null);
+        (_g = this.NSBoxBoolean_Multiple.current) === null || _g === void 0 ? void 0 : _g.setValue((value === null || value === void 0 ? void 0 : value.tags["multiple"]) === "true");
+        (_j = (_h = this.props).onChanged) === null || _j === void 0 ? void 0 : _j.call(_h, this);
+        callback === null || callback === void 0 ? void 0 : callback();
+    }
+    onChanged() {
+        var _a, _b;
+        (_b = (_a = this.props).onChanged) === null || _b === void 0 ? void 0 : _b.call(_a, this);
+    }
+    render() {
+        var _a, _b;
+        let menu = safeMenuMenuItem(this.props, (items) => {
+            items.push({
+                title: "Variable",
+                icon: "https://static.namirasoft.com/image/concept/detail/blue.svg",
+                onClick: () => {
+                    try {
+                        let value = this.getValue(true);
+                        this.setState({ show_value: value });
+                    }
+                    catch (error) {
+                    }
+                }
+            });
+        });
+        return (_jsxs(NSBoxBaseLayoutRecursive, Object.assign({ ref: this.NSBoxBaseLayoutRecursive_Main, id: this.props.id }, this.props, { depth: (_a = this.props.depth) !== null && _a !== void 0 ? _a : 0, menu: menu, children: [_jsxs(NSRow, { children: [_jsx(NSBoxString, { ref: this.NSBoxString_Name, required: true, title: "Name", onChanged: this.onChanged, classList: [Styles.ns_box_schema_variable_name] }), _jsx(NSBoxString, { ref: this.NSBoxString_Default, required: false, title: "Default", onChanged: this.onChanged, classList: [Styles.ns_box_schema_variable_default] }), _jsx(NSBoxBoolean, { ref: this.NSBoxBoolean_Multiple, required: true, title: "Multiple", onChanged: this.onChanged, classList: [Styles.ns_box_schema_variable_multiple] })] }), _jsx(NSBoxSchemaBase, { ref: this.NSBoxSchemaBase_Type, required: true, title: "Type", onChanged: this.onChanged, style: { width: "100%" }, depth: ((_b = this.props.depth) !== null && _b !== void 0 ? _b : 0) + 1 }), this.state.show_value &&
+                    _jsxs(NSDialog, { center_dialog: true, onClose: () => this.setState({ show_value: null }), children: [_jsx(NSTitle, { title: "Output" }), _jsx(NSBoxDynamic, { ref: this.NSBoxDynamic_Value, title: this.state.show_value.name, variable: this.state.show_value, style: { width: "100%", height: "100%" } }), _jsx(NSSpace, { size: NSSpaceSizeType.LARGE }), _jsx(NSLine, {}), this.state.show_error === "" &&
+                                _jsx(NSTitle, { title: "It's valid", style: { color: "green" } }), this.state.show_error &&
+                                _jsx(NSTitle, { title: "It's Not valid", style: { color: "red" } }), _jsxs(NSRow, { children: [_jsx(NSButtonBlue, { title: 'Get Value', onClick: () => {
+                                            var _a, _b;
+                                            try {
+                                                let value = (_a = this.NSBoxDynamic_Value.current) === null || _a === void 0 ? void 0 : _a.getValue(false);
+                                                (_b = this.NSBoxTextArea_Value.current) === null || _b === void 0 ? void 0 : _b.setValue(value !== null && value !== void 0 ? value : "");
+                                            }
+                                            catch (error) {
+                                                alert(error);
+                                            }
+                                        } }), _jsx(NSButtonBlue, { title: 'Set Value', onClick: () => {
+                                            var _a, _b;
+                                            try {
+                                                let value = (_a = this.NSBoxTextArea_Value.current) === null || _a === void 0 ? void 0 : _a.getValue();
+                                                (_b = this.NSBoxDynamic_Value.current) === null || _b === void 0 ? void 0 : _b.setValue(value !== null && value !== void 0 ? value : null);
+                                            }
+                                            catch (error) {
+                                                alert(error);
+                                            }
+                                        } }), _jsx(NSButtonBlue, { title: 'Check Error', onClick: () => {
+                                            var _a;
+                                            try {
+                                                (_a = this.NSBoxDynamic_Value.current) === null || _a === void 0 ? void 0 : _a.getValue(true);
+                                                this.setState({ show_error: "" });
+                                            }
+                                            catch (error) {
+                                                this.setState({ show_error: error.message });
+                                            }
+                                            this.service.setTimeoutIfNotCalledAgain(() => this.setState({ show_error: null }), 3000);
+                                        } })] }), _jsx(NSBoxTextArea, { ref: this.NSBoxTextArea_Value, title: 'Value', required: false, style: { width: NSBox.width.triple } })] })] })));
+    }
+}
+//# sourceMappingURL=NSBoxSchemaVariable.js.map

package/dist/components/NSBoxSchemaVariable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSBoxSchemaVariable.js","sourceRoot":"","sources":["../../src/components/NSBoxSchemaVariable.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,MAAM,MAAM,kCAAkC,CAAC;AAItD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGlD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAanD,MAAM,OAAO,mBAAoB,SAAQ,KAAK,CAAC,SAA6D;IAW3G,YAAY,KAA+B;QAE1C,KAAK,CAAC,KAAK,CAAC,CAAC;QAXN,YAAO,GAAG,IAAI,gBAAgB,EAAE,CAAC;QACjC,qBAAgB,GAAG,SAAS,EAAe,CAAC;QAC5C,wBAAmB,GAAG,SAAS,EAAe,CAAC;QAC/C,0BAAqB,GAAG,SAAS,EAAgB,CAAC;QAClD,yBAAoB,GAAG,SAAS,EAAmB,CAAC;QACpD,wBAAmB,GAAG,SAAS,EAAiB,CAAC;QACjD,uBAAkB,GAAG,SAAS,EAAgB,CAAC;QACvD,kCAA6B,GAAG,SAAS,EAA4B,CAAC;QAKrE,IAAI,CAAC,KAAK,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC;QACpD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvC,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,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,OAAO,CAAC,KAAgC;QAEvC,IAAI,KAAK;YACR,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,YAAY;gBACjD,OAAO,KAAK,CAAC;QACf,OAAO,IAAI,CAAC;IACb,CAAC;IACD,QAAQ;QAEP,OAAO,IAAI,CAAC;IAKb,CAAC;IACD,QAAQ,CAAC,aAAsB,IAAI;QAElC,OAAO,wBAAwB,CAAC,aAAa,CAAC,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE;;YAEpE,IAAI,IAAI,GAAG,MAAA,IAAI,CAAC,gBAAgB,CAAC,OAAO,0CAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;YAC/D,IAAI,IAAI,GAAG,MAAA,IAAI,CAAC,oBAAoB,CAAC,OAAO,0CAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;YACnE,IAAI,YAAY,GAAG,MAAA,MAAA,IAAI,CAAC,mBAAmB,CAAC,OAAO,0CAAE,QAAQ,CAAC,UAAU,CAAC,mCAAI,EAAE,CAAC;YAChF,IAAI,QAAQ,GAAG,MAAA,MAAA,IAAI,CAAC,qBAAqB,CAAC,OAAO,0CAAE,QAAQ,CAAC,UAAU,CAAC,mCAAI,KAAK,CAAC;YACjF,IAAI,IAAI,IAAI,IAAI,EAChB,CAAC;gBACA,IAAI,GAAG,GAAG,IAAI,kBAAkB,CAAC,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;gBAC3D,IAAI,QAAQ;oBACX,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,MAAM,CAAC;gBAC/B,OAAO,GAAG,CAAC;YACZ,CAAC;YACD,OAAO,IAAI,CAAC;QACb,CAAC,CAAC,CAAC;IACJ,CAAC;IACD,QAAQ,CAAC,KAAgC,EAAE,QAAqB;;QAE/D,MAAA,IAAI,CAAC,gBAAgB,CAAC,OAAO,0CAAE,QAAQ,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,mCAAI,IAAI,CAAE,CAAC;QAC9D,MAAA,IAAI,CAAC,oBAAoB,CAAC,OAAO,0CAAE,QAAQ,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,mCAAI,IAAI,CAAC,CAAC;QACjE,MAAA,IAAI,CAAC,mBAAmB,CAAC,OAAO,0CAAE,QAAQ,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,mCAAI,IAAI,CAAC,CAAC;QACxE,MAAA,IAAI,CAAC,qBAAqB,CAAC,OAAO,0CAAE,QAAQ,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAC,UAAU,CAAC,MAAK,MAAM,CAAC,CAAC;QACjF,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,SAAS,mDAAG,IAAI,CAAC,CAAC;QAC7B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAC;IACd,CAAC;IACO,SAAS;;QAEhB,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,SAAS,mDAAG,IAAI,CAAC,CAAC;IAC9B,CAAC;IACQ,MAAM;;QAEd,IAAI,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;YAEjD,KAAK,CAAC,IAAI,CAAC;gBACV,KAAK,EAAE,UAAU;gBACjB,IAAI,EAAE,6DAA6D;gBACnE,OAAO,EAAE,GAAG,EAAE;oBAEb,IACA,CAAC;wBACA,IAAI,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;wBAChC,IAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC;oBACtC,CAAC;oBAAC,OAAO,KAAK,EACd,CAAC;oBACD,CAAC;gBACF,CAAC;aACD,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,OAAO,CACN,MAAC,wBAAwB,kBACxB,GAAG,EAAE,IAAI,CAAC,6BAA6B,EACvC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,IACb,IAAI,CAAC,KAAK,IACd,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,mCAAI,CAAC,EAC5B,IAAI,EAAE,IAAI,aAEV,MAAC,KAAK,eAEL,KAAC,WAAW,IACX,GAAG,EAAE,IAAI,CAAC,gBAAgB,EAC1B,QAAQ,EAAE,IAAI,EACd,KAAK,EAAC,MAAM,EACZ,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,CAAC,MAAM,CAAC,2BAA2B,CAAC,GAC9C,EACF,KAAC,WAAW,IACX,GAAG,EAAE,IAAI,CAAC,mBAAmB,EAC7B,QAAQ,EAAE,KAAK,EACf,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,CAAC,MAAM,CAAC,8BAA8B,CAAC,GACjD,EACF,KAAC,YAAY,IACZ,GAAG,EAAE,IAAI,CAAC,qBAAqB,EAC/B,QAAQ,QACR,KAAK,EAAC,UAAU,EAChB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,CAAC,MAAM,CAAC,+BAA+B,CAAC,GAClD,IACK,EACR,KAAC,eAAe,IACf,GAAG,EAAE,IAAI,CAAC,oBAAoB,EAC9B,QAAQ,QACR,KAAK,EAAC,MAAM,EACZ,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACxB,KAAK,EAAE,CAAC,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,mCAAI,CAAC,CAAC,GAAG,CAAC,GACjC,EAED,IAAI,CAAC,KAAK,CAAC,UAAU;oBACrB,MAAC,QAAQ,IACR,aAAa,QACb,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,aAElD,KAAC,OAAO,IACP,KAAK,EAAC,QAAQ,GACb,EACF,KAAC,YAAY,IACZ,GAAG,EAAE,IAAI,CAAC,kBAAkB,EAC5B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,EACjC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAC/B,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GACvC,EACF,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,KAAK,GAAI,EACxC,KAAC,MAAM,KAAG,EAET,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,EAAE;gCAC5B,KAAC,OAAO,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,GAAI,EAGzD,IAAI,CAAC,KAAK,CAAC,UAAU;gCACrB,KAAC,OAAO,IAAC,KAAK,EAAC,gBAAgB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAI,EAE5D,MAAC,KAAK,eACL,KAAC,YAAY,IACZ,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE,GAAG,EAAE;;4CAEb,IACA,CAAC;gDACA,IAAI,KAAK,GAAG,MAAA,IAAI,CAAC,kBAAkB,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;gDAC7D,MAAA,IAAI,CAAC,mBAAmB,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,CAAC,CAAC;4CACzD,CAAC;4CAAC,OAAO,KAAK,EACd,CAAC;gDACA,KAAK,CAAC,KAAK,CAAC,CAAC;4CACd,CAAC;wCACF,CAAC,GACA,EACF,KAAC,YAAY,IACZ,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE,GAAG,EAAE;;4CAEb,IACA,CAAC;gDACA,IAAI,KAAK,GAAG,MAAA,IAAI,CAAC,mBAAmB,CAAC,OAAO,0CAAE,QAAQ,EAAE,CAAC;gDACzD,MAAA,IAAI,CAAC,kBAAkB,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,IAAI,CAAC,CAAC;4CAC1D,CAAC;4CAAC,OAAO,KAAK,EACd,CAAC;gDACA,KAAK,CAAC,KAAK,CAAC,CAAC;4CACd,CAAC;wCACF,CAAC,GACA,EACF,KAAC,YAAY,IACZ,KAAK,EAAC,aAAa,EACnB,OAAO,EAAE,GAAG,EAAE;;4CAEb,IACA,CAAC;gDACA,MAAA,IAAI,CAAC,kBAAkB,CAAC,OAAO,0CAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;gDAChD,IAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC;4CACnC,CAAC;4CAAC,OAAO,KAAK,EACd,CAAC;gDACA,IAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAG,KAAe,CAAC,OAAO,EAAE,CAAC,CAAC;4CACzD,CAAC;4CACD,IAAI,CAAC,OAAO,CAAC,0BAA0B,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;wCAC1F,CAAC,GACA,IACK,EAER,KAAC,aAAa,IACb,GAAG,EAAE,IAAI,CAAC,mBAAmB,EAC7B,KAAK,EAAC,OAAO,EACb,QAAQ,EAAE,KAAK,EACf,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,GACpB,IACP,KAEc,CAC3B,CAAC;IACH,CAAC;CACD"}

package/dist/components/NSBoxSchemaVariable.module.css

@@ -0,0 +1,17 @@
+.ns_box_schema_variable_default {
+	flex-grow: 1;
+}
+
+@media only screen and (min-width: 768px) {
+	.ns_box_schema_variable_name {
+		width: 192px;
+	}
+
+	.ns_box_schema_variable_default {
+		width: 100px;
+	}
+
+	.ns_box_schema_variable_multiple {
+		width: 100px;
+	}
+}

package/dist/components/NSBoxSearch.d.ts

@@ -3,6 +3,7 @@ import { IBaseComponentProps } from "../props/IBaseComponentProps";
 import { IValidationProps } from "../props/IValidationProps";
 import { IValidationStringProps } from "../props/IValidationStringProps";
 import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
+import { INSBox } from "./INSBox";
 export interface NSBoxSearchProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, INSBoxBaseLayoutProps<string, NSBoxSearch> {
     title: string;
     placeholder?: string;
@@ -12,15 +13,15 @@ export interface NSBoxSearchProps extends IBaseComponentProps, IValidationProps,
     onClicked?: (e: NSBoxSearch) => void;
 }
 export interface NSBoxSearchState {
-    value: string;
+    value: string | null;
 }
-export declare class NSBoxSearch extends React.Component<NSBoxSearchProps, NSBoxSearchState> {
+export declare class NSBoxSearch extends React.Component<NSBoxSearchProps, NSBoxSearchState> implements INSBox {
     input: React.RefObject<HTMLInputElement>;
     NSBoxBaseLayout_Main: React.RefObject<NSBoxBaseLayout>;
     constructor(props: NSBoxSearchProps);
+    isEmpty(value: string): boolean;
     getError(): string | null;
-    getValue(checkError?: boolean): string;
-    setValue(value: string, callback?: () => void): void;
-    private onChanged;
+    getValue(checkError?: boolean): string | null;
+    setValue(value: string | null, callback?: () => void): void;
     render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/components/NSBoxSearch.js

@@ -5,17 +5,23 @@ import { Validator } from "../Validator";
 import StylesNSBox from "./NSBox.module.css";
 import { NSBoxBaseLayout } from "./NSBoxBaseLayout";
 import { NamingConvention } from "namirasoft-core";
+import { safeMenuMenuItem } from "./NSMenuButton";
 export class NSBoxSearch extends React.Component {
     constructor(props) {
         var _a;
         super(props);
         this.input = createRef();
         this.NSBoxBaseLayout_Main = createRef();
-        this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "" };
+        this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : null };
+        this.isEmpty = this.isEmpty.bind(this);
         this.getError = this.getError.bind(this);
         this.getValue = this.getValue.bind(this);
         this.setValue = this.setValue.bind(this);
-        this.onChanged = this.onChanged.bind(this);
+    }
+    isEmpty(value) {
+        if ((value !== null && value !== void 0 ? value : "").trim())
+            return false;
+        return true;
     }
     getError() {
         return (Validator.getError(this.props.title, this.state.value, this.props) ||
@@ -26,19 +32,17 @@ export class NSBoxSearch extends React.Component {
     }
     setValue(value, callback) {
         this.setState({ value }, () => {
-            if (this.props.onChanged)
-                this.props.onChanged(this, callback);
-            else if (callback)
-                callback();
+            var _a, _b;
+            (_b = (_a = this.props).onChanged) === null || _b === void 0 ? void 0 : _b.call(_a, this);
+            callback === null || callback === void 0 ? void 0 : callback();
         });
     }
-    onChanged(e) {
-        this.setValue(e.target.value);
-    }
     render() {
-        var _a;
-        return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { getValue: () => this.state.value, setValue: this.setValue, children: _jsx("input", { ref: this.input, id: this.props.id, name: this.props.name, type: "text", className: StylesNSBox.ns_box_input, placeholder: (_a = this.props.placeholder) !== null && _a !== void 0 ? _a : `Please enter ${NamingConvention.auto.convert(this.props.title, NamingConvention.lower_case_space)}`, value: this.state.value, onChange: this.onChanged, onClick: () => { if (this.props.onClicked)
-                    this.props.onClicked(this); }, style: {
+        var _a, _b;
+        let menu = safeMenuMenuItem(this.props, () => { });
+        menu.builtin.copy = { enabled: true, getValue: () => { var _a; return (_a = this.state.value) !== null && _a !== void 0 ? _a : ""; } };
+        menu.builtin.fullscreen = { enabled: true, getValue: () => { var _a; return (_a = this.state.value) !== null && _a !== void 0 ? _a : ""; }, setValue: this.setValue };
+        return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { menu: menu, children: _jsx("input", { ref: this.input, id: this.props.id, name: this.props.name, type: "text", className: StylesNSBox.ns_box_input, placeholder: (_a = this.props.placeholder) !== null && _a !== void 0 ? _a : `Please enter ${NamingConvention.auto.convert(this.props.title, NamingConvention.lower_case_space)}`, value: (_b = this.state.value) !== null && _b !== void 0 ? _b : "", onChange: e => this.setValue(e.target.value), onClick: () => { var _a, _b; (_b = (_a = this.props).onClicked) === null || _b === void 0 ? void 0 : _b.call(_a, this); }, style: {
                     background: `url(${"https://static.namirasoft.com/image/concept/search/blue.svg"}) white no-repeat scroll center right 4px`,
                     backgroundSize: "24px",
                 } }) })));

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":"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"}

package/dist/components/NSBoxString.d.ts

@@ -3,17 +3,18 @@ import { IBaseComponentProps } from "../props/IBaseComponentProps";
 import { IValidationProps } from "../props/IValidationProps";
 import { IValidationStringProps } from "../props/IValidationStringProps";
 import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
+import { INSBox } from "./INSBox";
 export interface NSBoxStringProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, INSBoxBaseLayoutProps<string, NSBoxString> {
 }
 export interface NSBoxStringState {
-    value: string;
+    value: string | null;
 }
-export declare class NSBoxString extends React.Component<NSBoxStringProps, NSBoxStringState> {
+export declare class NSBoxString extends React.Component<NSBoxStringProps, NSBoxStringState> implements INSBox {
     NSBoxBaseLayout_Main: React.RefObject<NSBoxBaseLayout>;
     constructor(props: NSBoxStringProps);
+    isEmpty(value: string): boolean;
     getError(): string | null;
-    getValue(checkError?: boolean): string;
-    setValue(value: string, callback?: () => void): void;
-    private onChanged;
+    getValue(checkError?: boolean): string | null;
+    setValue(value: string | null, callback?: () => void): void;
     render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/components/NSBoxString.js

@@ -5,16 +5,22 @@ import { Validator } from "../Validator";
 import StylesNSBox from "./NSBox.module.css";
 import { NSBoxBaseLayout } from "./NSBoxBaseLayout";
 import { NamingConvention } from "namirasoft-core";
+import { safeMenuMenuItem } from "./NSMenuButton";
 export class NSBoxString 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.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : null };
+        this.isEmpty = this.isEmpty.bind(this);
         this.getError = this.getError.bind(this);
         this.getValue = this.getValue.bind(this);
         this.setValue = this.setValue.bind(this);
-        this.onChanged = this.onChanged.bind(this);
+    }
+    isEmpty(value) {
+        if ((value !== null && value !== void 0 ? value : "").trim())
+            return false;
+        return true;
     }
     getError() {
         return (Validator.getError(this.props.title, this.state.value, this.props) ||
@@ -25,19 +31,17 @@ export class NSBoxString extends React.Component {
     }
     setValue(value, callback) {
         this.setState({ value }, () => {
-            if (this.props.onChanged)
-                this.props.onChanged(this, callback);
-            else if (callback)
-                callback();
+            var _a, _b;
+            (_b = (_a = this.props).onChanged) === null || _b === void 0 ? void 0 : _b.call(_a, this);
+            callback === null || callback === void 0 ? void 0 : callback();
         });
     }
-    onChanged(e) {
-        this.setValue(e.target.value);
-    }
     render() {
-        var _a;
-        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: (_a = this.props.placeholder) !== null && _a !== void 0 ? _a : `Please enter ${NamingConvention.auto.convert(this.props.title, NamingConvention.lower_case_space)}`, value: this.state.value, onChange: this.onChanged, onClick: () => { if (this.props.onClicked)
-                    this.props.onClicked(this); }, style: {
+        var _a, _b;
+        let menu = safeMenuMenuItem(this.props, () => { });
+        menu.builtin.copy = { enabled: true, getValue: () => { var _a; return (_a = this.state.value) !== null && _a !== void 0 ? _a : ""; } };
+        menu.builtin.fullscreen = { enabled: true, getValue: () => { var _a; return (_a = this.state.value) !== null && _a !== void 0 ? _a : ""; }, setValue: this.setValue };
+        return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { menu: menu, children: _jsx("input", { id: this.props.id, name: this.props.name, type: "text", className: StylesNSBox.ns_box_input, placeholder: (_a = this.props.placeholder) !== null && _a !== void 0 ? _a : `Please enter ${NamingConvention.auto.convert(this.props.title, NamingConvention.lower_case_space)}`, value: (_b = this.state.value) !== null && _b !== void 0 ? _b : "", onChange: e => this.setValue(e.target.value), onClick: () => { var _a, _b; (_b = (_a = this.props).onClicked) === null || _b === void 0 ? void 0 : _b.call(_a, this); }, minLength: this.props.min_length, maxLength: this.props.max_length, style: {
                     background: `url("https://static.namirasoft.com/image/concept/type/string.png") white no-repeat scroll center right 4px`,
                     backgroundSize: "24px"
                 } }) })));

package/dist/components/NSBoxString.js.map

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

package/dist/components/NSBoxTextArea.d.ts

@@ -3,20 +3,21 @@ import { IBaseComponentProps } from "../props/IBaseComponentProps";
 import { IValidationProps } from "../props/IValidationProps";
 import { IValidationStringProps } from "../props/IValidationStringProps";
 import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
+import { INSBox } from "./INSBox";
 export interface NSBoxTextAreaProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, INSBoxBaseLayoutProps<string, NSBoxTextArea> {
     cols?: number;
     rows?: number;
 }
 export interface NSBoxTextAreaState {
-    value: string;
+    value: string | null;
 }
-export declare class NSBoxTextArea extends React.Component<NSBoxTextAreaProps, NSBoxTextAreaState> {
+export declare class NSBoxTextArea extends React.Component<NSBoxTextAreaProps, NSBoxTextAreaState> implements INSBox {
     NSBoxBaseLayout_Main: React.RefObject<NSBoxBaseLayout>;
     textarea: React.RefObject<HTMLTextAreaElement>;
     constructor(props: NSBoxTextAreaProps);
+    isEmpty(value: string): boolean;
     getError(): string | null;
-    getValue(checkError?: boolean): string;
-    setValue(value: string, callback?: () => void): void;
-    private onChanged;
+    getValue(checkError?: boolean): string | null;
+    setValue(value: string | null, callback?: () => void): void;
     render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/components/NSBoxTextArea.js

@@ -1,33 +1,27 @@
 "use client";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { createRef } from "react";
 import Styles from "./NSBoxTextArea.module.css";
 import { Validator } from "../Validator";
 import { NSBoxBaseLayout } from "./NSBoxBaseLayout";
 import { NamingConvention } from "namirasoft-core";
+import { safeMenuMenuItem } from "./NSMenuButton";
 export class NSBoxTextArea extends React.Component {
     constructor(props) {
         var _a;
         super(props);
         this.NSBoxBaseLayout_Main = createRef();
         this.textarea = createRef();
-        this.onChanged = (e) => __awaiter(this, void 0, void 0, function* () {
-            this.setValue(e.target.value);
-        });
-        this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "" };
+        this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : null };
+        this.isEmpty = this.isEmpty.bind(this);
         this.getError = this.getError.bind(this);
         this.getValue = this.getValue.bind(this);
         this.setValue = this.setValue.bind(this);
-        this.onChanged = this.onChanged.bind(this);
+    }
+    isEmpty(value) {
+        if ((value !== null && value !== void 0 ? value : "").trim())
+            return false;
+        return true;
     }
     getError() {
         return (Validator.getError(this.props.title, this.state.value, this.props) ||
@@ -38,16 +32,17 @@ export class NSBoxTextArea extends React.Component {
     }
     setValue(value, callback) {
         this.setState({ value }, () => {
-            if (this.props.onChanged)
-                this.props.onChanged(this, callback);
-            else if (callback)
-                callback();
+            var _a, _b;
+            (_b = (_a = this.props).onChanged) === null || _b === void 0 ? void 0 : _b.call(_a, this);
+            callback === null || callback === void 0 ? void 0 : callback();
         });
     }
     render() {
-        var _a, _b;
-        return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { getValue: () => this.state.value, setValue: this.setValue, children: _jsx("textarea", { ref: this.textarea, id: this.props.id, name: this.props.name, cols: this.props.cols, rows: (_a = this.props.rows) !== null && _a !== void 0 ? _a : 5, value: this.state.value, className: Styles.ns_box_text_area, placeholder: (_b = this.props.placeholder) !== null && _b !== void 0 ? _b : `Please enter ${NamingConvention.auto.convert(this.props.title, NamingConvention.lower_case_space)}`, onChange: this.onChanged, onClick: () => { if (this.props.onClicked)
-                    this.props.onClicked(this); }, style: {
+        var _a, _b, _c;
+        let menu = safeMenuMenuItem(this.props, () => { });
+        menu.builtin.copy = { enabled: true, getValue: () => { var _a; return (_a = this.state.value) !== null && _a !== void 0 ? _a : ""; } };
+        menu.builtin.fullscreen = { enabled: true, getValue: () => { var _a; return (_a = this.state.value) !== null && _a !== void 0 ? _a : ""; }, setValue: this.setValue };
+        return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { menu: menu, children: _jsx("textarea", { ref: this.textarea, id: this.props.id, name: this.props.name, cols: this.props.cols, rows: (_a = this.props.rows) !== null && _a !== void 0 ? _a : 5, value: (_b = this.state.value) !== null && _b !== void 0 ? _b : "", className: Styles.ns_box_text_area, placeholder: (_c = this.props.placeholder) !== null && _c !== void 0 ? _c : `Please enter ${NamingConvention.auto.convert(this.props.title, NamingConvention.lower_case_space)}`, onChange: e => this.setValue(e.target.value), onClick: () => { var _a, _b; (_b = (_a = this.props).onClicked) === null || _b === void 0 ? void 0 : _b.call(_a, this); }, style: {
                     height: "100%",
                     background: `url("https://static.namirasoft.com/image/concept/type/string.png") white no-repeat scroll top right 4px `,
                     backgroundPositionY: "4px",

package/dist/components/NSBoxTextArea.js.map

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

package/dist/components/NSBoxTime.d.ts

@@ -4,16 +4,18 @@ import { IBaseComponentProps } from "../props/IBaseComponentProps";
 import { IValidationProps } from "../props/IValidationProps";
 import { IValidationStringProps } from "../props/IValidationStringProps";
 import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
+import { INSBox } from "./INSBox";
 export interface NSBoxTimeProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, INSBoxBaseLayoutProps<string, NSBoxTime> {
 }
 export interface NSBoxTimeState {
-    value: string;
+    value: string | null;
 }
-export declare class NSBoxTime extends React.Component<NSBoxTimeProps, NSBoxTimeState> {
+export declare class NSBoxTime extends React.Component<NSBoxTimeProps, NSBoxTimeState> implements INSBox {
     NSBoxBaseLayout_Main: React.RefObject<NSBoxBaseLayout>;
     constructor(props: NSBoxTimeProps);
+    isEmpty(value: string): boolean;
     getError(): string | null;
-    getValue(checkError?: boolean): string;
-    setValue(value: string, callback?: () => void): void;
+    getValue(checkError?: boolean): string | null;
+    setValue(value: string | null, callback?: () => void): void;
     render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/components/NSBoxTime.js

@@ -12,11 +12,17 @@ export class NSBoxTime extends React.Component {
         var _a;
         super(props);
         this.NSBoxBaseLayout_Main = createRef();
-        this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "" };
+        this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : null };
+        this.isEmpty = this.isEmpty.bind(this);
         this.getError = this.getError.bind(this);
         this.getValue = this.getValue.bind(this);
         this.setValue = this.setValue.bind(this);
     }
+    isEmpty(value) {
+        if ((value !== null && value !== void 0 ? value : "").trim())
+            return false;
+        return true;
+    }
     getError() {
         return (Validator.getError(this.props.title, this.state.value, this.props) ||
             Validator.getErrorString(this.props.title, this.state.value, this.props) ||
@@ -27,18 +33,16 @@ export class NSBoxTime extends React.Component {
     }
     setValue(value, callback) {
         this.setState({ value }, () => {
-            if (this.props.onChanged)
-                this.props.onChanged(this, callback);
-            else if (callback)
-                callback();
+            var _a, _b;
+            (_b = (_a = this.props).onChanged) === null || _b === void 0 ? void 0 : _b.call(_a, this);
+            callback === null || callback === void 0 ? void 0 : callback();
         });
     }
     render() {
-        var _a;
+        var _a, _b;
         let menu = safeMenuMenuItem(this.props, () => { });
-        menu.builtin.fullscreen = false;
-        return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { getValue: () => this.state.value, setValue: () => { }, children: _jsx("input", { id: this.props.id, name: this.props.name, type: "time", className: StylesNSBox.ns_box_input, placeholder: (_a = this.props.placeholder) !== null && _a !== void 0 ? _a : `Please enter ${NamingConvention.auto.convert(this.props.title, NamingConvention.lower_case_space)}`, value: this.state.value, onChange: e => this.setValue(e.target.value), onClick: () => { if (this.props.onClicked)
-                    this.props.onClicked(this); }, step: "5", style: {
+        menu.builtin.copy = { enabled: true, getValue: () => { var _a; return (_a = this.state.value) !== null && _a !== void 0 ? _a : ""; } };
+        return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { menu: menu, children: _jsx("input", { id: this.props.id, name: this.props.name, type: "time", className: StylesNSBox.ns_box_input, placeholder: (_a = this.props.placeholder) !== null && _a !== void 0 ? _a : `Please enter ${NamingConvention.auto.convert(this.props.title, NamingConvention.lower_case_space)}`, value: (_b = this.state.value) !== null && _b !== void 0 ? _b : "", onChange: e => this.setValue(e.target.value), onClick: () => { var _a, _b; (_b = (_a = this.props).onClicked) === null || _b === void 0 ? void 0 : _b.call(_a, this); }, step: "5", style: {
                     background: `url("https://static.namirasoft.com/image/concept/type/time.png") white no-repeat scroll center right 4px`,
                     backgroundSize: "24px",
                     paddingRight: "7px"