namirasoft-site-react 1.3.117 → 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":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAErC,OAAO,aAAa,MAAM,sCAAsC,CAAC;AAGjE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAiB1D,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAA2C;IAE/E,YAAY,KAAsB;QAEjC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACZ,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,EAAE;SACV,CAAC;QACF,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3C,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,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAClD,CAAC;IACD,QAAQ,CAAC,KAAa;QAErB,OAAO,CACN,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CACvD,CAAC;IACH,CAAC;IACD,QAAQ;QAEP,IAAI,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;QAClD,IAAI,KAAK,EACT;YACC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YACzB,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC;SACvB;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IACzB,CAAC;IACD,SAAS;QAER,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YAEjC,IAAI,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;YACvC,IAAI,KAAK,EACT;gBACC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;gBACzB,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC;aACvB;QACF,CAAC,CAAC,CAAC;QACH,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;IAC1B,CAAC;IACD,QAAQ,CAAC,KAAoB;QAE5B,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC1B,CAAC;IACD,SAAS,CAAC,MAAgB;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC;IAC3B,CAAC;IACD,YAAY,CAAC,KAA+B;QAE3C,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EACvB;YACC,IAAI,CAAC,SAAS,CAAC,KAAiB,CAAC,CAAC;SAClC;aACD;YACC,IAAI,CAAC,QAAQ,CAAC,KAAsB,CAAC,CAAC;SACtC;IACF,CAAC;IACQ,MAAM;;QAEd,OAAO,CACN,8BACC,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,EAAE,aAC1C,gBAAM,SAAS,EAAE,MAAM,CAAC,cAAc,kBAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,kBAAW,OAAG,IAAI,CAAC,KAAK,CAAC,KAAK,SAAS,EACrI,KAAC,MAAM,IACN,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAClD,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACxB,SAAS,EAAE,MAAM,CAAC,eAAe,EACjC,WAAW,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,WAAW,mCAAI,WAAW,EAClD,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,eAAe,EAAC,OAAO,EACvB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,YAAY,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,CACzB,KAAC,KAAK,IAAC,SAAS,EAAE,MAAM,CAAC,sBAAsB,YAC7C,MAAM,CAAC,IAAI,CAAC,IAAI,GACV,CACR,EACD,UAAU,EAAE,cAAK,GAAG,EAAE,aAAa,EAAE,GAAG,EAAC,gBAAgB,GAAG,GAC3D,IACG,EACN,KAAC,kBAAkB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAI,IAC7C,CACH,CAAC;IACH,CAAC;CACD"}

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.117",
+    "version": "1.3.118",
     "author": "Amir Abolhasani, Alireza Esmaeeli, Sepideh Mazloumi, Hooman Shashaeh",
     "license": "MIT",
     "main": "./dist/main.js",

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/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} />
-			</>
-		);
-	}
-}