namirasoft-site-react 1.4.159 → 1.4.161

package/dist/components/NSLayout.js

@@ -4,25 +4,12 @@ import { Fragment } from 'react';
 import { NSHeader } from './NSHeader';
 import { NSFooter } from './NSFooter';
 import { NSBarNotification } from './NSBarNotification';
-import { NSBarAction } from './NSBarAction';
+import { NSBarAction, isValidAction } from './NSBarAction';
 import { NSBarTitle } from './NSBarTitle';
 import { NSBarAlert } from './NSBarAlert';
 import { NSSpace, NSSpaceSizeType } from './NSSpace';
-export const isNotEmptyString = (string) => string && string.trim() !== "";
 export function NSLayout(props) {
-    var _a, _b;
-    function isValidAction(action) {
-        if (action) {
-            let hasMenu = false;
-            Object.keys(action.menus).forEach(menu => {
-                if (menu.length > 0)
-                    hasMenu = true;
-            });
-            if ((isNotEmptyString(action.title)) || (isNotEmptyString(action.description)) || hasMenu)
-                return true;
-        }
-        return false;
-    }
+    var _a, _b, _c, _d, _e, _f, _g;
     let alerts = (_a = props.alerts) !== null && _a !== void 0 ? _a : [];
     alerts = alerts.filter((a) => a.isVisible());
     return (_jsxs("div", { id: props.id, className: `${Styles.ns_container} ${(_b = props.classList) === null || _b === void 0 ? void 0 : _b.join(" ")}`, style: {
@@ -31,9 +18,9 @@ export function NSLayout(props) {
             display: "flex",
             flexDirection: "column",
             justifyContent: "center",
-            background: props.background,
-            backgroundSize: "cover",
-            backgroundAttachment: "fixed"
+            backgroundImage: (_c = props.background) === null || _c === void 0 ? void 0 : _c.image,
+            backgroundSize: (_e = (_d = props.background) === null || _d === void 0 ? void 0 : _d.size) !== null && _e !== void 0 ? _e : "cover",
+            backgroundAttachment: (_g = (_f = props.background) === null || _f === void 0 ? void 0 : _f.attachment) !== null && _g !== void 0 ? _g : "fixed"
         }, children: [_jsx(NSHeader, { scope: props.scope, name: "Header", logo: props.logo, header: props.header, isLoggedIn: props.isLoggedIn, notifier: props.notifier }), props.notifications.length !== 0 &&
                 _jsx(_Fragment, { children: props.notifications.map((notification, index) => _jsx(Fragment, { children: _jsx(NSBarNotification, Object.assign({}, notification)) }, `NSLayout_fragment_key_${index}`)) }), alerts.length !== 0 && alerts.map((alert, index) => _jsx(NSBarAlert, Object.assign({}, alert), `NSLayout_NSBarAlert_key_${index}`)), isValidAction(props.action) && _jsx(NSBarAction, Object.assign({}, props.action)), props.title &&
                 _jsxs(_Fragment, { children: [_jsx(NSSpace, { size: NSSpaceSizeType.MINI }), _jsx(NSBarTitle, Object.assign({}, props.title))] }), _jsx("main", { className: `d-flex flex-column text-white ${Styles.ns_layout_main}`, children: props.children }), _jsx(NSFooter, { scope: props.scope, name: "Footer", logo: props.logo, isLoggedIn: props.isLoggedIn })] }));

package/dist/components/NSLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSLayout.js","sourceRoot":"","sources":["../../src/components/NSLayout.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"NSLayout.js","sourceRoot":"","sources":["../../src/components/NSLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,iBAAiB,EAA0B,MAAM,qBAAqB,CAAC;AAEhF,OAAO,EAAoB,WAAW,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAmB,UAAU,EAAE,MAAM,cAAc,CAAC;AAE3D,OAAO,EAAmB,UAAU,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAoBrD,MAAM,UAAU,QAAQ,CAAC,KAAoB;;IAE5C,IAAI,MAAM,GAAG,MAAA,KAAK,CAAC,MAAM,mCAAI,EAAE,CAAC;IAChC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC;IAE7C,OAAO,CACN,eAAK,EAAE,EAAE,KAAK,CAAC,EAAE,EAChB,SAAS,EAAE,GAAG,MAAM,CAAC,YAAY,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EACjE,KAAK,EAAE;YACN,SAAS,EAAE,OAAO;YAClB,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,cAAc,EAAE,QAAQ;YACxB,eAAe,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,KAAK;YACxC,cAAc,EAAE,MAAA,MAAA,KAAK,CAAC,UAAU,0CAAE,IAAI,mCAAI,OAAO;YACjD,oBAAoB,EAAE,MAAA,MAAA,KAAK,CAAC,UAAU,0CAAE,UAAU,mCAAI,OAAO;SAC7D,aACD,KAAC,QAAQ,IACR,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ,GACvB,EAED,KAAK,CAAC,aAAa,CAAC,MAAM,KAAK,CAAC;gBAChC,4BAEE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAC/C,KAAC,QAAQ,cACR,KAAC,iBAAiB,oBAAK,YAAY,EAAI,IADzB,yBAAyB,KAAK,EAAE,CAEpC,CACX,GAEA,EAGH,MAAM,CAAC,MAAM,KAAK,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,KAAC,UAAU,oBAA8C,KAAK,GAA7C,2BAA2B,KAAK,EAAE,CAAe,CAAC,EAGvH,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,KAAC,WAAW,oBAAK,KAAK,CAAC,MAAM,EAAI,EAGhE,KAAK,CAAC,KAAK;gBACX,8BACC,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,IAAI,GACxB,EACX,KAAC,UAAU,oBAAK,KAAK,CAAC,KAAK,EAAiB,IAC1C,EAEJ,eAAM,SAAS,EAAE,iCAAiC,MAAM,CAAC,cAAc,EAAE,YACvE,KAAK,CAAC,QAAQ,GACT,EACP,KAAC,QAAQ,IACR,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,UAAU,EAAE,KAAK,CAAC,UAAU,GAC3B,IACI,CACP,CAAC;AACH,CAAC"}

package/dist/components/NSMenuButton.js

@@ -50,6 +50,6 @@ export function NSMenuButton(props) {
     return (_jsx("div", { id: props.id, className: `${Styles.ns_menu_button_container} ${(_g = props.classList) === null || _g === void 0 ? void 0 : _g.join(" ")}`, style: props.style, children: _jsxs("div", { className: Styles.ns_menu_button_group_parrent, children: [_jsx("div", { className: Styles.ns_menu_button_group, children: _jsx("div", { style: { direction: "rtl" }, children: buttons.map(button => (button.href ?
                             _jsx("a", { title: button.title, className: Styles.ns_menu_button_menu_item, href: button.href, children: _jsx("img", { src: button.icon, alt: button.title, width: 16, height: 16 }) }) :
                             _jsx("button", { title: button.title, className: Styles.ns_menu_button_menu_item, onClick: button.onClick, children: _jsx("img", { src: button.icon, alt: button.title, width: 16, height: 16 }) }))) }) }), state.fullscreen &&
-                    _jsx(NSDialog, { onClose: () => { onClose(); }, center_dialog: true, hideCloseButton: true, style: { width: "80%", height: "80%", maxWidth: "100%", maxHeight: "100%" }, children: _jsx(NSBoxTextArea, { ref: textarea, required: false, title: '', hideHeader: true, defaultValue: props.getValue(), onChanged: onChanged, style: { width: "100%", height: "100%", maxWidth: "100%", maxHeight: "100%", zIndex: "999" } }) })] }) }));
+                    _jsx(NSDialog, { onClose: () => { onClose(); }, center_dialog: true, closeButton: { out: true }, style: { width: "80%", height: "80%", maxWidth: "100%", maxHeight: "100%" }, children: _jsx(NSBoxTextArea, { ref: textarea, required: false, title: '', hideHeader: true, defaultValue: props.getValue(), onChanged: onChanged, style: { width: "100%", height: "100%", maxWidth: "100%", maxHeight: "100%", zIndex: "999" } }) })] }) }));
 }
 //# sourceMappingURL=NSMenuButton.js.map

package/dist/components/NSMenuButton.js.map

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

package/dist/components/NSTable.module.css

@@ -30,7 +30,7 @@
 }
 
 .ns_table tr {
-	border-radius: 8px;
+	border-radius: 0px;
 	padding: 16px 8px;
 	display: block;
 	background-color: rgba(255, 255, 255, 1);
@@ -152,6 +152,12 @@
 	gap: 16px;
 }
 
+@media screen and (min-width: 992px) {
+	.ns_table tr {
+		border-radius: 8px;
+	}
+}
+
 @media screen and (max-width: 992px) {
 	.ns_table td {
 		width: auto;

package/dist/components/NSTile.module.css

@@ -74,5 +74,4 @@
 	.ns_entity_bar_image {
 		border-radius: 8px;
 	}
-
 }

package/dist/components/NSTitle.module.css

@@ -1,5 +1,5 @@
 .ns_title {
-	color: black;
+	color: rgba(20, 27, 92, 1);
 	font-size: 24px;
 	font-weight: 700;
 	line-height: normal;

package/package.json

@@ -8,7 +8,7 @@
 	"framework": "npm",
 	"application": "package",
 	"private": false,
-	"version": "1.4.159",
+	"version": "1.4.161",
 	"author": "Amir Abolhasani",
 	"license": "MIT",
 	"main": "./dist/main.js",

package/src/App.tsx

@@ -1,6 +1,6 @@
 import './App.css';
 import 'bootstrap/dist/css/bootstrap.min.css';
-import { NSPanel, NSBoxDate, NSSection, NSBoxFile, NSLayout, NSBoxCombo, NSButton, NSFilterBox, NSButtonBlue } from './main';
+import { NSPanel, NSBoxDate, NSSection, NSBoxFile, NSLayout, NSBoxCombo, NSButton, NSFilterBox, NSBoxString, NSBoxTime, NSBoxDateTime } from './main';
 import { NSRow } from './components/NSRow';
 import { useState } from 'react';
 import { FilterItemColumnType } from 'namirasoft-core';
@@ -20,7 +20,6 @@ export function App()
 				notifications={[]}
 				notifier={{} as any}
 				scope=''
-				background='url("https://img.freepik.com/free-photo/colorful-abstract-textured-background-design_53876-108265.jpg")'
 				alerts={[
 					{
 						isVisible: () => true,
@@ -59,14 +58,6 @@ export function App()
 			>
 				<NSSection>
 					<NSPanel>
-						<NSButton
-							onClick={() => { }}
-							title='asdasd'
-						></NSButton>
-						<NSButtonBlue
-							onClick={() => { }}
-							title='asdasd'
-						></NSButtonBlue>
 						<NSFilterBox
 							getData={async () =>
 							{
@@ -108,8 +99,8 @@ export function App()
 							}}
 							title='Increase'
 						></NSButton>
-						<NSBoxDate
-							title='Date'
+						<NSBoxString
+							title='NSBoxString'
 							required
 						/>
 						<NSRow>
@@ -117,42 +108,20 @@ export function App()
 								title='Date'
 								required
 							/>
-							<NSBoxDate
-								title='Date'
+							<NSBoxTime
+								title='Time'
 								required
 							/>
-						</NSRow>
-						<NSBoxDate
-							title='Date'
-							required
-						/>
-						<NSBoxDate
-							title='Date'
-							required
-						/>
-						<NSRow>
-							<NSBoxFile
-								title='Date'
+							<NSBoxDateTime
+								title='DateTime'
 								required
-								style={{ width: "100%" }}
 							/>
 						</NSRow>
 						<NSRow>
-							<NSBoxDate
-								title='Date'
-								required
-							/>
-							<NSBoxDate
-								title='Date'
-								required
-							/>
-							<NSBoxDate
-								title='Date'
-								required
-							/>
-							<NSBoxDate
-								title='Date'
+							<NSBoxFile
+								title='File'
 								required
+								style={{ width: "100%" }}
 							/>
 						</NSRow>
 					</NSPanel>

package/src/Validator.ts

@@ -66,30 +66,18 @@ export class Validator
             }
         });
     }
-    static getErrorDate(name: string, value: Date | null | undefined): string | null
+    static getErrorDate(name: string, value: string | null | undefined): string | null
     {
-        if (value != null)
-        {
-            const dateTime = new Date(value);
-            if (isNaN(dateTime.getTime()))
-                return `${value} is not a valid Date for ${name}.`;
-        }
-        return Validator.getError(name, value?.toLocaleDateString(), {
+        return Validator.getError(name, value, {
             required: true, regex: {
                 name: "Date",
                 regex: DateSchema.REGEX
             }
         });
     }
-    static getErrorTime(name: string, value: Date | null | undefined): string | null
+    static getErrorTime(name: string, value: string | null | undefined): string | null
     {
-        if (value != null)
-        {
-            const dateTime = new Date(value);
-            if (isNaN(dateTime.getTime()))
-                return `${value} is not a valid Time for ${name}.`;
-        }
-        return Validator.getError(name, value?.toLocaleTimeString(), {
+        return Validator.getError(name, value, {
             required: true, regex: {
                 name: "Time",
                 regex: TimeSchema.REGEX

package/src/components/NSBarAction.tsx

@@ -2,13 +2,12 @@ import { useState } from 'react';
 import Styles from './NSBarAction.module.css';
 import { NSMenuActionProps, NSMenuAction } from './NSMenuAction';
 import { NSDialogInfo } from './NSDialogInfo';
-import { isNotEmptyString } from './NSLayout';
 
 export interface NSBarActionProps 
 {
-	title: string;
+	title?: string;
 	description?: string;
-	menus: { [group: string]: NSMenuActionProps[] };
+	menus?: { [group: string]: NSMenuActionProps[] };
 }
 
 export interface NSBarActionState
@@ -16,27 +15,45 @@ export interface NSBarActionState
 	show: boolean
 }
 
+export function isValidMenu(menus?: { [group: string]: NSMenuActionProps[] }) 
+{
+	let ans = false;
+	if (menus)
+		Object.keys(menus).forEach(menu =>
+		{
+			if (menu.length > 0)
+				ans = true;
+		});
+	return ans;
+}
+
+export function isValidAction(props?: NSBarActionProps)
+{
+	if (props)
+		if (props.title?.trim() || props.description?.trim() || isValidMenu(props.menus))
+			return true;
+	return false;
+}
+
 export function NSBarAction(props: NSBarActionProps)
 {
 	const [state, setState] = useState<NSBarActionState>({
 		show: false
 	})
 
-	const groups = Object.keys(props.menus);
-
 	return (
 		<>
 			<div className={Styles.ns_bar_action_holder}>
 				<div className={`container d-flex justify-content-center justify-content-lg-between align-items-center w-100  ${Styles.ns_bar_action_grant_parent}`}>
 					{
-						(isNotEmptyString(props.title) || isNotEmptyString(props.description)) &&
+						(props.title?.trim() || props.description?.trim()) &&
 						<div className={`d-lg-flex ${Styles.ns_bar_action_parent}`}>
 							{
-								isNotEmptyString(props.title) &&
+								props.title?.trim() &&
 								<h1 className={Styles.ns_bar_action_title}>{props.title}</h1>
 							}
 							{
-								isNotEmptyString(props.description) &&
+								props.description?.trim() &&
 								<button className={Styles.ns_bar_action_info_container} onClick={() => setState({ show: true })}>
 									<img src='https://static.namirasoft.com/image/concept/info/white-blue.svg' alt='info-icon' width={24} height={24} />
 									<span> Info </span>
@@ -55,12 +72,10 @@ export function NSBarAction(props: NSBarActionProps)
 						</div>
 					}
 					{
-						groups.length > 0 &&
+						props.menus && isValidMenu(props.menus) &&
 						<div className={Styles.ns_bar_action_actions_holder}>
 							{
-								groups.map((group, index) =>
-									<NSMenuAction key={`NSBarAction_NSMenuAction_Key_${index}`} name={group} items={props.menus[group]} />
-								)
+								Object.keys(props.menus ?? {}).map((group, index) => <NSMenuAction key={`NSBarAction_NSMenuAction_Key_${index}`} name={group} items={(props.menus ?? {})[group]} />)
 							}
 						</div>
 					}

package/src/components/NSBoxDate.tsx

@@ -9,12 +9,12 @@ import { Validator } from "../Validator";
 import { safeMenuMenuItem } from "./NSMenuButton";
 import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
 
-export interface NSBoxDateProps extends IBaseComponentProps, IValidationProps, INSBoxBaseLayoutProps<Date, NSBoxDate>
+export interface NSBoxDateProps extends IBaseComponentProps, IValidationProps, INSBoxBaseLayoutProps<string, NSBoxDate>
 { }
 
 export interface NSBoxDateState
 {
-	value: Date;
+	value: string;
 }
 
 export class NSBoxDate extends React.Component<NSBoxDateProps, NSBoxDateState>
@@ -23,7 +23,7 @@ export class NSBoxDate extends React.Component<NSBoxDateProps, NSBoxDateState>
 	constructor(props: NSBoxDateProps)
 	{
 		super(props);
-		this.state = { value: props.defaultValue ?? new Date() };
+		this.state = { value: props.defaultValue ?? "" };
 		this.getError = this.getError.bind(this);
 		this.getValue = this.getValue.bind(this);
 		this.setValue = this.setValue.bind(this);
@@ -31,18 +31,17 @@ export class NSBoxDate extends React.Component<NSBoxDateProps, NSBoxDateState>
 	getError(): string | null
 	{
 		return (
-			Validator.getError(this.props.title, this.state.value.toLocaleDateString(), this.props) ||
+			Validator.getError(this.props.title, this.state.value, this.props) ||
 			Validator.getErrorDate(this.props.title, this.state.value)
 		);
 	}
-	getValue(checkError: boolean = true): Date
+	getValue(checkError: boolean = true): string
 	{
 		return NSBoxBaseLayout.checkGetValue(this, checkError, () => this.state.value);
 	}
-	setValue(value: string | Date, callback?: () => void): void
+	setValue(value: string, callback?: () => void): void
 	{
-		let date_value = new Date(value);
-		this.setState({ value: date_value }, () =>
+		this.setState({ value }, () =>
 		{
 			if (this.props.onChanged)
 				this.props.onChanged(this, callback);
@@ -55,11 +54,25 @@ export class NSBoxDate extends React.Component<NSBoxDateProps, NSBoxDateState>
 		let menu = safeMenuMenuItem(this.props, () => { });
 		menu.builtin.fullscreen = false;
 
+		function getFormattedValue(date: string, delimiter_from: string, delimiter_to: string)
+		{
+			if (date)
+				try
+				{
+					let toks = date.split(delimiter_from);
+					let ans = toks[0] + delimiter_to + toks[1].padStart(2, "0") + delimiter_to + toks[2].padStart(2, "0");
+					return ans;
+				} catch (error)
+				{
+				}
+			return "";
+		}
+
 		return (
 			<NSBoxBaseLayout
 				ref={this.NSBoxBaseLayout_Main}
 				{...this.props}
-				getValue={() => this.state.value.toLocaleDateString()}
+				getValue={() => this.state.value}
 				setValue={this.setValue}
 				menu={menu}
 			>
@@ -69,8 +82,8 @@ export class NSBoxDate extends React.Component<NSBoxDateProps, NSBoxDateState>
 					type="date"
 					className={StylesNSBox.ns_box_input}
 					placeholder={this.props.placeholder ?? `Please enter ${this.props.title}`}
-					value={this.state.value.toLocaleDateString()}
-					onChange={e => this.setValue(e.target.value)}
+					value={getFormattedValue(this.state.value, "/", "-")}
+					onChange={e => this.setValue(getFormattedValue(e.target.value, "-", "/"))}
 					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`,

package/src/components/NSBoxDateTime.tsx

@@ -60,6 +60,20 @@ export class NSBoxDateTime extends React.Component<NSBoxDateTimeProps, NSBoxDate
 		let menu = safeMenuMenuItem(this.props, () => { });
 		menu.builtin.fullscreen = false;
 
+		function getFormattedValue(datetime: Date)
+		{
+			if (datetime)
+				try
+				{
+					let date = datetime.getFullYear().toString().padStart(4, "0") + "-" + (datetime.getMonth() + 1).toString().padStart(2, "0") + "-" + datetime.getDate().toString().padStart(2, "0");
+					let time = datetime.getHours().toString().padStart(2, "0") + ":" + datetime.getMinutes().toString().padStart(2, "0");
+					return date + "T" + time;
+				} catch (error)
+				{
+				}
+			return "";
+		}
+
 		return (
 			<NSBoxBaseLayout
 				ref={this.NSBoxBaseLayout_Main}
@@ -74,7 +88,7 @@ export class NSBoxDateTime extends React.Component<NSBoxDateTimeProps, NSBoxDate
 					type="datetime-local"
 					className={StylesNSBox.ns_box_input}
 					placeholder={this.props.placeholder ?? `Please enter ${this.props.title}`}
-					value={this.state.value.toLocaleString()}
+					value={getFormattedValue(this.state.value)}
 					onChange={this.onChanged}
 					onClick={() => { if (this.props.onClicked) this.props.onClicked(this); }}
 					style={{

package/src/components/NSBoxTime.tsx

@@ -10,12 +10,12 @@ import { Validator } from "../Validator";
 import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
 import { safeMenuMenuItem } from "./NSMenuButton";
 
-export interface NSBoxTimeProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, INSBoxBaseLayoutProps<Date, NSBoxTime>
+export interface NSBoxTimeProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, INSBoxBaseLayoutProps<string, NSBoxTime>
 { }
 
 export interface NSBoxTimeState
 {
-	value: Date;
+	value: string;
 }
 
 export class NSBoxTime extends React.Component<NSBoxTimeProps, NSBoxTimeState>
@@ -24,7 +24,7 @@ export class NSBoxTime extends React.Component<NSBoxTimeProps, NSBoxTimeState>
 	constructor(props: NSBoxTimeProps)
 	{
 		super(props);
-		this.state = { value: props.defaultValue ?? new Date() };
+		this.state = { value: props.defaultValue ?? "" };
 		this.getError = this.getError.bind(this);
 		this.getValue = this.getValue.bind(this);
 		this.setValue = this.setValue.bind(this);
@@ -32,19 +32,18 @@ export class NSBoxTime extends React.Component<NSBoxTimeProps, NSBoxTimeState>
 	getError(): string | null
 	{
 		return (
-			Validator.getError(this.props.title, this.state.value.toLocaleTimeString(), this.props) ||
-			Validator.getErrorString(this.props.title, this.state.value.toLocaleTimeString(), this.props) ||
+			Validator.getError(this.props.title, this.state.value, this.props) ||
+			Validator.getErrorString(this.props.title, this.state.value, this.props) ||
 			Validator.getErrorTime(this.props.title, this.state.value)
 		);
 	}
-	getValue(checkError: boolean = true): Date
+	getValue(checkError: boolean = true): string
 	{
 		return NSBoxBaseLayout.checkGetValue(this, checkError, () => this.state.value);
 	}
-	setValue(value: string | Date, callback?: () => void): void
+	setValue(value: string, callback?: () => void): void
 	{
-		let value_date = new Date(value);
-		this.setState({ value: value_date }, () =>
+		this.setState({ value }, () =>
 		{
 			if (this.props.onChanged)
 				this.props.onChanged(this, callback);
@@ -61,7 +60,7 @@ export class NSBoxTime extends React.Component<NSBoxTimeProps, NSBoxTimeState>
 			<NSBoxBaseLayout
 				ref={this.NSBoxBaseLayout_Main}
 				{...this.props}
-				getValue={() => this.state.value.toLocaleTimeString()}
+				getValue={() => this.state.value}
 				setValue={() => { }}
 			>
 				<input
@@ -70,7 +69,7 @@ export class NSBoxTime extends React.Component<NSBoxTimeProps, NSBoxTimeState>
 					type="time"
 					className={StylesNSBox.ns_box_input}
 					placeholder={this.props.placeholder ?? `Please enter ${this.props.title}`}
-					value={this.state.value.toLocaleTimeString()}
+					value={this.state.value}
 					onChange={e => this.setValue(e.target.value)}
 					onClick={() => { if (this.props.onClicked) this.props.onClicked(this); }}
 					step="5"

package/src/components/NSDialog.tsx

@@ -7,7 +7,10 @@ export interface NSDialogProps extends IBaseComponentProps
 	onClose: () => void;
 	children: ReactNode;
 	center_dialog?: boolean;
-	hideCloseButton?: boolean;
+	closeButton?: {
+		show?: boolean;
+		out?: boolean;
+	}
 }
 
 export function NSDialog(props: NSDialogProps)
@@ -24,12 +27,12 @@ export function NSDialog(props: NSDialogProps)
 				style={{ ...props.style }}
 			>
 				{
-					!props.hideCloseButton && <div
+					props.closeButton?.show !== false && <div
 						onClick={() => props.onClose()}
 						style=
 						{{
 							position: "absolute",
-							top: 0,
+							top: (props.closeButton?.out) ? "-60px" : "0px",
 							right: 0,
 							transform: "translate(-40%,40%)",
 							cursor: "pointer",
@@ -38,7 +41,8 @@ export function NSDialog(props: NSDialogProps)
 						}}
 					>
 						<img
-							src='https://static.namirasoft.com/image/concept/close/blue.svg'
+							src={(props.closeButton?.out) ? 'https://static.namirasoft.com/image/concept/close/white.svg' : 'https://static.namirasoft.com/image/concept/close/blue.svg'}
+
 							alt='close'
 							width={24}
 							height={24}

package/src/components/NSDialogDelete.tsx

@@ -14,7 +14,7 @@ export function NSDialogDelete(props: NSDialogDeleteProps)
 {
     return (
         <NSDialogInfo {...props}
-            onClose={props.onNo}
+            onClose={props.onClose}
         >
             {props.children}
             <NSSpace size={NSSpaceSizeType.MINI}></NSSpace>

package/src/components/NSDialogInfo.tsx

@@ -26,11 +26,7 @@ export function NSDialogInfo(props: NSDialogInfoProps)
 				)
 			}
 			{
-				props.children && (
-					<div>
-						{props.children}
-					</div>
-				)
+				props.children
 			}
 		</NSDialog>
 	);

package/src/components/NSHeader.module.css

@@ -1,8 +1,8 @@
 .ns_header {
     width: 100%;
-	position: sticky;
-	top: 0;
-	z-index: 110;
+    position: sticky;
+    top: 0;
+    z-index: 110;
 }
 
 .ns_navbar {
@@ -18,7 +18,7 @@
 .ns_navbar_content {
     display: flex;
     justify-content: flex-end;
-	align-items: center;
+    align-items: center;
     width: 100%;
     gap: 8px;
 }
@@ -81,8 +81,8 @@
     position: relative;
 }
 
-.ns_header_icon> img:hover { 
-	scale: 1.2;
+.ns_header_icon>img:hover {
+    scale: 1.2;
 }
 
 .ns_navbar_items_container {
@@ -145,10 +145,10 @@
 }
 
 @media only screen and (min-width: 1025px) {
-	.ns_navbar_content {
-		justify-content: space-between;
-	}
-	
+    .ns_navbar_content {
+        justify-content: space-between;
+    }
+
     .ns_navbar_parent_content {
         padding-right: 1rem;
         padding-left: 1rem;
@@ -205,7 +205,7 @@
     background-color: #ff0000;
     color: rgba(255, 255, 255, 1);
     border-radius: 50%;
-	cursor: pointer;
+    cursor: pointer;
     font-size: 10px;
     font-weight: 600;
     position: absolute;