namirasoft-site-react 1.4.68 → 1.4.70

package/dist/components/NSTimelineMonthly.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSTimelineMonthly.js","sourceRoot":"","sources":["../../src/components/NSTimelineMonthly.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,gCAAgC,CAAC;AAEpD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAahC,MAAM,UAAU,iBAAiB,CAAC,KAAgC;;IAEjE,SAAS,aAAa,CAAC,KAAa;QAEnC,IAAI,UAAU,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,EAAE,CAAC;QACpC,OAAO,UAAU,CAAC,QAAQ,EAAE,GAAG,GAAG,CAAC;IACpC,CAAC;IACD,OAAO,CACN,4BACC,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,KAAK,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,aACxF,aAAI,SAAS,EAAE,MAAM,CAAC,kBAAkB,YAAG,KAAK,CAAC,KAAK,GAAM,EAC5D,cAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,YAEzC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/B,eAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,aAC/C,aAAI,SAAS,EAAE,MAAM,CAAC,kCAAkC,YAAG,IAAI,CAAC,KAAK,GAAM,EAC3E,eAAM,SAAS,EAAE,MAAM,CAAC,uBAAuB,YAAG,IAAI,CAAC,KAAK,GAAQ,EACpE,cAAK,SAAS,EAAE,MAAM,CAAC,sCAAsC,YAC5D,cAAK,SAAS,EAAE,MAAM,CAAC,6BAA6B,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,oBAAW,GACpJ,KALgD,KAAK,CAMtD,CACN,CAAC,GAEE,IACD,GACJ,CACH,CAAC;AACH,CAAC"}
+{"version":3,"file":"NSTimelineMonthly.js","sourceRoot":"","sources":["../../src/components/NSTimelineMonthly.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,MAAM,MAAM,gCAAgC,CAAC;AAapD,MAAM,UAAU,iBAAiB,CAAC,KAAgC;;IAEjE,SAAS,aAAa,CAAC,KAAa;QAEnC,IAAI,UAAU,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,EAAE,CAAC;QACpC,OAAO,UAAU,CAAC,QAAQ,EAAE,GAAG,GAAG,CAAC;IACpC,CAAC;IACD,OAAO,CACN,4BACC,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,KAAK,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,aACxF,aAAI,SAAS,EAAE,MAAM,CAAC,kBAAkB,YAAG,KAAK,CAAC,KAAK,GAAM,EAC5D,cAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,YAEzC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACxB,eAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,aAC/C,aAAI,SAAS,EAAE,MAAM,CAAC,kCAAkC,YAAG,IAAI,CAAC,KAAK,GAAM,EAC3E,eAAM,SAAS,EAAE,MAAM,CAAC,uBAAuB,YAAG,IAAI,CAAC,KAAK,GAAQ,EACpE,cAAK,SAAS,EAAE,MAAM,CAAC,sCAAsC,YAC5D,cAAK,SAAS,EAAE,MAAM,CAAC,6BAA6B,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,oBAAW,GACpJ,KALgD,cAAc,EAAE,CAMjE,CACN,CAAC,GAEE,IACD,GACJ,CACH,CAAC;AACH,CAAC"}

package/dist/main.d.ts

@@ -102,6 +102,7 @@ export * from "./formatter/StringFormatter";
 export * from "./formatter/TimeFormatter";
 export * from "./formatter/UnknowFormatter";
 export * from "./pages/NSNotFoundPage";
+export * from "./pages/NSUpdating";
 export * from "./props/IBaseComponentProps";
 export * from "./props/IHeaderIconProps";
 export * from "./props/IHeaderProps";
@@ -116,4 +117,4 @@ export * from "./routing/INSRouterProps";
 export * from "./routing/INSRouterState";
 export * from "./routing/Notifier";
 export * from "./routing/NSRouterMaker";
-export * from "./pages/NSUpdating";
+export * from "./utils/generateUniqId";

package/dist/main.js

@@ -102,6 +102,7 @@ export * from "./formatter/StringFormatter";
 export * from "./formatter/TimeFormatter";
 export * from "./formatter/UnknowFormatter";
 export * from "./pages/NSNotFoundPage";
+export * from "./pages/NSUpdating";
 export * from "./props/IBaseComponentProps";
 export * from "./props/IHeaderIconProps";
 export * from "./props/IHeaderProps";
@@ -116,5 +117,5 @@ export * from "./routing/INSRouterProps";
 export * from "./routing/INSRouterState";
 export * from "./routing/Notifier";
 export * from "./routing/NSRouterMaker";
-export * from "./pages/NSUpdating";
+export * from "./utils/generateUniqId";
 //# sourceMappingURL=main.js.map

package/dist/main.js.map

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

package/dist/utils/generateUniqId.d.ts

@@ -0,0 +1 @@
+export declare let generateUniqId: () => string;

package/dist/utils/generateUniqId.js

@@ -0,0 +1,2 @@
+export let generateUniqId = () => Math.floor(Math.random() * Date.now()).toString(16);
+//# sourceMappingURL=generateUniqId.js.map

package/dist/utils/generateUniqId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateUniqId.js","sourceRoot":"","sources":["../../src/utils/generateUniqId.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAI,cAAc,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC"}

package/package.json

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

package/src/components/NSBarAction.tsx

@@ -4,6 +4,7 @@ import Styles from './NSBarAction.module.css';
 import { INSActionMenuProps, NSActionMenu } from './NSActionMenu';
 import { NSInfoDialog } from './NSInfoDialog';
 import { isNotEmptyString } from './NSLayout';
+import { generateUniqId } from '../utils/generateUniqId';
 
 export interface INSBarActionProps 
 {
@@ -54,8 +55,8 @@ export function NSBarAction(props: INSBarActionProps)
 					</div>
 					<div className={Styles.ns_actions_holder}>
 						{
-							groups.map((group, index) =>
-								<NSActionMenu key={index} name={group} items={props.menus[group]} />
+							groups.map((group) =>
+								<NSActionMenu key={generateUniqId()} name={group} items={props.menus[group]} />
 							)
 						}
 					</div>
@@ -73,7 +74,7 @@ export function NSBarAction(props: INSBarActionProps)
 								lines.map((line, index) =>
 								{
 									return (
-										<React.Fragment key={index}>
+										<React.Fragment key={generateUniqId()}>
 											{line.trim()}
 											{index !== lines.length - 1 && <br />}
 										</React.Fragment>

package/src/components/NSBarTitle.tsx

@@ -1,5 +1,6 @@
 import { Fragment } from 'react/jsx-runtime';
 import Styles from './NSBarTitle.module.css';
+import { generateUniqId } from '../utils/generateUniqId';
 
 export interface INSBarTitleProps 
 {
@@ -18,7 +19,7 @@ export function NSBarTitle(props: INSBarTitleProps)
 				<p className={Styles.description}>{
 					lines.map((line, index) =>
 					{
-						return <Fragment key={index}>
+						return <Fragment key={generateUniqId()}>
 							{line.trim()}
 							{index !== lines.length - 1 && <br />}
 						</Fragment>;

package/src/components/NSBoxBooleans.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { IBaseComponentProps } from "../props/IBaseComponentProps";
 import { NSBoxBoolean } from "./NSBoxBoolean";
+import { generateUniqId } from "../utils/generateUniqId";
 
 export interface NSBoxBooleansProps extends IBaseComponentProps
 {
@@ -142,13 +143,13 @@ export class NSBoxBooleans extends React.Component<NSBoxBooleansProps, NSboxBool
 					onChanged={this.onMarkAllChecked}
 				/>
 				{
-					this.props.items.map((e, index) =>
+					this.props.items.map((e) =>
 						<NSBoxBoolean
 							id={e.value}
 							title={e.text}
 							required={false}
 							checked={this.state.values.includes(e.value)}
-							key={index}
+							key={generateUniqId()}
 							style={{ width: "272px" }}
 							onChanged={this.onItemChecked}
 						/>

package/src/components/NSFilterBox.tsx

@@ -6,6 +6,7 @@ import { FilterItem, FilterItemColumnType, FilterItemOperator } from 'namirasoft
 import { NSGroupedList, INSGroupedListProps_Group } from './NSGroupedList';
 import { NSButton } from './NSButton';
 import Styles from './NSFilterBox.module.css';
+import { generateUniqId } from '../utils/generateUniqId';
 
 export interface INSFilterBoxProps extends IBaseComponentProps
 {
@@ -226,10 +227,10 @@ export class NSFilterBox extends Component<INSFilterBoxProps, INSFilterBoxState>
 						}
 						<div className={Styles.ns_selected_list_parent}>
 							{
-								this.state.filterItems.map((item, index) =>
+								this.state.filterItems.map((item) =>
 									<NSFilterItem
 										item={item}
-										key={index}
+										key={generateUniqId()}
 										removeSelected={() => this.removeFilterItem(item)}
 									/>
 								)

package/src/components/NSGroupedList.tsx

@@ -2,6 +2,7 @@
 import { Component, createRef } from 'react';
 import { IBaseComponentProps } from '../props/IBaseComponentProps';
 import Styles from "./NSGroupedList.module.css";
+import { generateUniqId } from '../utils/generateUniqId';
 
 export interface INSGroupedListProps extends IBaseComponentProps
 {
@@ -29,7 +30,8 @@ interface INSGroupedListState
 	isVisible: boolean;
 }
 
-export class NSGroupedList extends Component<INSGroupedListProps, INSGroupedListState> {
+export class NSGroupedList extends Component<INSGroupedListProps, INSGroupedListState>
+{
 	private groupListRef = createRef<HTMLDivElement>();
 
 	constructor(props: INSGroupedListProps) 
@@ -40,7 +42,7 @@ export class NSGroupedList extends Component<INSGroupedListProps, INSGroupedList
 		};
 		this.handleClickOutside = this.handleClickOutside.bind(this);
 		this.hide = this.hide.bind(this);
-		this.show = this.show.bind(this); 
+		this.show = this.show.bind(this);
 	}
 
 	override componentDidMount() 
@@ -48,36 +50,43 @@ export class NSGroupedList extends Component<INSGroupedListProps, INSGroupedList
 		document.addEventListener('mousedown', this.handleClickOutside);
 	}
 
-	override componentWillUnmount() {
+	override componentWillUnmount()
+	{
 		document.removeEventListener('mousedown', this.handleClickOutside);
 	}
 
-	handleClickOutside(event: MouseEvent) {
-		if (this.groupListRef.current && !this.groupListRef.current.contains(event.target as Node)) {
+	handleClickOutside(event: MouseEvent)
+	{
+		if (this.groupListRef.current && !this.groupListRef.current.contains(event.target as Node))
+		{
 			this.hide();
 		}
 	}
 
-	hide() {
+	hide()
+	{
 		this.setState({ isVisible: false });
 	}
 
-	show() {  
+	show()
+	{
 		this.setState({ isVisible: true }, () =>
 		{
 			console.log("State after show:", this.state);
 		});
 	}
 
-	override render() {
-		if (!this.state.isVisible) {
+	override render()
+	{
+		if (!this.state.isVisible)
+		{
 			return null;
 		}
 
 		return (
 			<div ref={this.groupListRef} className={Styles.ns_group_list_parent}>
-				{this.props.groups.map((group, index) => (
-					<ul key={index} className={Styles.ns_group_list}>
+				{this.props.groups.map((group) => (
+					<ul key={generateUniqId()} className={Styles.ns_group_list}>
 						<div className='d-flex w-100 justify-content-between align-items-center'>
 							<span className={Styles.ns_group_category}>{group.text}
 								<img
@@ -89,8 +98,8 @@ export class NSGroupedList extends Component<INSGroupedListProps, INSGroupedList
 								/>
 							</span>
 						</div>
-						{group.items.map((item, index) => (
-							<li key={index} onClick={() => this.props.onClick(group.name, item.name)}>
+						{group.items.map((item) => (
+							<li key={generateUniqId()} onClick={() => this.props.onClick(group.name, item.name)}>
 								<div className={Styles.ns_group_item}>
 									<span>{item.text && <span>{item.text}</span>}</span>
 									<span style={item.text_bold ? { fontWeight: 'bold' } : {}}>