namirasoft-site-react 1.4.133 → 1.4.134

package/dist/components/NSBoxBoolean.module.css

@@ -1,89 +1,68 @@
-.ns_input_parent {
-	display: flex;
-	flex-direction: column;
-	color: #141B5C;
-	position: relative;
-	justify-content: center;
-	width: 100%;
-	cursor: pointer;
-}
-
-.ns_input_title {
-	font-size: 16px;
-	font-weight: 400;
-}
-
-.ns_checkbox_parent {
-	width: 100%;
-	height: 48px;
-	padding: 10px 12px 10px 12px;
-	background-color: #fff;
-	color: #141B5C;
-	border-radius: 8px;
-	border: 1px solid rgba(0, 0, 0, 1) !important;
-	font-size: 16px;
-	font-weight: 400;
-	font-family: inherit;
-	cursor: pointer;
-	position: relative;
-	display: flex;
-	flex-direction: row;
-	justify-content: left;
-	align-items: center;
-	gap: 4px;
-}
-
-.ns_input {
-	width: 24px;
-	height: 24px;
-	cursor: pointer;
-}
-
-.ns_input:focus-visible {
-	border-color: rgba(0, 0, 0, 1) !important;
-	outline: solid 1px #4096ff !important;
-}
-
-.ns_input:checked {
-	accent-color: #141B5C;
-}
-
-@media only screen and (min-width: 380px) {
-	.ns_input_parent {
-		max-width: 272px;
-	}
-}
-
-.ns_indeterminate:indeterminate {
-	border: 1px solid rgba(255, 148, 50, 1);
-}
-
-.ns_indeterminate {
-	position: relative;
-}
-
-.ns_indeterminate::before {
-	content: "";
-	display: block;
-	position: absolute;
-	width: 100%;
-	height: 100%;
-	top: 0;
-	right: 0;
-	border: 5px solid #141b5c;
-	color: #141b5c;
-	background: #fffbff;
-}
-
-.ns_indeterminate::after {
-	content: "";
-	display: block;
-	position: absolute;
-	width: 18px;
-	height: 18px;
-	top: 3px;
-	left: 3px;
-	border: 3px solid #fffbff;
-	color: #141b5c;
-	background: #141b5c;
+.ns_checkbox_parent {
+	width: 100%;
+	height: 48px;
+	padding: 10px 12px 10px 12px;
+	background-color: #fff;
+	color: #141B5C;
+	border-radius: 8px;
+	border: 1px solid rgba(0, 0, 0, 1) !important;
+	font-size: 16px;
+	font-weight: 400;
+	font-family: inherit;
+	cursor: pointer;
+	position: relative;
+	display: flex;
+	flex-direction: row;
+	justify-content: left;
+	align-items: center;
+	gap: 4px;
+}
+
+.ns_input {
+	width: 24px;
+	height: 24px;
+	cursor: pointer;
+}
+
+.ns_input:focus-visible {
+	border-color: rgba(0, 0, 0, 1) !important;
+	outline: solid 1px #4096ff !important;
+}
+
+.ns_input:checked {
+	accent-color: #141B5C;
+}
+
+.ns_indeterminate:indeterminate {
+	border: 1px solid rgba(255, 148, 50, 1);
+}
+
+.ns_indeterminate {
+	position: relative;
+}
+
+.ns_indeterminate::before {
+	content: "";
+	display: block;
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	top: 0;
+	right: 0;
+	border: 5px solid #141b5c;
+	color: #141b5c;
+	background: #fffbff;
+}
+
+.ns_indeterminate::after {
+	content: "";
+	display: block;
+	position: absolute;
+	width: 18px;
+	height: 18px;
+	top: 3px;
+	left: 3px;
+	border: 3px solid #fffbff;
+	color: #141b5c;
+	background: #141b5c;
 }

package/dist/components/NSBoxCombo.d.ts

@@ -1,33 +1,14 @@
 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 {
-    value: string;
+import { NSBoxBaseCombo, NSBoxBaseComboBaseProps, NSBoxBaseComboOption } from "./NSBoxBaseCombo";
+export interface NSBoxComboProps extends NSBoxBaseComboBaseProps {
+    getOptions: () => NSBoxBaseComboOption[];
 }
-export interface INSBoxComboProps extends IBaseComponentProps, IValidationProps {
-    title: string;
-    options: INSBoxComboOption[];
-    multiple: boolean;
-    customClass?: string;
-    placeholder?: string;
-    defaultValue?: string;
-    onChanged?: (e: NSBoxCombo, callback?: () => void) => 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;
+export declare class NSBoxCombo extends React.Component<NSBoxComboProps> {
+    NSBoxBaseCombo: React.RefObject<NSBoxBaseCombo<NSBoxBaseComboOption>>;
+    constructor(props: NSBoxComboProps);
     getValue(checkError?: boolean): string | null;
     getValues(): string[];
     setValue(value: string | null, callback?: () => void): void;
     setValues(values: string[], callback?: () => void): void;
-    onChange(value: string | null | string[]): void;
-    componentDidMount(): void;
     render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/components/NSBoxCombo.js

@@ -1,82 +1,52 @@
 "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 StyleNSBox from "./NSBox.module.css";
-import { Select, Space } from 'antd';
-import { Validator } from "../Validator";
-import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { createRef } from "react";
+import { NSBoxBaseCombo } from "./NSBoxBaseCombo";
 export class NSBoxCombo extends React.Component {
     constructor(props) {
         super(props);
-        this.state = {
-            value: null,
-            values: [],
-        };
+        this.NSBoxBaseCombo = 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));
     }
     getValue(checkError = true) {
-        if (checkError) {
-            let error = this.getError(this.state.value || "");
-            if (error) {
-                this.setState({ error });
-                throw new Error(error);
-            }
-        }
-        return this.state.value;
+        var _a, _b;
+        return (_b = (_a = this.NSBoxBaseCombo.current) === null || _a === void 0 ? void 0 : _a.getValue(checkError)) !== null && _b !== void 0 ? _b : null;
     }
     getValues() {
-        this.state.values.forEach(value => {
-            let error = this.getError(value || "");
-            if (error) {
-                this.setState({ error });
-                throw new Error(error);
-            }
-        });
-        return this.state.values;
+        var _a, _b;
+        return (_b = (_a = this.NSBoxBaseCombo.current) === null || _a === void 0 ? void 0 : _a.getValues()) !== null && _b !== void 0 ? _b : [];
     }
     setValue(value, callback) {
-        this.setState({ value }, () => {
-            if (this.props.onChanged)
-                this.props.onChanged(this, callback);
-            else if (callback)
-                callback();
-        });
+        var _a;
+        (_a = this.NSBoxBaseCombo.current) === null || _a === void 0 ? void 0 : _a.setValue(value, callback);
     }
     setValues(values, callback) {
-        this.setState({ values }, () => {
-            if (this.props.onChanged)
-                this.props.onChanged(this, callback);
-            else if (callback)
-                callback();
-        });
-    }
-    onChange(value) {
-        if (this.props.multiple)
-            this.setValues(value);
-        else
-            this.setValue(value);
-    }
-    componentDidMount() {
-        if (this.props.defaultValue) {
-            let value = this.getValue(false);
-            if (!value) {
-                this.setState({ value: this.props.defaultValue });
-            }
-        }
+        var _a;
+        (_a = this.NSBoxBaseCombo.current) === null || _a === void 0 ? void 0 : _a.setValues(values, callback);
     }
     render() {
-        return (_jsx(_Fragment, { children: _jsxs("div", { id: this.props.id, className: `${StyleNSBox.ns_input_parent} ${this.props.customClass}`, children: [_jsxs("span", { className: StyleNSBox.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx(Select, { showSearch: this.props.searchable, value: this.props.multiple ? (this.state.values) : (this.state.value), mode: this.props.multiple ? "multiple" : undefined, className: Styles.ns_input_select, placeholder: this.props.placeholder, onChange: this.onChange, optionLabelProp: "label", options: this.props.options, defaultValue: this.props.defaultValue, optionRender: (option) => {
-                            var _a;
-                            return (_jsx(Space, { className: StyleNSBox.ns_input_select_option, children: (_a = option.data.title) !== null && _a !== void 0 ? _a : "" }));
-                        }, suffixIcon: _jsx("img", { src: "https://static.namirasoft.com/image/concept/arrow/down/blue.svg", width: 24, height: 24, alt: "SelectBox Icon" }) }), _jsx(NSBoxErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }) }));
+        return _jsx(NSBoxBaseCombo, Object.assign({ ref: this.NSBoxBaseCombo }, this.props, { onChanged: (_, callback) => {
+                if (this.props.onChanged)
+                    this.props.onChanged(this, callback);
+            }, onClicked: (_) => {
+                if (this.props.onClicked)
+                    this.props.onClicked(this);
+            }, getItems: () => __awaiter(this, void 0, void 0, function* () {
+                let rows = this.props.getOptions();
+                return { count: rows.length, rows };
+            }), getValue: x => x.value, getTitle: x => x.title }));
     }
 }
 //# sourceMappingURL=NSBoxCombo.js.map

package/dist/components/NSBoxCombo.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSBoxCombo.js","sourceRoot":"","sources":["../../src/components/NSBoxCombo.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"NSBoxCombo.js","sourceRoot":"","sources":["../../src/components/NSBoxCombo.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;AAEb,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,cAAc,EAAiD,MAAM,kBAAkB,CAAC;AAOjG,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,SAA0B;IAG/D,YAAY,KAAsB;QAEjC,KAAK,CAAC,KAAK,CAAC,CAAC;QAHP,mBAAc,GAAG,SAAS,EAAwC,CAAC;QAIzE,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,aAAsB,IAAI;;QAElC,OAAO,MAAA,MAAA,IAAI,CAAC,cAAc,CAAC,OAAO,0CAAE,QAAQ,CAAC,UAAU,CAAC,mCAAI,IAAI,CAAC;IAClE,CAAC;IACD,SAAS;;QAER,OAAO,MAAA,MAAA,IAAI,CAAC,cAAc,CAAC,OAAO,0CAAE,SAAS,EAAE,mCAAI,EAAE,CAAC;IACvD,CAAC;IACD,QAAQ,CAAC,KAAoB,EAAE,QAAqB;;QAEnD,MAAA,IAAI,CAAC,cAAc,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IACxD,CAAC;IACD,SAAS,CAAC,MAAgB,EAAE,QAAqB;;QAEhD,MAAA,IAAI,CAAC,cAAc,CAAC,OAAO,0CAAE,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAC1D,CAAC;IACQ,MAAM;QAEd,OAAO,KAAC,cAAc,kBACrB,GAAG,EAAE,IAAI,CAAC,cAAc,IACpB,IAAI,CAAC,KAAK,IACd,SAAS,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE;gBAE1B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;oBACvB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;YACvC,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;gBAEhB,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;oBACvB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;YAC7B,CAAC,EACD,QAAQ,EAAE,GAAS,EAAE;gBAEpB,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;gBACnC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC;YACrC,CAAC,CAAA,EACD,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EACtB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,IACrB,CAAA;IACH,CAAC;CACD"}

package/dist/components/NSBoxDate.d.ts

@@ -1,19 +1,20 @@
 import React from "react";
+import "./NSBoxDate.module.css";
 import { IBaseComponentProps } from "../props/IBaseComponentProps";
 import { IValidationProps } from "../props/IValidationProps";
-export interface INSBoxDateProps extends IBaseComponentProps, IValidationProps {
+export interface NSBoxDateProps extends IBaseComponentProps, IValidationProps {
     title: string;
     placeholder?: string;
     defaultValue?: string;
     onChanged?: (e: NSBoxDate, callback?: () => void) => void;
     onClicked?: (e: NSBoxDate) => void;
 }
-export interface INSBoxDateState {
+export interface NSBoxDateState {
     value: string;
     error?: string;
 }
-export declare class NSBoxDate extends React.Component<INSBoxDateProps, INSBoxDateState> {
-    constructor(props: INSBoxDateProps);
+export declare class NSBoxDate extends React.Component<NSBoxDateProps, NSBoxDateState> {
+    constructor(props: NSBoxDateProps);
     getError(): string | null;
     getValue(checkError?: boolean): Date;
     setValue(value: string, callback?: () => void): void;

package/dist/components/NSBoxDate.js

@@ -1,9 +1,11 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from "react";
-import Styles from "./NSBoxDate.module.css";
-import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
+import "./NSBoxDate.module.css";
+import StylesNSBox from "./NSBox.module.css";
+import { NSLabelErrorNotifier } from "./NSLabelErrorNotifier";
 import { Validator } from "../Validator";
+import { NSMenuButton } from "./NSMenuButton";
 export class NSBoxDate extends React.Component {
     constructor(props) {
         var _a;
@@ -39,8 +41,13 @@ export class NSBoxDate extends React.Component {
         this.setValue(e.target.value);
     }
     render() {
-        var _a;
-        return (_jsx(_Fragment, { children: _jsxs("div", { id: this.props.id, className: `${Styles.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx("input", { type: "date", name: this.props.name, className: Styles.ns_input, placeholder: this.props.placeholder, value: this.state.value, onChange: this.onChanged, onClick: () => this.props.onClicked }), _jsx(NSBoxErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }) }));
+        var _a, _b;
+        return (_jsx(_Fragment, { children: _jsxs("div", { className: `${StylesNSBox.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: (_b = this.props.style) !== null && _b !== void 0 ? _b : {}, children: [_jsxs("div", { className: `${StylesNSBox.ns_input_bar}`, children: [_jsxs("span", { className: StylesNSBox.ns_input_title, children: [this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title] }), _jsx(NSMenuButton, { value: this.state.value, setValue: this.setValue, hideFullscreen: true })] }), _jsx("input", { id: this.props.id, name: this.props.name, type: "date", className: StylesNSBox.ns_input, placeholder: this.props.placeholder, value: this.state.value, onChange: this.onChanged, onClick: () => { if (this.props.onClicked)
+                            this.props.onClicked(this); }, style: {
+                            background: `url("https://static.namirasoft.com/image/concept/type/date.png") white no-repeat scroll center right 4px`,
+                            backgroundSize: "24px",
+                            paddingRight: "8px"
+                        } }), _jsx(NSLabelErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }) }));
     }
 }
 //# sourceMappingURL=NSBoxDate.js.map

package/dist/components/NSBoxDate.js.map

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

package/dist/components/NSBoxDate.module.css

@@ -1,57 +1,5 @@
-.ns_input_parent {
-	display: flex;
-	flex-direction: column;
-	width: 272px;
-	color: #141B5C;
-	position: relative;
-	max-width: 100%;
-}
-
-.ns_input {
-	width: 100%;
-	height: 48px;
-	border-radius: 8px;
-	padding: 10px 12px;
-	font-size: 16px;
-	font-weight: 400;
-	border: 1px solid rgba(0, 0, 0, 1);
-	background-color: white;
-	position: relative;
-	appearance: none;
-	-webkit-appearance: none;
-	-moz-appearance: none;
-}
-
-.ns_input:focus-visible {
-	border-color: rgba(0, 0, 0, 1) !important;
-	outline: solid 1px #4096ff !important;
-}
-
-.ns_input_icon {
-	position: absolute;
-	right: 20px;
-	top: 51%;
-	z-index: 1;
-}
-
-.ns_input_title {
-	font-size: 16px;
-	font-weight: 400;
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	gap: 4px;
-}
-
-.ns_input::-webkit-calendar-picker-indicator {
-	display: block;
-	background: url("https://static.namirasoft.com/image/concept/nsbox/date.png") no-repeat;
-	background-size: 24px;
-	background-position: 90% 35%;
-	width: 100%;
-	height: 100%;
-	position: absolute;
-	top: 3px;
-	left: 4px;
-	cursor: pointer;
+input[type="date"]::-webkit-calendar-picker-indicator {
+	cursor: pointer;
+	opacity: 0;
+	padding-right: 0px;
 }

package/dist/components/NSBoxDateTime.d.ts

@@ -1,19 +1,20 @@
 import React from "react";
+import "./NSBoxDateTime.module.css";
 import { IBaseComponentProps } from "../props/IBaseComponentProps";
 import { IValidationProps } from "../props/IValidationProps";
-export interface INSBoxDateTimeProps extends IBaseComponentProps, IValidationProps {
+export interface NSBoxDateTimeProps extends IBaseComponentProps, IValidationProps {
     title: string;
     placeholder?: string;
     defaultValue?: string;
     onChanged?: (e: NSBoxDateTime, callback?: () => void) => void;
     onClicked?: (e: NSBoxDateTime) => void;
 }
-export interface INSBoxDateTimeState {
+export interface NSBoxDateTimeState {
     value: string;
     error?: string;
 }
-export declare class NSBoxDateTime extends React.Component<INSBoxDateTimeProps, INSBoxDateTimeState> {
-    constructor(props: INSBoxDateTimeProps);
+export declare class NSBoxDateTime extends React.Component<NSBoxDateTimeProps, NSBoxDateTimeState> {
+    constructor(props: NSBoxDateTimeProps);
     getError(): string | null;
     getValue(checkError?: boolean): string;
     setValue(value: string, callback?: () => void): void;

package/dist/components/NSBoxDateTime.js

@@ -1,10 +1,11 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from "react";
-import Styles from "./NSBoxDateTime.module.css";
-import StyleNSBox from "./NSBox.module.css";
-import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
+import "./NSBoxDateTime.module.css";
+import StylesNSBox from "./NSBox.module.css";
+import { NSLabelErrorNotifier } from "./NSLabelErrorNotifier";
 import { Validator } from "../Validator";
+import { NSMenuButton } from "./NSMenuButton";
 export class NSBoxDateTime extends React.Component {
     constructor(props) {
         var _a;
@@ -40,8 +41,13 @@ export class NSBoxDateTime extends React.Component {
         this.setValue(e.target.value);
     }
     render() {
-        var _a;
-        return (_jsx(_Fragment, { children: _jsxs("div", { id: this.props.id, className: `${Styles.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsxs("span", { className: StyleNSBox.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx("input", { type: "datetime-local", name: this.props.name, className: Styles.ns_input, placeholder: this.props.placeholder, value: this.state.value, onChange: this.onChanged, onClick: () => this.props.onClicked }), _jsx(NSBoxErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }) }));
+        var _a, _b;
+        return (_jsx(_Fragment, { children: _jsxs("div", { className: `${StylesNSBox.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: (_b = this.props.style) !== null && _b !== void 0 ? _b : {}, children: [_jsxs("div", { className: `${StylesNSBox.ns_input_bar}`, children: [_jsxs("span", { className: StylesNSBox.ns_input_title, children: [this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title] }), _jsx(NSMenuButton, { value: this.state.value, setValue: this.setValue, hideFullscreen: true })] }), _jsx("input", { id: this.props.id, name: this.props.name, type: "datetime-local", className: StylesNSBox.ns_input, placeholder: this.props.placeholder, value: this.state.value, onChange: this.onChanged, onClick: () => { if (this.props.onClicked)
+                            this.props.onClicked(this); }, style: {
+                            background: `url("https://static.namirasoft.com/image/concept/type/date-time.png") white no-repeat scroll center right 4px`,
+                            backgroundSize: "24px",
+                            paddingRight: "8px"
+                        } }), _jsx(NSLabelErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }) }));
     }
 }
 //# sourceMappingURL=NSBoxDateTime.js.map

package/dist/components/NSBoxDateTime.js.map

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

package/dist/components/NSBoxDateTime.module.css

@@ -1,52 +1,5 @@
-.ns_input_parent {
-	display: flex;
-	flex-direction: column;
-	width: 272px;
-	color: #141B5C;
-	position: relative;
-	max-width: 100%;
-}
-
-.ns_input {
-	width: 100%;
-	height: 48px;
-	border-radius: 8px;
-	padding: 10px 12px;
-	font-size: 16px;
-	font-weight: 400;
-	border: 1px solid rgba(0, 0, 0, 1);
-	background-color: white;
-	position: relative;
-}
-
-.ns_input:focus-visible {
-	border-color: rgba(0, 0, 0, 1) !important;
-	outline: solid 1px #4096ff !important;
-}
-
-.ns_input_icon {
-	position: absolute;
-	right: 20px;
-	top: 51%;
-	z-index: 1;
-}
-
-.ns_input_title {
-	font-size: 16px;
-	font-weight: 400;
-	display: flex;
-	gap: 4px;
-}
-
-.ns_input::-webkit-calendar-picker-indicator {
-	display: block;
-	background: url("https://static.namirasoft.com/image/concept/nsbox/date-time.png") no-repeat;
-	background-size: 24px;
-	background-position: 90% 35%;
-	width: 100%;
-	height: 100%;
-	position: absolute;
-	top: 3px;
-	left: 4px;
-	cursor: pointer;
+input[type="datetime-local"]::-webkit-calendar-picker-indicator {
+	cursor: pointer;
+	opacity: 0;
+	padding-right: 0px;
 }

package/dist/components/NSBoxDouble.d.ts

@@ -2,19 +2,19 @@ import React from "react";
 import { IBaseComponentProps } from "../props/IBaseComponentProps";
 import { IValidationProps } from "../props/IValidationProps";
 import { IValidationNumberProps } from "../props/IValidationNumberProps";
-export interface INSBoxDoubleProps extends IBaseComponentProps, IValidationProps, IValidationNumberProps {
+export interface NSBoxDoubleProps extends IBaseComponentProps, IValidationProps, IValidationNumberProps {
     title: string;
     placeholder?: string;
     defaultValue?: number;
     onChanged?: (e: NSBoxDouble, callback?: () => void) => void;
     onClicked?: (e: NSBoxDouble) => void;
 }
-export interface INSBoxDoubleState {
+export interface NSBoxDoubleState {
     value?: number;
     error?: string;
 }
-export declare class NSBoxDouble extends React.Component<INSBoxDoubleProps, INSBoxDoubleState> {
-    constructor(props: INSBoxDoubleProps);
+export declare class NSBoxDouble extends React.Component<NSBoxDoubleProps, NSBoxDoubleState> {
+    constructor(props: NSBoxDoubleProps);
     getError(): string | null;
     getValue(checkError?: boolean): number | undefined;
     setValue(value: number | undefined, callback?: () => void): void;