namirasoft-site-react 1.3.116 → 1.3.118

package/dist/components/NSBoxEntity.d.ts

@@ -6,7 +6,20 @@ export interface INSBoxEntityProps extends IBaseComponentProps, IValidationProps
     title: string;
     options: SelectProps['options'];
     multiple: boolean;
+    placeHolder?: string;
 }
-export declare class NSBoxEntity extends React.Component<INSBoxEntityProps> {
-    render(): React.ReactNode;
+export interface INSBoxEntityState {
+    value: string | null;
+    values: string[];
+    error?: string;
+}
+export declare class NSBoxEntity extends React.Component<INSBoxEntityProps, INSBoxEntityState> {
+    constructor(props: INSBoxEntityProps);
+    getError(value: string): string | null;
+    getValue(): string | null;
+    getValues(): string[];
+    setValue(value: string | null): void;
+    setValues(values: string[]): void;
+    handleChange(value: string | null | string[]): void;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/components/NSBoxEntity.js

@@ -1,10 +1,62 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from "react";
-import { NSSelectBox } from "./NSSelectBox";
+import Styles from "./NSSelectBox.module.css";
+import { Select, Space } from 'antd';
+import IconSelectBox from '../assets/images/icon-select-box.svg';
+import { Validator } from "../Validator";
+import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
 export class NSBoxEntity extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            value: null,
+            values: [],
+        };
+        this.getValues = this.getValues.bind(this);
+        this.setValues = this.setValues.bind(this);
+        this.setValue = this.setValue.bind(this);
+        this.getValue = this.getValue.bind(this);
+        this.handleChange = this.handleChange.bind(this);
+    }
+    getError(value) {
+        return (Validator.getError(this.props.title, value, this.props));
+    }
+    getValue() {
+        let error = this.getError(this.state.value || "");
+        if (error) {
+            this.setState({ error });
+            throw new Error(error);
+        }
+        return this.state.value;
+    }
+    getValues() {
+        this.state.values.forEach(value => {
+            let error = this.getError(value || "");
+            if (error) {
+                this.setState({ error });
+                throw new Error(error);
+            }
+        });
+        return this.state.values;
+    }
+    setValue(value) {
+        this.setState({ value });
+    }
+    setValues(values) {
+        this.setState({ values });
+    }
+    handleChange(value) {
+        if (this.props.multiple) {
+            this.setValues(value);
+        }
+        else {
+            this.setValue(value);
+        }
+    }
     render() {
-        return (_jsx(NSSelectBox, { placeHolder: "Entity Box", title: this.props.title, multiple: false, options: this.props.options, required: false }));
+        var _a;
+        return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent}`, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx(Select, { mode: this.props.multiple ? "multiple" : undefined, style: { width: '100%' }, className: Styles.ns_input_select, placeholder: (_a = this.props.placeHolder) !== null && _a !== void 0 ? _a : "Combo Box", onChange: this.handleChange, optionLabelProp: "label", options: this.props.options, optionRender: (option) => (_jsx(Space, { className: Styles.ns_input_select_option, children: option.data.desc })), suffixIcon: _jsx("img", { src: IconSelectBox, alt: "SelectBox Icon" }) })] }), _jsx(NSBoxErrorNotifier, { error: this.state.error })] }));
     }
 }
 //# sourceMappingURL=NSBoxEntity.js.map

package/dist/components/NSBoxEntity.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSBoxEntity.js","sourceRoot":"","sources":["../../src/components/NSBoxEntity.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAS5C,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAA4B;IAEzD,MAAM;QAEd,OAAO,CACN,KAAC,WAAW,IACX,WAAW,EAAC,YAAY,EACxB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,QAAQ,EAAE,KAAK,GACd,CACF,CAAA;IACF,CAAC;CACD"}
+{"version":3,"file":"NSBoxEntity.js","sourceRoot":"","sources":["../../src/components/NSBoxEntity.tsx"],"names":[],"mappings":"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"}

package/dist/components/NSBoxEnum.d.ts

@@ -1,7 +1,25 @@
+import React from "react";
+import type { SelectProps } from 'antd';
 import { IBaseComponentProps } from "../props/IBaseComponentProps";
 import { IValidationProps } from "../props/IValidationProps";
 export interface INSBoxEnumProps extends IBaseComponentProps, IValidationProps {
     title: string;
+    options: SelectProps['options'];
     multiple: boolean;
+    placeHolder?: string;
+}
+export interface INSBoxEnumState {
+    value: string | null;
+    values: string[];
+    error?: string;
+}
+export declare class NSBoxEnum extends React.Component<INSBoxEnumProps, INSBoxEnumState> {
+    constructor(props: INSBoxEnumProps);
+    getError(value: string): string | null;
+    getValue(): string | null;
+    getValues(): string[];
+    setValue(value: string | null): void;
+    setValues(values: string[]): void;
+    handleChange(value: string | null | string[]): void;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
-export declare function NSBoxEnum(props: INSBoxEnumProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSBoxEnum.js

@@ -1,38 +1,62 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { NSSelectBox } from "./NSSelectBox";
-const options = [
-    {
-        date: {
-            desc: "test"
-        },
-    },
-    {
-        date: {
-            desc: "test"
-        },
-    },
-    {
-        date: {
-            desc: "test"
-        },
-    },
-    {
-        date: {
-            desc: "test"
-        },
-    },
-    {
-        date: {
-            desc: "test"
-        },
-    },
-    {
-        date: {
-            desc: "test"
-        },
-    },
-];
-export function NSBoxEnum(props) {
-    return (_jsx(NSSelectBox, { placeHolder: "Enum Box", title: props.title, multiple: false, options: options, required: false }));
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from "react";
+import Styles from "./NSBoxEnum.module.css";
+import { Select, Space } from 'antd';
+import IconSelectBox from '../assets/images/icon-select-box.svg';
+import { Validator } from "../Validator";
+import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
+export class NSBoxEnum extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            value: null,
+            values: [],
+        };
+        this.getValues = this.getValues.bind(this);
+        this.setValues = this.setValues.bind(this);
+        this.setValue = this.setValue.bind(this);
+        this.getValue = this.getValue.bind(this);
+        this.handleChange = this.handleChange.bind(this);
+    }
+    getError(value) {
+        return (Validator.getError(this.props.title, value, this.props));
+    }
+    getValue() {
+        let error = this.getError(this.state.value || "");
+        if (error) {
+            this.setState({ error });
+            throw new Error(error);
+        }
+        return this.state.value;
+    }
+    getValues() {
+        this.state.values.forEach(value => {
+            let error = this.getError(value || "");
+            if (error) {
+                this.setState({ error });
+                throw new Error(error);
+            }
+        });
+        return this.state.values;
+    }
+    setValue(value) {
+        this.setState({ value });
+    }
+    setValues(values) {
+        this.setState({ values });
+    }
+    handleChange(value) {
+        if (this.props.multiple) {
+            this.setValues(value);
+        }
+        else {
+            this.setValue(value);
+        }
+    }
+    render() {
+        var _a;
+        return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent}`, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx(Select, { mode: this.props.multiple ? "multiple" : undefined, style: { width: '100%' }, className: Styles.ns_input_select, placeholder: (_a = this.props.placeHolder) !== null && _a !== void 0 ? _a : "Combo Box", onChange: this.handleChange, optionLabelProp: "label", options: this.props.options, optionRender: (option) => (_jsx(Space, { className: Styles.ns_input_select_option, children: option.data.desc })), suffixIcon: _jsx("img", { src: IconSelectBox, alt: "SelectBox Icon" }) })] }), _jsx(NSBoxErrorNotifier, { error: this.state.error })] }));
+    }
 }
 //# sourceMappingURL=NSBoxEnum.js.map

package/dist/components/NSBoxEnum.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSBoxEnum.js","sourceRoot":"","sources":["../../src/components/NSBoxEnum.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,OAAO,GAAI;IAChB;QACC,IAAI,EAAE;YACL,IAAI,EAAG,MAAM;SACb;KACD;IACD;QACC,IAAI,EAAE;YACL,IAAI,EAAG,MAAM;SACb;KACD;IACD;QACC,IAAI,EAAE;YACL,IAAI,EAAG,MAAM;SACb;KACD;IACD;QACC,IAAI,EAAE;YACL,IAAI,EAAG,MAAM;SACb;KACD;IACD;QACC,IAAI,EAAE;YACL,IAAI,EAAG,MAAM;SACb;KACD;IACD;QACC,IAAI,EAAE;YACL,IAAI,EAAG,MAAM;SACb;KACD;CACD,CAAA;AAOD,MAAM,UAAU,SAAS,CAAC,KAAsB;IAE/C,OAAO,CACN,KAAC,WAAW,IACX,WAAW,EAAC,UAAU,EACtB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,KAAK,GACd,CACF,CAAA;AACF,CAAC"}
+{"version":3,"file":"NSBoxEnum.js","sourceRoot":"","sources":["../../src/components/NSBoxEnum.tsx"],"names":[],"mappings":"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"}

package/dist/components/NSHeader.d.ts

@@ -7,6 +7,8 @@ export interface INSHeaderProps extends IBaseComponentProps {
     logo: string;
     account?: boolean;
     nav?: IBaseComponentProps;
+    user_name?: string;
+    logout?: () => void;
 }
 export interface NSHeaderState {
     filters: FilterLinkRow[];

package/dist/components/NSHeader.js

@@ -45,7 +45,7 @@ export class NSHeader extends React.Component {
         if (!((_a = nav.style) === null || _a === void 0 ? void 0 : _a.backgroundColor))
             nav.style.backgroundColor = "rgba(20, 27, 92, 1)";
         return (_jsx("header", { id: this.props.id, className: `${Styles.ns_header} ${(_b = this.props.classList) === null || _b === void 0 ? void 0 : _b.join(" ")}`, style: this.props.style, children: _jsx("nav", { id: (_c = this.props.nav) === null || _c === void 0 ? void 0 : _c.id, className: `${Styles.ns_navbar} ${(_e = (_d = this.props.nav) === null || _d === void 0 ? void 0 : _d.classList) === null || _e === void 0 ? void 0 : _e.join(" ")}`, style: nav === null || nav === void 0 ? void 0 : nav.style, children: _jsxs("div", { className: `${Styles.ns_navbar_parent_content} container`, children: [_jsx("a", { href: "/", children: _jsx("img", { src: this.props.logo, alt: "Logo", width: 48, height: 48 }) }), _jsxs("div", { className: `${Styles.ns_navbar_content} `, children: [_jsx("div", { className: `${Styles.ns_navbar_elements} ${this.state.showNavbar && Styles.ns_navbar_active}`, children: this.render_menu(0, null) }), this.props.account &&
-                                    _jsxs("div", { className: `${Styles.ns_navbar_login_status}`, children: [_jsx("span", { className: `${Styles.ns_navbar_usersname}`, children: "name" }), _jsx("img", { src: 'https://static.namirasoft.com/image/concept/logout/white.svg', alt: "Exit", width: 24, height: 24 })] }), _jsxs("div", { className: "d-flex gap-3 align-items-center", children: [_jsx("span", { className: Styles.ns_navbar_username, children: "Name" }), _jsx("div", { className: Styles.ns_navbar_notification, children: _jsx("span", { className: Styles.ns_navbar_notification_count, children: "1" }) }), _jsx("img", { src: Logout, alt: "Logout", width: 20, height: 20 })] }), _jsx("div", { className: Styles.ns_navbar_menu_icon, onClick: this.handleShowNavbar, children: _jsx("img", { src: this.state.showNavbar ?
+                                    _jsxs("div", { className: `${Styles.ns_navbar_login_status}`, children: [_jsx("span", { className: `${Styles.ns_navbar_usersname}`, children: "name" }), _jsx("img", { src: 'https://static.namirasoft.com/image/concept/logout/white.svg', alt: "Exit", width: 24, height: 24 })] }), _jsxs("div", { className: "d-flex gap-3 align-items-center", children: [_jsx("span", { className: Styles.ns_navbar_username, children: this.props.user_name }), _jsx("div", { className: Styles.ns_navbar_notification, children: _jsx("span", { className: Styles.ns_navbar_notification_count, children: "1" }) }), _jsx("img", { src: Logout, alt: "Logout", width: 20, height: 20, onClick: this.props.logout })] }), _jsx("div", { className: Styles.ns_navbar_menu_icon, onClick: this.handleShowNavbar, children: _jsx("img", { src: this.state.showNavbar ?
                                             "https://static.namirasoft.com/image/concept/close/white.svg"
                                             : "https://static.namirasoft.com/image/concept/menu/burger-white.svg", alt: "Menu Icon", width: 24, height: 24 }) })] })] }) }) }));
     }

package/dist/components/NSHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSHeader.js","sourceRoot":"","sources":["../../src/components/NSHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,WAAW,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAiB,MAAM,qBAAqB,CAAC;AAE7E,OAAO,MAAM,MAAM,kCAAkC,CAAC;AAiBtD,MAAM,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAwC;IAExE,YAAY,KAAqB;QAE7B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,OAAO,EAAE,EAAE;YACX,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE,KAAK;SACpB,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3D,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/C,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvD,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7D,CAAC;IACQ,iBAAiB;QAEtB,IAAI,MAAM,GAAG,IAAI,uBAAuB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACxD,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;YAEvE,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;IACP,CAAC;IACO,iBAAiB,CAAC,OAAgB,EAAE,QAAuB;QAE/D,IAAI,OAAO;YACP,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IACpC,CAAC;IACO,QAAQ,CAAC,EAAU;QAEvB,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,KAAK,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IACzE,CAAC;IACD,gBAAgB;QAEZ,IAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC;IAC1D,CAAC;IACQ,MAAM;;QAEX,IAAI,GAAG,GAAoC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;QAC1D,IAAI,CAAC,GAAG;YACJ,GAAG,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;QACxB,IAAI,CAAC,GAAG,CAAC,KAAK;YACV,GAAG,CAAC,KAAK,GAAG,EAAE,CAAC;QACnB,IAAI,CAAC,CAAA,MAAA,GAAG,CAAC,KAAK,0CAAE,eAAe,CAAA;YAC3B,GAAG,CAAC,KAAK,CAAC,eAAe,GAAG,qBAAqB,CAAC;QACtD,OAAO,CACH,iBAAQ,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EACrB,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EACnE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,YAEvB,cACI,EAAE,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,GAAG,0CAAE,EAAE,EACtB,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,GAAG,0CAAE,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EACxE,KAAK,EAAE,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,KAAK,YAEjB,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,wBAAwB,YAAY,aAC1D,YAAG,IAAI,EAAC,GAAG,YACP,cACI,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACpB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,GACF,EACJ,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,iBAAiB,GAAG,aAC1C,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,kBAAkB,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,MAAM,CAAC,gBAAgB,EAAE,YAC7F,IAAI,CAAC,WAAW,CAAC,CAAC,EAAE,IAAI,CAAC,GACxB,EACL,IAAI,CAAC,KAAK,CAAC,OAAO;oCACf,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,sBAAsB,EAAE,aAC9C,eAAM,SAAS,EAAE,GAAG,MAAM,CAAC,mBAAmB,EAAE,qBAAa,EAC7D,cAAK,GAAG,EAAC,8DAA8D,EACnE,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,IACA,EAEV,eAAK,SAAS,EAAC,iCAAiC,aAC5C,eAAM,SAAS,EAAE,MAAM,CAAC,kBAAkB,qBAAa,EACvD,cAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,YACzC,eAAM,SAAS,EAAE,MAAM,CAAC,4BAA4B,kBAAU,GAC5D,EACN,cACI,GAAG,EAAE,MAAM,EACX,GAAG,EAAC,QAAQ,EACZ,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,IACA,EACN,cAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,EAAE,OAAO,EAAE,IAAI,CAAC,gBAAgB,YACtE,cACI,GAAG,EAEC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;4CACnB,6DAA6D;4CAC7D,CAAC,CAAC,mEAAmE,EAE7E,GAAG,EAAC,WAAW,EACf,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,GACA,IAEJ,IAEJ,GACJ,GACD,CACZ,CAAC;IACN,CAAC;IACO,WAAW,CAAC,KAAa,EAAE,SAAwB;;QAEvD,IAAI,EAAE,GAAoB,MAAA,IAAI,CAAC,KAAK,CAAC,OAAO,0CAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC;QACrF,OAAO,CACH,cAAK,SAAS,EAAE,eAAe,MAAM,CAAC,yBAAyB,EAAE,YAC5D,CAAC,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,GAC7C,CACT,CAAC;IACN,CAAC;IACO,eAAe,CAAC,KAAa,EAAE,MAAqB;;QAExD,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,EAC5B;YACI,IAAI,SAAS,GAAG,mBAAK,CAAC;YACtB,IAAI,KAAK,KAAK,CAAC;gBACX,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EACvB;oBACI,SAAS;wBACL,cACI,EAAE,EAAE,iBAAiB,MAAM,CAAC,EAAE,EAAE,YAC/B,IAAI,CAAC,WAAW,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,GACzC,CAAA;iBACd;YACL,OAAO,CAAC,4BACJ,KAAC,WAAW,IACR,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,MAAM,CAAC,EAC9D,SAAS,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC,CAAC,MAAM,CAAC,2BAA2B,EAC/F,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,EAAE,EAAE,kBAAkB,MAAM,CAAC,EAAE,EAAE,YAChC,SAAS,GACC,GAChB,CACF,CAAC;SACL;aACD;YACI,OAAO,CACH,YAAmB,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAoB,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC,CAAC,MAAM,CAAC,2BAA2B,EAAE,EAAE,IAAI,EAAE,MAAA,MAAM,CAAC,IAAI,0CAAE,GAAG,YAAG,MAAM,CAAC,IAAI,IAApL,MAAM,CAAC,EAAE,CAAgL,CACpM,CAAC;SACL;IACL,CAAC;CACJ"}
+{"version":3,"file":"NSHeader.js","sourceRoot":"","sources":["../../src/components/NSHeader.tsx"],"names":[],"mappings":"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"}

package/dist/components/NSLayout.d.ts

@@ -7,5 +7,7 @@ export interface INSLayoutProps extends IBaseComponentProps {
     background?: string;
     notifications: INSNotificationProps[];
     children: ReactNode;
+    user_name?: string;
+    logout?: () => void;
 }
 export declare function NSLayout(props: INSLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSLayout.js

@@ -5,6 +5,6 @@ import { NSFooter } from './NSFooter';
 import { NSNotification } from './NSNotification';
 export function NSLayout(props) {
     var _a;
-    return (_jsxs("div", { id: props.id, className: `${Styles.ns_container} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, children: [_jsx(NSHeader, { scope: props.scope, name: "Header", logo: props.logo }), props.notifications.map(props => _jsx(NSNotification, Object.assign({}, props))), _jsx("main", { className: `d-flex flex-column text-white px-3 ${Styles.ns_layout_main}`, style: { background: props.background, backgroundAttachment: "fixed" }, children: props.children }), _jsx(NSFooter, { scope: props.scope, name: "Footer", logo: props.logo })] }));
+    return (_jsxs("div", { id: props.id, className: `${Styles.ns_container} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, children: [_jsx(NSHeader, { scope: props.scope, name: "Header", logo: props.logo, user_name: props.user_name, logout: props.logout }), props.notifications.map(props => _jsx(NSNotification, Object.assign({}, props))), _jsx("main", { className: `d-flex flex-column text-white px-3 ${Styles.ns_layout_main}`, style: { background: props.background, backgroundAttachment: "fixed" }, children: props.children }), _jsx(NSFooter, { scope: props.scope, name: "Footer", logo: props.logo })] }));
 }
 //# sourceMappingURL=NSLayout.js.map

package/dist/components/NSLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSLayout.js","sourceRoot":"","sources":["../../src/components/NSLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,cAAc,EAAwB,MAAM,kBAAkB,CAAC;AAWxE,MAAM,UAAU,QAAQ,CAAC,KAAqB;;IAE7C,OAAO,CACN,eAAK,EAAE,EAAE,KAAK,CAAC,EAAE,EAChB,SAAS,EAAE,GAAG,MAAM,CAAC,YAAY,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EACjE,KAAK,EAAE,KAAK,CAAC,KAAK,aAClB,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,EAC/D,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,KAAC,cAAc,oBAAK,KAAK,EAAmB,CAAC,EAC/E,eAAM,SAAS,EAAE,sCAAsC,MAAM,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,oBAAoB,EAAE,OAAO,EAAE,YACpJ,KAAK,CAAC,QAAQ,GACT,EACP,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,IAC1D,CACP,CAAC;AACH,CAAC"}
+{"version":3,"file":"NSLayout.js","sourceRoot":"","sources":["../../src/components/NSLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,cAAc,EAAwB,MAAM,kBAAkB,CAAC;AAaxE,MAAM,UAAU,QAAQ,CAAC,KAAqB;;IAE7C,OAAO,CACN,eAAK,EAAE,EAAE,KAAK,CAAC,EAAE,EAChB,SAAS,EAAE,GAAG,MAAM,CAAC,YAAY,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EACjE,KAAK,EAAE,KAAK,CAAC,KAAK,aAClB,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI,EACjH,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,KAAC,cAAc,oBAAK,KAAK,EAAmB,CAAC,EAC/E,eAAM,SAAS,EAAE,sCAAsC,MAAM,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,oBAAoB,EAAE,OAAO,EAAE,YACpJ,KAAK,CAAC,QAAQ,GACT,EACP,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,IAC1D,CACP,CAAC;AACH,CAAC"}

package/dist/main.d.ts

@@ -1,7 +1,11 @@
+export * from "./components/NSBoxBoolean";
 export * from "./components/NSBoxDate";
+export * from "./components/NSBoxDateTime";
 export * from "./components/NSBoxDouble";
 export * from "./components/NSBoxDuration";
 export * from "./components/NSBoxEmail";
+export * from "./components/NSBoxEntity";
+export * from "./components/NSBoxEnum";
 export * from "./components/NSBoxErrorNotifier";
 export * from "./components/NSBoxInteger";
 export * from "./components/NSBoxIPV4";
@@ -29,7 +33,6 @@ export * from "./components/NSLayoutHeroBanner";
 export * from "./components/NSLayoutTitle";
 export * from "./components/NSLoading";
 export * from "./components/NSNotification";
-export * from "./components/NSSelectBox";
 export * from "./components/NSSpace";
 export * from "./components/NSSection";
 export * from "./components/NSSectionBars";

package/dist/main.js

@@ -1,7 +1,11 @@
+export * from "./components/NSBoxBoolean";
 export * from "./components/NSBoxDate";
+export * from "./components/NSBoxDateTime";
 export * from "./components/NSBoxDouble";
 export * from "./components/NSBoxDuration";
 export * from "./components/NSBoxEmail";
+export * from "./components/NSBoxEntity";
+export * from "./components/NSBoxEnum";
 export * from "./components/NSBoxErrorNotifier";
 export * from "./components/NSBoxInteger";
 export * from "./components/NSBoxIPV4";
@@ -29,7 +33,6 @@ export * from "./components/NSLayoutHeroBanner";
 export * from "./components/NSLayoutTitle";
 export * from "./components/NSLoading";
 export * from "./components/NSNotification";
-export * from "./components/NSSelectBox";
 export * from "./components/NSSpace";
 export * from "./components/NSSection";
 export * from "./components/NSSectionBars";

package/dist/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC"}

package/package.json

@@ -8,7 +8,7 @@
     "framework": "npm",
     "application": "package",
     "private": false,
-    "version": "1.3.116",
+    "version": "1.3.118",
     "author": "Amir Abolhasani, Alireza Esmaeeli, Sepideh Mazloumi, Hooman Shashaeh",
     "license": "MIT",
     "main": "./dist/main.js",
@@ -21,7 +21,7 @@
         "copy": "copyfiles -u 1 src/**/*.html src/**/*.css src/**/*.svg src/**/*.png src/**/*.jpg dist/"
     },
     "dependencies": {
-        "@types/node": "^20.12.8",
+        "@types/node": "^20.12.10",
         "@types/react": "^18.3.1",
         "@types/react-dom": "^18.3.0",
         "antd": "^5.17.0",

package/src/components/NSBoxEntity.tsx

@@ -1,29 +1,115 @@
 "use client";
 import React from "react";
+import Styles from "./NSSelectBox.module.css";
+import { Select, Space } from 'antd';
 import type { SelectProps } from 'antd';
+import IconSelectBox from '../assets/images/icon-select-box.svg';
 import { IBaseComponentProps } from "../props/IBaseComponentProps";
 import { IValidationProps } from "../props/IValidationProps";
-import { NSSelectBox } from "./NSSelectBox";
+import { Validator } from "../Validator";
+import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
 
 export interface INSBoxEntityProps extends IBaseComponentProps, IValidationProps
 {
 	title: string;
 	options: SelectProps['options'];
 	multiple: boolean;
+	placeHolder?: string;
 }
 
-export class NSBoxEntity extends React.Component<INSBoxEntityProps>
+export interface INSBoxEntityState
 {
-	override render(): React.ReactNode
+	value: string | null;
+	values: string[];
+	error?: string;
+}
+
+export class NSBoxEntity extends React.Component<INSBoxEntityProps, INSBoxEntityState>
+{
+	constructor(props: INSBoxEntityProps)
+	{
+		super(props);
+		this.state = {
+			value: null,
+			values: [],
+		};
+		this.getValues = this.getValues.bind(this);
+		this.setValues = this.setValues.bind(this);
+		this.setValue = this.setValue.bind(this);
+		this.getValue = this.getValue.bind(this);
+		this.handleChange = this.handleChange.bind(this);
+	}
+	getError(value: string): string | null
+	{
+		return (
+			Validator.getError(this.props.title, value, this.props)
+		);
+	}
+	getValue(): string | null
+	{
+		let error = this.getError(this.state.value || "");
+		if (error)
+		{
+			this.setState({ error });
+			throw new Error(error);
+		}
+		return this.state.value;
+	}
+	getValues(): string[]
+	{
+		this.state.values.forEach(value =>
+		{
+			let error = this.getError(value || "");
+			if (error)
+			{
+				this.setState({ error });
+				throw new Error(error);
+			}
+		});
+		return this.state.values;
+	}
+	setValue(value: string | null): void
+	{
+		this.setState({ value });
+	}
+	setValues(values: string[]): void
+	{
+		this.setState({ values });
+	}
+	handleChange(value: string | null | string[]): void
+	{
+		if (this.props.multiple)
+		{
+			this.setValues(value as string[]);
+		} else
+		{
+			this.setValue(value as string | null);
+		}
+	}
+	override render()
 	{
 		return (
-			<NSSelectBox
-				placeHolder="Entity Box"
-				title={this.props.title}
-				multiple={false}
-				options={this.props.options}
-				required={false}
-			/>
-		)
+			<>
+				<div className={`${Styles.ns_input_parent}`}>
+					<span className={Styles.ns_input_title}> {this.props.required && <span style={{ color: "red" }} >*</span>} {this.props.title} </span>
+					<Select
+						mode={this.props.multiple ? "multiple" : undefined}
+						style={{ width: '100%' }}
+						className={Styles.ns_input_select}
+						placeholder={this.props.placeHolder ?? "Combo Box"}
+						onChange={this.handleChange}
+						optionLabelProp="label"
+						options={this.props.options}
+						optionRender={(option) => (
+							<Space className={Styles.ns_input_select_option}>
+								{option.data.desc}
+							</Space>
+						)}
+						suffixIcon={<img src={IconSelectBox} alt="SelectBox Icon" />}
+					/>
+				</div>
+				<NSBoxErrorNotifier error={this.state.error} />
+			</>
+		);
 	}
 }

package/src/components/NSBoxEnum.tsx

@@ -1,54 +1,115 @@
+"use client";
+import React from "react";
+import Styles from "./NSBoxEnum.module.css";
+import { Select, Space } from 'antd';
+import type { SelectProps } from 'antd';
+import IconSelectBox from '../assets/images/icon-select-box.svg';
 import { IBaseComponentProps } from "../props/IBaseComponentProps";
 import { IValidationProps } from "../props/IValidationProps";
-import { NSSelectBox } from "./NSSelectBox";
+import { Validator } from "../Validator";
+import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
 
-const options  = [
-	{ 
-		date: { 
-			desc : "test"
-		},
-	}, 
-	{ 
-		date: { 
-			desc : "test"
-		},
-	}, 
-	{ 
-		date: { 
-			desc : "test"
-		},
-	}, 
-	{ 
-		date: { 
-			desc : "test"
-		},
-	}, 
-	{ 
-		date: { 
-			desc : "test"
-		},
-	}, 
-	{ 
-		date: { 
-			desc : "test"
-		},
-	}, 
-]
 export interface INSBoxEnumProps extends IBaseComponentProps, IValidationProps
 {
 	title: string;
+	options: SelectProps['options'];
 	multiple: boolean;
+	placeHolder?: string;
 }
 
-export function NSBoxEnum(props: INSBoxEnumProps)
+export interface INSBoxEnumState
 {
-	return (
-		<NSSelectBox
-			placeHolder="Enum Box"
-			title={props.title}
-			multiple={false}
-			options={options}
-			required={false}
-		/>
-	)
+	value: string | null;
+	values: string[];
+	error?: string;
+}
+
+export class NSBoxEnum extends React.Component<INSBoxEnumProps, INSBoxEnumState>
+{
+	constructor(props: INSBoxEnumProps)
+	{
+		super(props);
+		this.state = {
+			value: null,
+			values: [],
+		};
+		this.getValues = this.getValues.bind(this);
+		this.setValues = this.setValues.bind(this);
+		this.setValue = this.setValue.bind(this);
+		this.getValue = this.getValue.bind(this);
+		this.handleChange = this.handleChange.bind(this);
+	}
+	getError(value: string): string | null
+	{
+		return (
+			Validator.getError(this.props.title, value, this.props)
+		);
+	}
+	getValue(): string | null
+	{
+		let error = this.getError(this.state.value || "");
+		if (error)
+		{
+			this.setState({ error });
+			throw new Error(error);
+		}
+		return this.state.value;
+	}
+	getValues(): string[]
+	{
+		this.state.values.forEach(value =>
+		{
+			let error = this.getError(value || "");
+			if (error)
+			{
+				this.setState({ error });
+				throw new Error(error);
+			}
+		});
+		return this.state.values;
+	}
+	setValue(value: string | null): void
+	{
+		this.setState({ value });
+	}
+	setValues(values: string[]): void
+	{
+		this.setState({ values });
+	}
+	handleChange(value: string | null | string[]): void
+	{
+		if (this.props.multiple)
+		{
+			this.setValues(value as string[]);
+		} else
+		{
+			this.setValue(value as string | null);
+		}
+	}
+	override render()
+	{
+		return (
+			<>
+				<div className={`${Styles.ns_input_parent}`}>
+					<span className={Styles.ns_input_title}> {this.props.required && <span style={{ color: "red" }} >*</span>} {this.props.title} </span>
+					<Select
+						mode={this.props.multiple ? "multiple" : undefined}
+						style={{ width: '100%' }}
+						className={Styles.ns_input_select}
+						placeholder={this.props.placeHolder ?? "Combo Box"}
+						onChange={this.handleChange}
+						optionLabelProp="label"
+						options={this.props.options}
+						optionRender={(option) => (
+							<Space className={Styles.ns_input_select_option}>
+								{option.data.desc}
+							</Space>
+						)}
+						suffixIcon={<img src={IconSelectBox} alt="SelectBox Icon" />}
+					/>
+				</div>
+				<NSBoxErrorNotifier error={this.state.error} />
+			</>
+		);
+	}
 }

package/src/components/NSHeader.tsx

@@ -12,7 +12,9 @@ export interface INSHeaderProps extends IBaseComponentProps
     name: string;
     logo: string;
     account?: boolean;
-    nav?: IBaseComponentProps
+    nav?: IBaseComponentProps;
+    user_name?: string;
+    logout?: () => void
 }
 
 export interface NSHeaderState
@@ -102,7 +104,7 @@ export class NSHeader extends React.Component<INSHeaderProps, NSHeaderState>
                                 </div>
                             }
                             <div className="d-flex gap-3 align-items-center">
-                                <span className={Styles.ns_navbar_username}>Name</span>
+                                <span className={Styles.ns_navbar_username}>{this.props.user_name}</span>
                                 <div className={Styles.ns_navbar_notification}>
                                     <span className={Styles.ns_navbar_notification_count}>1</span>
                                 </div>
@@ -111,6 +113,7 @@ export class NSHeader extends React.Component<INSHeaderProps, NSHeaderState>
                                     alt="Logout"
                                     width={20}
                                     height={20}
+                                    onClick={this.props.logout}
                                 />
                             </div>
                             <div className={Styles.ns_navbar_menu_icon} onClick={this.handleShowNavbar}>
@@ -126,9 +129,9 @@ export class NSHeader extends React.Component<INSHeaderProps, NSHeaderState>
                                     height={24}
                                 />
                             </div>
-                           
+
                         </div>
-                     
+
                     </div>
                 </nav>
             </header>

package/src/components/NSLayout.tsx

@@ -12,6 +12,8 @@ export interface INSLayoutProps extends IBaseComponentProps
 	background?: string;
 	notifications: INSNotificationProps[];
 	children: ReactNode;
+	user_name?: string;
+	logout?: () => void;
 }
 
 export function NSLayout(props: INSLayoutProps)
@@ -20,7 +22,7 @@ export function NSLayout(props: INSLayoutProps)
 		<div id={props.id}
 			className={`${Styles.ns_container} ${props.classList?.join(" ")}`}
 			style={props.style}>
-			<NSHeader scope={props.scope} name="Header" logo={props.logo} />
+			<NSHeader scope={props.scope} name="Header" logo={props.logo} user_name={props.user_name} logout={props.logout} />
 			{props.notifications.map(props => <NSNotification {...props}></NSNotification>)}
 			<main className={`d-flex flex-column text-white px-3 ${Styles.ns_layout_main}`} style={{ background: props.background, backgroundAttachment: "fixed" }}>
 				{props.children}

package/src/main.ts

@@ -1,7 +1,11 @@
+export * from "./components/NSBoxBoolean";
 export * from "./components/NSBoxDate";
+export * from "./components/NSBoxDateTime";
 export * from "./components/NSBoxDouble";
 export * from "./components/NSBoxDuration";
 export * from "./components/NSBoxEmail";
+export * from "./components/NSBoxEntity";
+export * from "./components/NSBoxEnum";
 export * from "./components/NSBoxErrorNotifier";
 export * from "./components/NSBoxInteger";
 export * from "./components/NSBoxIPV4";
@@ -29,7 +33,6 @@ export * from "./components/NSLayoutHeroBanner";
 export * from "./components/NSLayoutTitle";
 export * from "./components/NSLoading";
 export * from "./components/NSNotification";
-export * from "./components/NSSelectBox";
 export * from "./components/NSSpace";
 export * from "./components/NSSection";
 export * from "./components/NSSectionBars";

package/dist/components/NSSelectBox.d.ts

@@ -1,25 +0,0 @@
-import React from "react";
-import type { SelectProps } from 'antd';
-import { IBaseComponentProps } from "../props/IBaseComponentProps";
-import { IValidationProps } from "../props/IValidationProps";
-export interface INSSelectBoxProps extends IBaseComponentProps, IValidationProps {
-    title: string;
-    options: SelectProps['options'];
-    multiple: boolean;
-    placeHolder?: string;
-}
-export interface NSSelectBoxState {
-    value: string | null;
-    values: string[];
-    error?: string;
-}
-export declare class NSSelectBox extends React.Component<INSSelectBoxProps, NSSelectBoxState> {
-    constructor(props: INSSelectBoxProps);
-    getError(value: string): string | null;
-    getValue(): string | null;
-    getValues(): string[];
-    setValue(value: string | null): void;
-    setValues(values: string[]): void;
-    handleChange(value: string | null | string[]): void;
-    render(): import("react/jsx-runtime").JSX.Element;
-}

package/dist/components/NSSelectBox.js

@@ -1,62 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from "react";
-import Styles from "./NSSelectBox.module.css";
-import { Select, Space } from 'antd';
-import IconSelectBox from '../assets/images/icon-select-box.svg';
-import { Validator } from "../Validator";
-import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
-export class NSSelectBox extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            value: null,
-            values: [],
-        };
-        this.getValues = this.getValues.bind(this);
-        this.setValues = this.setValues.bind(this);
-        this.setValue = this.setValue.bind(this);
-        this.getValue = this.getValue.bind(this);
-        this.handleChange = this.handleChange.bind(this);
-    }
-    getError(value) {
-        return (Validator.getError(this.props.title, value, this.props));
-    }
-    getValue() {
-        let error = this.getError(this.state.value || "");
-        if (error) {
-            this.setState({ error });
-            throw new Error(error);
-        }
-        return this.state.value;
-    }
-    getValues() {
-        this.state.values.forEach(value => {
-            let error = this.getError(value || "");
-            if (error) {
-                this.setState({ error });
-                throw new Error(error);
-            }
-        });
-        return this.state.values;
-    }
-    setValue(value) {
-        this.setState({ value });
-    }
-    setValues(values) {
-        this.setState({ values });
-    }
-    handleChange(value) {
-        if (this.props.multiple) {
-            this.setValues(value);
-        }
-        else {
-            this.setValue(value);
-        }
-    }
-    render() {
-        var _a;
-        return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent}`, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx(Select, { mode: this.props.multiple ? "multiple" : undefined, style: { width: '100%' }, className: Styles.ns_input_select, placeholder: (_a = this.props.placeHolder) !== null && _a !== void 0 ? _a : "Combo Box", onChange: this.handleChange, optionLabelProp: "label", options: this.props.options, optionRender: (option) => (_jsx(Space, { className: Styles.ns_input_select_option, children: option.data.desc })), suffixIcon: _jsx("img", { src: IconSelectBox, alt: "SelectBox Icon" }) })] }), _jsx(NSBoxErrorNotifier, { error: this.state.error })] }));
-    }
-}
-//# sourceMappingURL=NSSelectBox.js.map

package/dist/components/NSSelectBox.js.map

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

package/src/components/NSSelectBox.tsx

@@ -1,115 +0,0 @@
-"use client";
-import React from "react";
-import Styles from "./NSSelectBox.module.css";
-import { Select, Space } from 'antd';
-import type { SelectProps } from 'antd';
-import IconSelectBox from '../assets/images/icon-select-box.svg';
-import { IBaseComponentProps } from "../props/IBaseComponentProps";
-import { IValidationProps } from "../props/IValidationProps";
-import { Validator } from "../Validator";
-import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
-
-export interface INSSelectBoxProps extends IBaseComponentProps, IValidationProps
-{
-	title: string;
-	options: SelectProps['options'];
-	multiple: boolean;
-	placeHolder?: string;
-}
-
-export interface NSSelectBoxState
-{
-	value: string | null;
-	values: string[];
-	error?: string;
-}
-
-export class NSSelectBox extends React.Component<INSSelectBoxProps, NSSelectBoxState>
-{
-	constructor(props: INSSelectBoxProps)
-	{
-		super(props);
-		this.state = {
-			value: null,
-			values: [],
-		};
-		this.getValues = this.getValues.bind(this);
-		this.setValues = this.setValues.bind(this);
-		this.setValue = this.setValue.bind(this);
-		this.getValue = this.getValue.bind(this);
-		this.handleChange = this.handleChange.bind(this);
-	}
-	getError(value: string): string | null
-	{
-		return (
-			Validator.getError(this.props.title, value, this.props)
-		);
-	}
-	getValue(): string | null
-	{
-		let error = this.getError(this.state.value || "");
-		if (error)
-		{
-			this.setState({ error });
-			throw new Error(error);
-		}
-		return this.state.value;
-	}
-	getValues(): string[]
-	{
-		this.state.values.forEach(value =>
-		{
-			let error = this.getError(value || "");
-			if (error)
-			{
-				this.setState({ error });
-				throw new Error(error);
-			}
-		});
-		return this.state.values;
-	}
-	setValue(value: string | null): void
-	{
-		this.setState({ value });
-	}
-	setValues(values: string[]): void
-	{
-		this.setState({ values });
-	}
-	handleChange(value: string | null | string[]): void
-	{
-		if (this.props.multiple)
-		{
-			this.setValues(value as string[]);
-		} else
-		{
-			this.setValue(value as string | null);
-		}
-	}
-	override render()
-	{
-		return (
-			<>
-				<div className={`${Styles.ns_input_parent}`}>
-					<span className={Styles.ns_input_title}> {this.props.required && <span style={{ color: "red" }} >*</span>} {this.props.title} </span>
-					<Select
-						mode={this.props.multiple ? "multiple" : undefined}
-						style={{ width: '100%' }}
-						className={Styles.ns_input_select}
-						placeholder={this.props.placeHolder ?? "Combo Box"}
-						onChange={this.handleChange}
-						optionLabelProp="label"
-						options={this.props.options}
-						optionRender={(option) => (
-							<Space className={Styles.ns_input_select_option}>
-								{option.data.desc}
-							</Space>
-						)}
-						suffixIcon={<img src={IconSelectBox} alt="SelectBox Icon" />}
-					/>
-				</div>
-				<NSBoxErrorNotifier error={this.state.error} />
-			</>
-		);
-	}
-}