namirasoft-site-react 1.3.250 → 1.3.252

package/src/components/NSBoxPrice.tsx

@@ -12,9 +12,9 @@ import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
 export interface INSBoxPriceProps extends IBaseComponentProps, IValidationProps, IValidationNumberProps 
 {
 	title: string;
+	placeholder?: number;
 	defaultValue?: number;
-	onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-	placeholder?: string;
+	onChanged?: (e: NSBoxPrice) => void;
 }
 
 export interface INSBoxPriceState
@@ -56,13 +56,15 @@ export class NSBoxPrice extends React.Component<INSBoxPriceProps, INSBoxPriceSta
 	}
 	setValue(value: number | undefined): void
 	{
-		this.setState({ value });
+		this.setState({ value }, () =>
+		{
+			if (this.props.onChanged)
+				this.props.onChanged(this);
+		});
 	}
 	private onChanged(e: React.ChangeEvent<HTMLInputElement>): void
 	{
 		this.setValue(parseFloat(e.target.value));
-		if (this.props.onChanged)
-			this.props.onChanged(e);
 	}
 	override render()
 	{
@@ -78,7 +80,7 @@ export class NSBoxPrice extends React.Component<INSBoxPriceProps, INSBoxPriceSta
 						step="0.01"
 						min="0"
 						className={Styles.ns_input}
-						placeholder={this.props.placeholder}
+						placeholder={this.props.placeholder?.toString.name}
 						style={{ background: `url(${IconInputFloat}) white no-repeat scroll center right 16px` }}
 					/>
 				</div>

package/src/components/NSBoxString.tsx

@@ -15,9 +15,9 @@ import CopyToClipboard from '../CopyToClipboard';
 export interface INSBoxStringProps extends IBaseComponentProps, IValidationProps, IValidationStringProps
 {
 	title: string;
-	defaultValue?: string;
-	onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 	placeholder?: string;
+	defaultValue?: string;
+	onChanged?: (e: NSBoxString) => void;
 }
 
 export interface INSBoxStringState 
@@ -62,13 +62,15 @@ export class NSBoxString extends React.Component<INSBoxStringProps, INSBoxString
 	}
 	setValue(value: string): void
 	{
-		this.setState({ value });
+		this.setState({ value }, () =>
+		{
+			if (this.props.onChanged)
+				this.props.onChanged(this);
+		});
 	}
 	private onChanged(e: React.ChangeEvent<HTMLInputElement>): void
 	{
 		this.setValue(e.target.value);
-		if (this.props.onChanged)
-			this.props.onChanged(e);
 	}
 	private toggleFullScreen(): void
 	{

package/src/components/NSBoxTextArea.tsx

@@ -15,9 +15,9 @@ import CopyToClipboard from '../CopyToClipboard';
 export interface INSBoxTextAreaProps extends IBaseComponentProps, IValidationProps, IValidationStringProps
 {
 	title: string;
-	defaultValue?: string;
-	onChanged?: () => void;
 	placeholder?: string;
+	defaultValue?: string;
+	onChanged?: (e: NSBoxTextArea) => void;
 	cols?: number;
 	rows?: number;
 }
@@ -65,13 +65,16 @@ export class NSBoxTextArea extends React.Component<INSBoxTextAreaProps, INSBoxTe
 	}
 	setValue(value: string): void
 	{
-		this.setState({ value });
+		this.setState({ value }, () =>
+		{
+			if (this.props.onChanged)
+				this.props.onChanged(this);
+		}
+		);
 	}
 	private onChanged = async (e: React.ChangeEvent<HTMLTextAreaElement>): Promise<void> =>
 	{
 		await this.setValue(e.target.value);
-		if (this.props.onChanged)
-			this.props.onChanged();
 	}
 	private toggleFullScreen(): void
 	{
@@ -81,7 +84,7 @@ export class NSBoxTextArea extends React.Component<INSBoxTextAreaProps, INSBoxTe
 	{
 		return (
 			<>
-				<div className={`${Styles.ns_text_area_parent} ${this.props.classList?.join(" ")} ${this.state.isFullScreen ? Styles.ns_full_screen : ""}`} style={this.props.style} onClick={this.state.isFullScreen ? ()=>{} : ()=>{}}>
+				<div className={`${Styles.ns_text_area_parent} ${this.props.classList?.join(" ")} ${this.state.isFullScreen ? Styles.ns_full_screen : ""}`} style={this.props.style} onClick={this.state.isFullScreen ? () => { } : () => { }}>
 					<div className="d-flex justify-content-between align-items-center">
 						<span className={Styles.ns_input_title}>
 							{this.props.required && <span style={{ color: "red" }}>*</span>} {this.props.title}

package/src/components/NSBoxTime.tsx

@@ -12,9 +12,9 @@ import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
 export interface INSBoxTimeProps extends IBaseComponentProps, IValidationProps, IValidationStringProps
 {
 	title: string;
-	defaultValue?: string;
-	onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 	placeholder?: string;
+	defaultValue?: string;
+	onChanged?: (e: NSBoxTime) => void;
 }
 
 export interface INSBoxTimeState
@@ -57,13 +57,15 @@ export class NSBoxTime extends React.Component<INSBoxTimeProps, INSBoxTimeState>
 	}
 	setValue(value: string): void
 	{
-		this.setState({ value });
+		this.setState({ value }, () =>
+		{
+			if (this.props.onChanged)
+				this.props.onChanged(this);
+		});
 	}
 	private onChanged(e: React.ChangeEvent<HTMLInputElement>): void
 	{
 		this.setValue(e.target.value);
-		if (this.props.onChanged)
-			this.props.onChanged(e);
 	}
 	override render()
 	{

package/src/components/NSFilterBoxDialog.tsx

@@ -30,7 +30,7 @@ export class NSFilterBoxDialog extends Component<INSFilterBoxDialogProps, INSFil
 				</h3>
 				<NSBoxEnum
 					title={"this.props.title"}
-					placeHolder=""
+					placeholder=""
 					options={[]}
 					multiple={false}
 					required={false}
@@ -38,7 +38,7 @@ export class NSFilterBoxDialog extends Component<INSFilterBoxDialogProps, INSFil
 
 				<NSBoxEnum
 					title={"this.props.title"}
-					placeHolder=""
+					placeholder=""
 					options={[]}
 					multiple={false}
 					required={false}

package/src/components/NSGroupedList.module.css

@@ -9,6 +9,7 @@
 	overflow: auto;
 	position: absolute;
 	z-index: 10;
+	margin-top: 50px;
 }
 
 .ns_group_list_parent::-webkit-scrollbar {

package/src/components/NSPagination.tsx

@@ -136,7 +136,7 @@ export function NSPagination(props: INSPaginationProps)
                             multiple={false}
                             required={false}
                             options={pageSizes.map(pagesize => { return { desc: pagesize.toString(), value: pagesize.toString() } })}
-                            onChange={() =>
+                            onChanged={() =>
                             {
                                 setState({ pageSize: parseInt(PageSize.current?.getValue() ?? pageSizes[0].toString()) });
                                 onPageChange(currentPage + 1, state.pageSize);