namirasoft-site-react 1.4.111 → 1.4.113

package/src/components/NSFilterBoxDialog.module.css

@@ -1,37 +1,37 @@
-.ns_dialog_holder {
-	background: #Fff;
-	width: 100%;
-	max-width: 358px;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	position: relative;
-	color: #141B5C;
-	gap: 16px;
-	z-index: 9;
-	padding: 16px;
-	border-radius: 8px;
-	border: solid 1px #A1A4B0;
-}
-
-.ns_dialog_close {
-	position: absolute;
-	top: 16px;
-	right: 16px;
-	background: none;
-	border: none;
-
-}
-
-.ns_dialog_title {}
-
-.ns_dialog_btn_container {
-	display: flex;
-	flex-direction: row;
-	justify-content: center;
-	gap: 16px;
-}
-.ns_dialog_btn_container button { 
-	width: 128px !important;
+.ns_dialog_holder {
+	background: #Fff;
+	width: 100%;
+	max-width: 358px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	position: relative;
+	color: #141B5C;
+	gap: 16px;
+	z-index: 9;
+	padding: 16px;
+	border-radius: 8px;
+	border: solid 1px #A1A4B0;
+}
+
+.ns_dialog_close {
+	position: absolute;
+	top: 16px;
+	right: 16px;
+	background: none;
+	border: none;
+
+}
+
+.ns_dialog_title {}
+
+.ns_dialog_btn_container {
+	display: flex;
+	flex-direction: row;
+	justify-content: center;
+	gap: 16px;
+}
+.ns_dialog_btn_container button { 
+	width: 128px !important;
 }

package/src/components/NSFilterBoxDialog.tsx

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

package/src/components/NSFilterItem.module.css

@@ -1,24 +1,24 @@
-.ns_selected_holder {
-	position: relative;
-}
-
-.ns_selected_item_parent {
-	padding: 6px;
-	border: solid 1px #0377FF;
-	border-radius: 8px;
-	background-color: #fff;
-	color: #141B5C;
-	cursor: pointer;
-}
-
-.ns_selected_close_icon {
-	outline: none;
-	border: none;
-	background: none;
-	padding-top: 4px;
-	border-left: solid 1px #0377FF;
-}
-
-.ns_dialog_parent {
-	position: absolute;
+.ns_selected_holder {
+	position: relative;
+}
+
+.ns_selected_item_parent {
+	padding: 6px;
+	border: solid 1px #0377FF;
+	border-radius: 8px;
+	background-color: #fff;
+	color: #141B5C;
+	cursor: pointer;
+}
+
+.ns_selected_close_icon {
+	outline: none;
+	border: none;
+	background: none;
+	padding-top: 4px;
+	border-left: solid 1px #0377FF;
+}
+
+.ns_dialog_parent {
+	position: absolute;
 }

package/src/components/NSFilterItem.tsx

@@ -1,74 +1,74 @@
-import { Component } from 'react';
-import { IBaseComponentProps } from '../props/IBaseComponentProps';
-import Styles from './NSFilterItem.module.css'
-import { FilterItem } from 'namirasoft-core';
-
-interface INSFilterItemProps extends IBaseComponentProps
-{
-	item: FilterItem
-	removeSelected: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>, item: FilterItem) => void
-}
-
-//todo -> after fix NSFilterBoxDialog uncomment all
-// interface INSFilterItemState
-// {
-// 	showDialog: boolean
-// }
-
-export class NSFilterItem extends Component<INSFilterItemProps>
-{
-	// constructor(props: INSFilterItemProps)
-	// {
-	// 	super(props);
-	// 	this.state = {
-	// 		showDialog: false
-	// 	}
-	// 	this.onClsoeDialog = this.onClsoeDialog.bind(this);
-	// 	this.onShowDialog = this.onShowDialog.bind(this);
-	// }
-
-	// onShowDialog()
-	// {
-	// 	this.setState({
-	// 		showDialog: true
-	// 	})
-	// }
-
-	// onClsoeDialog()
-	// {
-	// 	this.setState({
-	// 		showDialog: false
-	// 	})
-	// }
-
-	override render()
-	{
-		console.log(JSON.stringify(this.props.item));
-		return (
-			<div className={Styles.ns_selected_holder}>
-				<div className={Styles.ns_selected_item_parent}
-					//todo
-					// onClick={this.onShowDialog}
-				>
-					<span>{this.props.item.toString()} </span>
-					<button
-						className={Styles.ns_selected_close_icon}
-						onClick={(e) => this.props.removeSelected(e, this.props.item)}
-					>
-						<img src="https://static.namirasoft.com/image/concept/close/blue.svg" alt="close" width={24} height={24} />
-					</button>
-				</div>
-
-				{/* {
-					this.state.showDialog &&
-					<div className={Styles.ns_dialog_parent}>
-						<NSFilterBoxDialog
-							onCloseDialog={this.onClsoeDialog}
-							title='Edit Filter'
-						/>
-					</div>
-				} */}
-			</div>
-		);
-	}
+import { Component } from 'react';
+import { IBaseComponentProps } from '../props/IBaseComponentProps';
+import Styles from './NSFilterItem.module.css'
+import { FilterItem } from 'namirasoft-core';
+
+interface INSFilterItemProps extends IBaseComponentProps
+{
+	item: FilterItem
+	removeSelected: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>, item: FilterItem) => void
+}
+
+//todo -> after fix NSFilterBoxDialog uncomment all
+// interface INSFilterItemState
+// {
+// 	showDialog: boolean
+// }
+
+export class NSFilterItem extends Component<INSFilterItemProps>
+{
+	// constructor(props: INSFilterItemProps)
+	// {
+	// 	super(props);
+	// 	this.state = {
+	// 		showDialog: false
+	// 	}
+	// 	this.onClsoeDialog = this.onClsoeDialog.bind(this);
+	// 	this.onShowDialog = this.onShowDialog.bind(this);
+	// }
+
+	// onShowDialog()
+	// {
+	// 	this.setState({
+	// 		showDialog: true
+	// 	})
+	// }
+
+	// onClsoeDialog()
+	// {
+	// 	this.setState({
+	// 		showDialog: false
+	// 	})
+	// }
+
+	override render()
+	{
+		console.log(JSON.stringify(this.props.item));
+		return (
+			<div className={Styles.ns_selected_holder}>
+				<div className={Styles.ns_selected_item_parent}
+					//todo
+					// onClick={this.onShowDialog}
+				>
+					<span>{this.props.item.toString()} </span>
+					<button
+						className={Styles.ns_selected_close_icon}
+						onClick={(e) => this.props.removeSelected(e, this.props.item)}
+					>
+						<img src="https://static.namirasoft.com/image/concept/close/blue.svg" alt="close" width={24} height={24} />
+					</button>
+				</div>
+
+				{/* {
+					this.state.showDialog &&
+					<div className={Styles.ns_dialog_parent}>
+						<NSFilterBoxDialog
+							onCloseDialog={this.onClsoeDialog}
+							title='Edit Filter'
+						/>
+					</div>
+				} */}
+			</div>
+		);
+	}
 }

package/src/components/NSFooter.module.css

@@ -1,124 +1,124 @@
-.ns_footer {
-	width: 100%;
-	background-color: rgba(20, 27, 92, 1);
-	padding: 16px 0 8px 0;
-	display: flex;
-	justify-content: center;
-	margin-top: auto;
-}
-
-.ns_footer>.ns_package_footer {
-	padding-right: 1rem !important;
-}
-
-.ns_footer_parent_items {
-	display: flex;
-	justify-content: space-between;
-	gap: 64px;
-}
-
-.ns_footer_parent_items img {
-	transition: all 0.1s ease-in-out;
-}
-
-.ns_footer_parent_items img:hover {
-	scale: 1.2;
-}
-
-
-.ns_footer_project_logo_tablet {
-	display: none;
-}
-
-.ns_footer_menu_container {
-	display: flex;
-	flex-wrap: wrap;
-	width: 100%;
-	gap: 48px;
-}
-
-.ns_footer_namira_logo_tablet {
-	display: none;
-}
-
-.ns_footer_logos_mobile {
-	display: flex;
-	justify-content: center;
-	gap: 24px;
-	margin-bottom: 16px;
-}
-
-.ns_footer_menu_container ul {
-	list-style: none;
-	color: #fff;
-	padding: 0;
-	font-size: 16px;
-	font-weight: 600;
-	line-height: normal;
-}
-
-.ns_footer_list_title {
-	border-bottom: solid 2px #fff;
-	margin-bottom: 8px;
-	display: block;
-}
-
-.ns_footer_menu_container li {
-	font-size: 12px !important;
-	font-weight: 300 !important;
-	margin-bottom: 8px;
-}
-
-.ns_footer_menu_container li a {
-	text-decoration: none;
-	color: #fff;
-}
-
-.ns_footer_copyright {
-	color: #fff !important;
-	text-align: center;
-	width: 100%;
-	display: flex;
-	flex-wrap: wrap;
-	align-items: center;
-	justify-content: center;
-}
-
-.ns_footer_copyright span,
-.ns_footer_copyright a {
-	color: #fff !important;
-	text-align: center;
-	font-size: 12px;
-	font-family: inherit;
-	font-weight: 300;
-	text-decoration: none;
-	margin-left: 4px;
-}
-
-@media only screen and (min-width: 768px) {
-	.ns_footer_project_logo_tablet {
-		display: block;
-	}
-
-	.ns_footer_namira_logo_tablet {
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
-		height: 100%;
-		gap: 16px;
-	}
-
-	.ns_footer_logos_mobile {
-		display: none;
-	}
-}
-
-/* Is these two exist ?  */
-.ns_footer h5 {
-	font-size: 16px !important;
-	font-weight: 600 !important;
-}
-
-.footns_footer li {
-	color: #fff;
+.ns_footer {
+	width: 100%;
+	background-color: rgba(20, 27, 92, 1);
+	padding: 16px 0 8px 0;
+	display: flex;
+	justify-content: center;
+	margin-top: auto;
+}
+
+.ns_footer>.ns_package_footer {
+	padding-right: 1rem !important;
+}
+
+.ns_footer_parent_items {
+	display: flex;
+	justify-content: space-between;
+	gap: 64px;
+}
+
+.ns_footer_parent_items img {
+	transition: all 0.1s ease-in-out;
+}
+
+.ns_footer_parent_items img:hover {
+	scale: 1.2;
+}
+
+
+.ns_footer_project_logo_tablet {
+	display: none;
+}
+
+.ns_footer_menu_container {
+	display: flex;
+	flex-wrap: wrap;
+	width: 100%;
+	gap: 48px;
+}
+
+.ns_footer_namira_logo_tablet {
+	display: none;
+}
+
+.ns_footer_logos_mobile {
+	display: flex;
+	justify-content: center;
+	gap: 24px;
+	margin-bottom: 16px;
+}
+
+.ns_footer_menu_container ul {
+	list-style: none;
+	color: #fff;
+	padding: 0;
+	font-size: 16px;
+	font-weight: 600;
+	line-height: normal;
+}
+
+.ns_footer_list_title {
+	border-bottom: solid 2px #fff;
+	margin-bottom: 8px;
+	display: block;
+}
+
+.ns_footer_menu_container li {
+	font-size: 12px !important;
+	font-weight: 300 !important;
+	margin-bottom: 8px;
+}
+
+.ns_footer_menu_container li a {
+	text-decoration: none;
+	color: #fff;
+}
+
+.ns_footer_copyright {
+	color: #fff !important;
+	text-align: center;
+	width: 100%;
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	justify-content: center;
+}
+
+.ns_footer_copyright span,
+.ns_footer_copyright a {
+	color: #fff !important;
+	text-align: center;
+	font-size: 12px;
+	font-family: inherit;
+	font-weight: 300;
+	text-decoration: none;
+	margin-left: 4px;
+}
+
+@media only screen and (min-width: 768px) {
+	.ns_footer_project_logo_tablet {
+		display: block;
+	}
+
+	.ns_footer_namira_logo_tablet {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		height: 100%;
+		gap: 16px;
+	}
+
+	.ns_footer_logos_mobile {
+		display: none;
+	}
+}
+
+/* Is these two exist ?  */
+.ns_footer h5 {
+	font-size: 16px !important;
+	font-weight: 600 !important;
+}
+
+.footns_footer li {
+	color: #fff;
 }