namirasoft-site-react 1.3.265 → 1.3.267

package/dist/components/NSBoxCombo.d.ts

@@ -0,0 +1,33 @@
+import React from "react";
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+import { IValidationProps } from "../props/IValidationProps";
+import { BaseOptionType } from "antd/es/select";
+export interface INSBoxComboOption extends BaseOptionType {
+    desc: string;
+    value: string;
+}
+export interface INSBoxComboProps extends IBaseComponentProps, IValidationProps {
+    title: string;
+    options: INSBoxComboOption[];
+    multiple: boolean;
+    customClass?: string;
+    placeholder?: string;
+    defaultValue?: string;
+    onChanged?: (e: NSBoxCombo) => void;
+    searchable: boolean;
+}
+export interface INSBoxComboState {
+    value: string | null;
+    values: string[];
+    error?: string;
+}
+export declare class NSBoxCombo extends React.Component<INSBoxComboProps, INSBoxComboState> {
+    constructor(props: INSBoxComboProps);
+    getError(value: string): string | null;
+    getValue(): string | null;
+    getValues(): string[];
+    setValue(value: string | null): void;
+    setValues(values: string[]): void;
+    onChange(value: string | null | string[]): void;
+    render(): import("react/jsx-runtime").JSX.Element;
+}

package/dist/components/NSBoxCombo.js

@@ -0,0 +1,65 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from "react";
+import Styles from "./NSBoxCombo.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 NSBoxCombo 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.onChange = this.onChange.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 }, () => {
+            if (this.props.onChanged)
+                this.props.onChanged(this);
+        });
+    }
+    setValues(values) {
+        this.setState({ values }, () => {
+            if (this.props.onChanged)
+                this.props.onChanged(this);
+        });
+    }
+    onChange(value) {
+        if (this.props.multiple)
+            this.setValues(value);
+        else
+            this.setValue(value);
+    }
+    render() {
+        return (_jsxs(_Fragment, { children: [_jsxs("div", { id: this.props.id, className: `${Styles.ns_input_parent} ${this.props.customClass}`, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx(Select, { showSearch: this.props.searchable ? true : undefined, mode: this.props.multiple ? "multiple" : undefined, style: { width: '100%' }, className: Styles.ns_input_select, placeholder: this.props.placeholder, onChange: this.onChange, 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, clearError: () => this.setState({ error: "" }) })] }));
+    }
+}
+//# sourceMappingURL=NSBoxCombo.js.map

package/dist/components/NSBoxCombo.js.map

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

package/dist/components/NSBoxCombo.module.css

@@ -0,0 +1,39 @@
+.ns_input_parent {
+    width: 100%;
+    max-width: 100%;
+    color: #141B5C;
+}
+
+.ns_input_select {
+    height: 48px;
+    border: 1px solid #000 !important;
+    border-radius: 8px;
+    overflow: hidden;
+    width: 100% !important;
+}
+
+.ns_input_select span span svg path {
+    height: 24px !important;
+    width: 24px !important;
+}
+
+.ns_input_select span span svg {
+    height: 24px !important;
+    width: 24px !important;
+}
+
+.ns_input_select span span span svg path {
+    height: 12px !important;
+    width: 12px !important;
+}
+
+.ns_input_select span span span svg {
+    height: 12px !important;
+    width: 12px !important;
+}
+
+@media only screen and (min-width: 380px) {
+    .ns_input_parent {
+        width: 272px;
+    }
+}

package/dist/components/NSBoxEnum.d.ts

@@ -1,32 +1,19 @@
 import React from "react";
-import { IBaseComponentProps } from "../props/IBaseComponentProps";
-import { IValidationProps } from "../props/IValidationProps";
-import { BaseOptionType } from "antd/es/select";
-export interface INSBoxEnumOption extends BaseOptionType {
-    desc: string;
-    value: string;
+import { INSBoxComboProps, NSBoxCombo } from "./NSBoxCombo";
+export interface INSBoxEnumProps extends INSBoxComboProps {
+    options: any;
 }
-export interface INSBoxEnumProps extends IBaseComponentProps, IValidationProps {
-    title: string;
-    options: INSBoxEnumOption[];
-    multiple: boolean;
-    customClass?: string;
-    placeholder?: string;
-    defaultValue?: string;
-    onChanged?: (e: NSBoxEnum) => void;
-}
-export interface INSBoxEnumState {
-    value: string | null;
-    values: string[];
-    error?: string;
-}
-export declare class NSBoxEnum extends React.Component<INSBoxEnumProps, INSBoxEnumState> {
+export declare class NSBoxEnum extends React.Component<INSBoxEnumProps> {
+    NSBoxCombo: React.RefObject<NSBoxCombo>;
     constructor(props: INSBoxEnumProps);
     getError(value: string): string | null;
-    getValue(): string | null;
-    getValues(): string[];
+    getValue<T>(enumObj: {
+        [s: string]: T;
+    }, _default: T): T | null;
+    getValues<T>(enumObj: {
+        [s: string]: T;
+    }, _default: T): T[];
     setValue(value: string | null): void;
     setValues(values: string[]): void;
-    onChange(value: string | null | string[]): void;
     render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/components/NSBoxEnum.js

@@ -1,66 +1,46 @@
 "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";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { createRef } from "react";
+import { ObjectService } from "namirasoft-core";
+import { NSBoxCombo } from "./NSBoxCombo";
 export class NSBoxEnum extends React.Component {
     constructor(props) {
         super(props);
-        this.state = {
-            value: null,
-            values: [],
-        };
+        this.NSBoxCombo = createRef();
         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.onChange = this.onChange.bind(this);
     }
     getError(value) {
-        return (Validator.getError(this.props.title, value, this.props));
+        var _a, _b;
+        return (_b = (_a = this.NSBoxCombo.current) === null || _a === void 0 ? void 0 : _a.getError(value)) !== null && _b !== void 0 ? _b : null;
     }
-    getValue() {
-        let error = this.getError(this.state.value || "");
-        if (error) {
-            this.setState({ error });
-            throw new Error(error);
-        }
-        return this.state.value;
+    getValue(enumObj, _default) {
+        var _a;
+        return new ObjectService((_a = this.NSBoxCombo.current) === null || _a === void 0 ? void 0 : _a.getValue()).getEnum(enumObj, _default);
     }
-    getValues() {
-        this.state.values.forEach(value => {
-            let error = this.getError(value || "");
-            if (error) {
-                this.setState({ error });
-                throw new Error(error);
-            }
-        });
-        return this.state.values;
+    getValues(enumObj, _default) {
+        var _a, _b;
+        let values = (_b = (_a = this.NSBoxCombo.current) === null || _a === void 0 ? void 0 : _a.getValues()) !== null && _b !== void 0 ? _b : [];
+        return values.map(value => new ObjectService(value).getEnum(enumObj, _default));
     }
     setValue(value) {
-        this.setState({ value }, () => {
-            if (this.props.onChanged)
-                this.props.onChanged(this);
-        });
+        var _a;
+        (_a = this.NSBoxCombo.current) === null || _a === void 0 ? void 0 : _a.setValue(value);
     }
     setValues(values) {
-        this.setState({ values }, () => {
-            if (this.props.onChanged)
-                this.props.onChanged(this);
-        });
-    }
-    onChange(value) {
-        if (this.props.multiple)
-            this.setValues(value);
-        else
-            this.setValue(value);
+        var _a;
+        (_a = this.NSBoxCombo.current) === null || _a === void 0 ? void 0 : _a.setValues(values);
     }
     render() {
-        var _a;
-        return (_jsxs(_Fragment, { children: [_jsxs("div", { id: this.props.id, className: `${Styles.ns_input_parent} ${this.props.customClass}`, 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.onChange, 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, clearError: () => this.setState({ error: "" }) })] }));
+        let options = Object.keys(this.props.options).map(key => {
+            return {
+                desc: key,
+                value: key,
+            };
+        });
+        return (_jsx(NSBoxCombo, Object.assign({ ref: this.NSBoxCombo }, this.props, { options: options })));
     }
 }
 //# 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":"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"}
+{"version":3,"file":"NSBoxEnum.js","sourceRoot":"","sources":["../../src/components/NSBoxEnum.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAuC,UAAU,EAAE,MAAM,cAAc,CAAC;AAO/E,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAA0B;IAG9D,YAAY,KAAsB;QAEjC,KAAK,CAAC,KAAK,CAAC,CAAC;QAHP,eAAU,GAAG,SAAS,EAAc,CAAC;QAI3C,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;IAC1C,CAAC;IACD,QAAQ,CAAC,KAAa;;QAErB,OAAO,MAAA,MAAA,IAAI,CAAC,UAAU,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,mCAAI,IAAI,CAAC;IACzD,CAAC;IACD,QAAQ,CAAI,OAA2B,EAAE,QAAW;;QAEnD,OAAO,IAAI,aAAa,CAAC,MAAA,IAAI,CAAC,UAAU,CAAC,OAAO,0CAAE,QAAQ,EAAE,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IAC1F,CAAC;IACD,SAAS,CAAI,OAA2B,EAAE,QAAW;;QAEpD,IAAI,MAAM,GAAG,MAAA,MAAA,IAAI,CAAC,UAAU,CAAC,OAAO,0CAAE,SAAS,EAAE,mCAAI,EAAE,CAAC;QACxD,OAAO,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,aAAa,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IACjF,CAAC;IACD,QAAQ,CAAC,KAAoB;;QAE5B,MAAA,IAAI,CAAC,UAAU,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC;IACD,SAAS,CAAC,MAAgB;;QAEzB,MAAA,IAAI,CAAC,UAAU,CAAC,OAAO,0CAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC5C,CAAC;IACQ,MAAM;QAEd,IAAI,OAAO,GAAwB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;YAE5E,OAAO;gBACN,IAAI,EAAE,GAAG;gBACT,KAAK,EAAE,GAAG;aACV,CAAC;QACH,CAAC,CAAC,CAAC;QACH,OAAO,CACN,KAAC,UAAU,kBAAC,GAAG,EAAE,IAAI,CAAC,UAAU,IAAM,IAAI,CAAC,KAAK,IAAE,OAAO,EAAE,OAAO,IAAe,CACjF,CAAC;IACH,CAAC;CACD"}

package/dist/components/NSBoxEnum.module.css

@@ -1,39 +0,0 @@
-.ns_input_parent {
-    width: 100%;
-    max-width: 100%;
-    color: #141B5C;
-}
-
-.ns_input_select {
-    height: 48px;
-    border: 1px solid #000 !important;
-    border-radius: 8px;
-    overflow: hidden;
-    width: 100% !important;
-}
-
-.ns_input_select span span svg path {
-    height: 24px !important;
-    width: 24px !important;
-}
-
-.ns_input_select span span svg {
-    height: 24px !important;
-    width: 24px !important;
-}
-
-.ns_input_select span span span svg path {
-    height: 12px !important;
-    width: 12px !important;
-}
-
-.ns_input_select span span span svg {
-    height: 12px !important;
-    width: 12px !important;
-}
-
-@media only screen and (min-width: 380px) {
-    .ns_input_parent {
-        width: 272px;
-    }
-}

package/dist/components/NSFilterBoxDialog.js

@@ -7,7 +7,7 @@ import { NSButtonBlue } from './NSButtonBlue';
 import { NSButtonRed } from './NSButtonRed';
 export class NSFilterBoxDialog extends Component {
     render() {
-        return (_jsxs("div", { className: Styles.ns_dialog_holder, children: [_jsx("button", { className: Styles.ns_dialog_close, onClick: this.props.onCloseDialog, children: _jsx("img", { src: "https://static.namirasoft.com/image/concept/close/blue.svg", alt: "close-dialog", width: 24, height: 24 }) }), _jsx("h3", { className: Styles.ns_dialog_title, children: "Edit Dialog" }), _jsx(NSBoxEnum, { title: "this.props.title", placeholder: "", options: [], multiple: false, required: false }), _jsx(NSBoxEnum, { title: "this.props.title", placeholder: "", options: [], multiple: false, required: false }), _jsx(NSBoxString, { title: '', required: false }), _jsxs("div", { className: Styles.ns_dialog_btn_container, children: [_jsx(NSButtonRed, { title: 'Apply', onClick: () => { }, style: {
+        return (_jsxs("div", { className: Styles.ns_dialog_holder, children: [_jsx("button", { className: Styles.ns_dialog_close, onClick: this.props.onCloseDialog, children: _jsx("img", { src: "https://static.namirasoft.com/image/concept/close/blue.svg", alt: "close-dialog", width: 24, height: 24 }) }), _jsx("h3", { className: Styles.ns_dialog_title, children: "Edit Dialog" }), _jsx(NSBoxEnum, { searchable: true, title: "this.props.title", placeholder: "", options: {}, multiple: false, required: false }), _jsx(NSBoxEnum, { searchable: true, title: "this.props.title", placeholder: "", options: {}, multiple: false, required: false }), _jsx(NSBoxString, { title: '', required: false }), _jsxs("div", { className: Styles.ns_dialog_btn_container, children: [_jsx(NSButtonRed, { title: 'Apply', onClick: () => { }, style: {
                                 border: "solid 1px red",
                                 color: "red",
                                 backgroundColor: "#fff"

package/dist/components/NSFilterBoxDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSFilterBoxDialog.js","sourceRoot":"","sources":["../../src/components/NSFilterBoxDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,MAAM,gCAAgC,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAW5C,MAAM,OAAO,iBAAkB,SAAQ,SAA2D;IAExF,MAAM;QAEd,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,aACtC,iBAAQ,SAAS,EAAE,MAAM,CAAC,eAAe,EACxC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,YACjC,cAAK,GAAG,EAAC,4DAA4D,EAAC,GAAG,EAAC,cAAc,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GAC1G,EACT,aAAI,SAAS,EAAE,MAAM,CAAC,eAAe,4BAEhC,EACL,KAAC,SAAS,IACT,KAAK,EAAE,kBAAkB,EACzB,WAAW,EAAC,EAAE,EACd,OAAO,EAAE,EAAE,EACX,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,KAAK,GACd,EAEF,KAAC,SAAS,IACT,KAAK,EAAE,kBAAkB,EACzB,WAAW,EAAC,EAAE,EACd,OAAO,EAAE,EAAE,EACX,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,KAAK,GACd,EAEF,KAAC,WAAW,IACX,KAAK,EAAC,EAAE,EACR,QAAQ,EAAE,KAAK,GACd,EAEF,eAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,aAC7C,KAAC,WAAW,IACX,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,EAClB,KAAK,EACJ;gCACC,MAAM,EAAE,eAAe;gCACvB,KAAK,EAAE,KAAK;gCACZ,eAAe,EAAE,MAAM;6BACvB,GAED,EAEF,KAAC,YAAY,IACZ,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,GAChC,IACG,IACD,CACN,CAAC;IACH,CAAC;CACD"}
+{"version":3,"file":"NSFilterBoxDialog.js","sourceRoot":"","sources":["../../src/components/NSFilterBoxDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,MAAM,gCAAgC,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAW5C,MAAM,OAAO,iBAAkB,SAAQ,SAA2D;IAExF,MAAM;QAEd,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,aACtC,iBAAQ,SAAS,EAAE,MAAM,CAAC,eAAe,EACxC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,YACjC,cAAK,GAAG,EAAC,4DAA4D,EAAC,GAAG,EAAC,cAAc,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GAC1G,EACT,aAAI,SAAS,EAAE,MAAM,CAAC,eAAe,4BAEhC,EACL,KAAC,SAAS,IACT,UAAU,EAAE,IAAI,EAChB,KAAK,EAAE,kBAAkB,EACzB,WAAW,EAAC,EAAE,EACd,OAAO,EAAE,EAAE,EACX,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,KAAK,GACd,EAEF,KAAC,SAAS,IACT,UAAU,EAAE,IAAI,EAChB,KAAK,EAAE,kBAAkB,EACzB,WAAW,EAAC,EAAE,EACd,OAAO,EAAE,EAAE,EACX,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,KAAK,GACd,EAEF,KAAC,WAAW,IACX,KAAK,EAAC,EAAE,EACR,QAAQ,EAAE,KAAK,GACd,EAEF,eAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,aAC7C,KAAC,WAAW,IACX,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,EAClB,KAAK,EACJ;gCACC,MAAM,EAAE,eAAe;gCACvB,KAAK,EAAE,KAAK;gCACZ,eAAe,EAAE,MAAM;6BACvB,GAED,EAEF,KAAC,YAAY,IACZ,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,GAChC,IACG,IACD,CACN,CAAC;IACH,CAAC;CACD"}

package/dist/components/NSPagination.d.ts

@@ -1,7 +1,7 @@
 import { Component } from 'react';
 import { IBaseComponentProps } from '../props/IBaseComponentProps';
-import { NSBoxEnum } from './NSBoxEnum';
 import React from "react";
+import { NSBoxCombo } from './NSBoxCombo';
 export interface INSPaginationProps extends IBaseComponentProps {
     totalItems: number;
     onPageChange: (page: number, size: number) => void;
@@ -11,7 +11,7 @@ interface INSPaginationState {
     pageSize: number;
 }
 export declare class NSPagination extends Component<INSPaginationProps, INSPaginationState> {
-    PageSize: React.RefObject<NSBoxEnum>;
+    PageSize: React.RefObject<NSBoxCombo>;
     constructor(props: INSPaginationProps);
     getCurrentPage(): number;
     getPageSize(): number;

package/dist/components/NSPagination.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Component } from 'react';
-import { NSBoxEnum } from './NSBoxEnum';
 import Styles from './NSPagination.module.css';
 import React from "react";
+import { NSBoxCombo } from './NSBoxCombo';
 let pageSizes = [25, 50, 100, 200, 500];
 export class NSPagination extends Component {
     constructor(props) {
@@ -69,7 +69,7 @@ export class NSPagination extends Component {
                         });
                     }
                 }, children: _jsx("img", { style: { margin: "0 0 0 8px" }, src: "https://static.namirasoft.com/image/concept/arrow/right/white-blue.svg", width: 32, height: 32, alt: "right_vector" }) }) }, "next"));
-        return (_jsx(_Fragment, { children: _jsxs("div", { id: this.props.id, className: `${Styles.ns_pagination_container} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(' ')}`, style: this.props.style, children: [pages, _jsxs("div", { className: Styles.ns_pagination_info, children: [_jsx("div", { style: { width: 70 }, children: _jsx(NSBoxEnum, { ref: this.PageSize, title: '', multiple: false, required: false, options: pageSizes.map(pagesize => { return { desc: pagesize.toString(), value: pagesize.toString() }; }), onChanged: () => {
+        return (_jsx(_Fragment, { children: _jsxs("div", { id: this.props.id, className: `${Styles.ns_pagination_container} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(' ')}`, style: this.props.style, children: [pages, _jsxs("div", { className: Styles.ns_pagination_info, children: [_jsx("div", { style: { width: 70 }, children: _jsx(NSBoxCombo, { searchable: false, ref: this.PageSize, title: '', multiple: false, required: false, options: pageSizes.map(pagesize => { return { desc: pagesize.toString(), value: pagesize.toString() }; }), onChanged: () => {
                                         var _a, _b;
                                         let currentPage = this.state.currentPage;
                                         let pageSize = parseInt((_b = (_a = this.PageSize.current) === null || _a === void 0 ? void 0 : _a.getValue()) !== null && _b !== void 0 ? _b : pageSizes[0].toString());

package/dist/components/NSPagination.js.map

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

package/dist/main.d.ts

@@ -4,6 +4,7 @@ export * from "./components/NSBarHeroBanner";
 export * from "./components/NSBarNotification";
 export * from "./components/NSBarTitle";
 export * from "./components/NSBoxBoolean";
+export * from "./components/NSBoxCombo";
 export * from "./components/NSBoxDate";
 export * from "./components/NSBoxDateTime";
 export * from "./components/NSBoxDouble";

package/dist/main.js

@@ -4,6 +4,7 @@ export * from "./components/NSBarHeroBanner";
 export * from "./components/NSBarNotification";
 export * from "./components/NSBarTitle";
 export * from "./components/NSBoxBoolean";
+export * from "./components/NSBoxCombo";
 export * from "./components/NSBoxDate";
 export * from "./components/NSBoxDateTime";
 export * from "./components/NSBoxDouble";

package/dist/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yBAAyB,CAAC;AACxC,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,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,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,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,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,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,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.265",
+    "version": "1.3.267",
     "author": "Amir Abolhasani, Alireza Esmaeeli, Sepideh Mazloumi, Hooman Shashaeh",
     "license": "MIT",
     "main": "./dist/main.js",
@@ -28,7 +28,7 @@
         "bootstrap": "^5.3.3",
         "copyfiles": "^2.4.1",
         "link-react": "^3.0.0",
-        "namirasoft-api-link": "^1.3.12",
+        "namirasoft-api-link": "^1.3.13",
         "namirasoft-core": "^1.3.67",
         "path-browserify": "^1.0.1",
         "react": "^18.3.1",

package/src/components/NSBoxCombo.module.css

@@ -0,0 +1,39 @@
+.ns_input_parent {
+    width: 100%;
+    max-width: 100%;
+    color: #141B5C;
+}
+
+.ns_input_select {
+    height: 48px;
+    border: 1px solid #000 !important;
+    border-radius: 8px;
+    overflow: hidden;
+    width: 100% !important;
+}
+
+.ns_input_select span span svg path {
+    height: 24px !important;
+    width: 24px !important;
+}
+
+.ns_input_select span span svg {
+    height: 24px !important;
+    width: 24px !important;
+}
+
+.ns_input_select span span span svg path {
+    height: 12px !important;
+    width: 12px !important;
+}
+
+.ns_input_select span span span svg {
+    height: 12px !important;
+    width: 12px !important;
+}
+
+@media only screen and (min-width: 380px) {
+    .ns_input_parent {
+        width: 272px;
+    }
+}

package/src/components/NSBoxCombo.tsx

@@ -0,0 +1,132 @@
+"use client";
+
+import React from "react";
+import Styles from "./NSBoxCombo.module.css";
+import { Select, Space } 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";
+import { BaseOptionType } from "antd/es/select";
+
+export interface INSBoxComboOption extends BaseOptionType
+{
+	desc: string;
+	value: string;
+}
+
+export interface INSBoxComboProps extends IBaseComponentProps, IValidationProps
+{
+	title: string;
+	options: INSBoxComboOption[];
+	multiple: boolean;
+	customClass?: string;
+	placeholder?: string;
+	defaultValue?: string;
+	onChanged?: (e: NSBoxCombo) => void;
+	searchable: boolean;
+}
+
+export interface INSBoxComboState
+{
+	value: string | null;
+	values: string[];
+	error?: string;
+}
+
+export class NSBoxCombo extends React.Component<INSBoxComboProps, INSBoxComboState>
+{
+	constructor(props: INSBoxComboProps)
+	{
+		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.onChange = this.onChange.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 }, () =>
+		{
+			if (this.props.onChanged)
+				this.props.onChanged(this);
+		});
+	}
+	setValues(values: string[]): void
+	{
+		this.setState({ values }, () =>
+		{
+			if (this.props.onChanged)
+				this.props.onChanged(this);
+		});
+	}
+	onChange(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 id={this.props.id} className={`${Styles.ns_input_parent} ${this.props.customClass}`}>
+					<span className={Styles.ns_input_title}> {this.props.required && <span style={{ color: "red" }} >*</span>} {this.props.title} </span>
+					<Select
+						showSearch={this.props.searchable ? true : undefined}
+						mode={this.props.multiple ? "multiple" : undefined}
+						style={{ width: '100%' }}
+						className={Styles.ns_input_select}
+						placeholder={this.props.placeholder}
+						onChange={this.onChange}
+						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} clearError={() => this.setState({ error: "" })} />
+			</>
+		);
+	}
+}

package/src/components/NSBoxEnum.module.css

@@ -1,39 +0,0 @@
-.ns_input_parent {
-    width: 100%;
-    max-width: 100%;
-    color: #141B5C;
-}
-
-.ns_input_select {
-    height: 48px;
-    border: 1px solid #000 !important;
-    border-radius: 8px;
-    overflow: hidden;
-    width: 100% !important;
-}
-
-.ns_input_select span span svg path {
-    height: 24px !important;
-    width: 24px !important;
-}
-
-.ns_input_select span span svg {
-    height: 24px !important;
-    width: 24px !important;
-}
-
-.ns_input_select span span span svg path {
-    height: 12px !important;
-    width: 12px !important;
-}
-
-.ns_input_select span span span svg {
-    height: 12px !important;
-    width: 12px !important;
-}
-
-@media only screen and (min-width: 380px) {
-    .ns_input_parent {
-        width: 272px;
-    }
-}

package/src/components/NSBoxEnum.tsx

@@ -1,130 +1,57 @@
 "use client";
 
-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 { IBaseComponentProps } from "../props/IBaseComponentProps";
-import { IValidationProps } from "../props/IValidationProps";
-import { Validator } from "../Validator";
-import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
-import { BaseOptionType } from "antd/es/select";
+import React, { createRef } from "react";
+import { ObjectService } from "namirasoft-core";
+import { INSBoxComboOption, INSBoxComboProps, NSBoxCombo } from "./NSBoxCombo";
 
-export interface INSBoxEnumOption extends BaseOptionType
+export interface INSBoxEnumProps extends INSBoxComboProps
 {
-	desc: string;
-	value: string;
+	options: any;
 }
 
-export interface INSBoxEnumProps extends IBaseComponentProps, IValidationProps
-{
-	title: string;
-	options: INSBoxEnumOption[];
-	multiple: boolean;
-	customClass?: string;
-	placeholder?: string;
-	defaultValue?: string;
-	onChanged?: (e: NSBoxEnum) => void;
-}
-
-export interface INSBoxEnumState
-{
-	value: string | null;
-	values: string[];
-	error?: string;
-}
-
-export class NSBoxEnum extends React.Component<INSBoxEnumProps, INSBoxEnumState>
+export class NSBoxEnum extends React.Component<INSBoxEnumProps>
 {
+	public NSBoxCombo = createRef<NSBoxCombo>();
 	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.onChange = this.onChange.bind(this);
 	}
 	getError(value: string): string | null
 	{
-		return (
-			Validator.getError(this.props.title, value, this.props)
-		);
+		return this.NSBoxCombo.current?.getError(value) ?? null;
 	}
-	getValue(): string | null
+	getValue<T>(enumObj: { [s: string]: T }, _default: T): T | null
 	{
-		let error = this.getError(this.state.value || "");
-		if (error)
-		{
-			this.setState({ error });
-			throw new Error(error);
-		}
-		return this.state.value;
+		return new ObjectService(this.NSBoxCombo.current?.getValue()).getEnum(enumObj, _default);
 	}
-	getValues(): string[]
+	getValues<T>(enumObj: { [s: string]: T }, _default: T): T[]
 	{
-		this.state.values.forEach(value =>
-		{
-			let error = this.getError(value || "");
-			if (error)
-			{
-				this.setState({ error });
-				throw new Error(error);
-			}
-		});
-		return this.state.values;
+		let values = this.NSBoxCombo.current?.getValues() ?? [];
+		return values.map(value => new ObjectService(value).getEnum(enumObj, _default));
 	}
 	setValue(value: string | null): void
 	{
-		this.setState({ value }, () =>
-		{
-			if (this.props.onChanged)
-				this.props.onChanged(this);
-		});
+		this.NSBoxCombo.current?.setValue(value);
 	}
 	setValues(values: string[]): void
 	{
-		this.setState({ values }, () =>
-		{
-			if (this.props.onChanged)
-				this.props.onChanged(this);
-		});
-	}
-	onChange(value: string | null | string[]): void
-	{
-		if (this.props.multiple)
-			this.setValues(value as string[]);
-		else
-			this.setValue(value as string | null);
+		this.NSBoxCombo.current?.setValues(values);
 	}
 	override render()
 	{
+		let options: INSBoxComboOption[] = Object.keys(this.props.options).map(key =>
+		{
+			return {
+				desc: key,
+				value: key,
+			};
+		});
 		return (
-			<>
-				<div id={this.props.id} className={`${Styles.ns_input_parent} ${this.props.customClass}`}>
-					<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.onChange}
-						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} clearError={() => this.setState({ error: "" })} />
-			</>
+			<NSBoxCombo ref={this.NSBoxCombo} {...this.props} options={options}></NSBoxCombo>
 		);
 	}
 }

package/src/components/NSFilterBoxDialog.tsx

@@ -29,17 +29,19 @@ export class NSFilterBoxDialog extends Component<INSFilterBoxDialogProps, INSFil
 					Edit Dialog
 				</h3>
 				<NSBoxEnum
+					searchable={true}
 					title={"this.props.title"}
 					placeholder=""
-					options={[]}
+					options={{}}
 					multiple={false}
 					required={false}
 				/>
 
 				<NSBoxEnum
+					searchable={true}
 					title={"this.props.title"}
 					placeholder=""
-					options={[]}
+					options={{}}
 					multiple={false}
 					required={false}
 				/>

package/src/components/NSPagination.tsx

@@ -1,8 +1,8 @@
 import { Component } from 'react';
 import { IBaseComponentProps } from '../props/IBaseComponentProps';
-import { NSBoxEnum } from './NSBoxEnum';
 import Styles from './NSPagination.module.css';
 import React from "react";
+import { NSBoxCombo } from './NSBoxCombo';
 
 export interface INSPaginationProps extends IBaseComponentProps
 {
@@ -20,7 +20,7 @@ let pageSizes = [25, 50, 100, 200, 500];
 
 export class NSPagination extends Component<INSPaginationProps, INSPaginationState>
 {
-    PageSize = React.createRef<NSBoxEnum>();
+    PageSize = React.createRef<NSBoxCombo>();
     constructor(props: INSPaginationProps)
     {
         super(props);
@@ -163,7 +163,8 @@ export class NSPagination extends Component<INSPaginationProps, INSPaginationSta
                     {pages}
                     <div className={Styles.ns_pagination_info}>
                         <div style={{ width: 70 }}>
-                            <NSBoxEnum
+                            <NSBoxCombo
+                                searchable={false}
                                 ref={this.PageSize}
                                 title=''
                                 multiple={false}

package/src/main.ts

@@ -4,6 +4,7 @@ export * from "./components/NSBarHeroBanner";
 export * from "./components/NSBarNotification";
 export * from "./components/NSBarTitle";
 export * from "./components/NSBoxBoolean";
+export * from "./components/NSBoxCombo";
 export * from "./components/NSBoxDate";
 export * from "./components/NSBoxDateTime";
 export * from "./components/NSBoxDouble";