namirasoft-site-react 1.3.216 → 1.3.218

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
-					title={"this.props.title"}
-					placeHolder=""
-					options={[]}
-					multiple={false}
-					required={false}
-				/>
-
-				<NSBoxEnum
-					title={"this.props.title"}
-					placeHolder=""
-					options={[]}
-					multiple={false}
-					required={false}
-				/>
-
-				<NSBoxString
-					title=''
-					required={false}
-				/>
-
-				<div className={Styles.ns_dialog_btn_container}>
-					<NSButtonRed
-						title='Apply'
-						onClick={() => { }}
-						style={
-							{
-								border: "solid 1px red",
-								color: "red",
-								backgroundColor: "#fff"
-							}
-						}
-					/>
-
-					<NSButtonBlue
-						title='Cancel'
-						onClick={this.props.onCloseDialog}
-					/>
-				</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
+					title={"this.props.title"}
+					placeHolder=""
+					options={[]}
+					multiple={false}
+					required={false}
+				/>
+
+				<NSBoxEnum
+					title={"this.props.title"}
+					placeHolder=""
+					options={[]}
+					multiple={false}
+					required={false}
+				/>
+
+				<NSBoxString
+					title=''
+					required={false}
+				/>
+
+				<div className={Styles.ns_dialog_btn_container}>
+					<NSButtonRed
+						title='Apply'
+						onClick={() => { }}
+						style={
+							{
+								border: "solid 1px red",
+								color: "red",
+								backgroundColor: "#fff"
+							}
+						}
+					/>
+
+					<NSButtonBlue
+						title='Cancel'
+						onClick={this.props.onCloseDialog}
+					/>
+				</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,72 +1,72 @@
-import { Component } from 'react';
-import { IBaseComponentProps } from '../props/IBaseComponentProps';
-import Styles from './NSFilterItem.module.css'
-import { NSFilterBoxDialog } from './NSFilterBoxDialog';
-import { FilterItem } from 'namirasoft-core';
-
-interface INSFilterItemProps extends IBaseComponentProps
-{
-	item: FilterItem
-	removeSelected: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>, text: string) => void
-}
-
-interface INSFilterItemState
-{
-	showDialog: boolean
-}
-
-export class NSFilterItem extends Component<INSFilterItemProps, INSFilterItemState>
-{
-	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()
-	{
-		return (
-			<div className={Styles.ns_selected_holder}>
-				<div className={Styles.ns_selected_item_parent}
-					onClick={this.onShowDialog}
-				>
-					<span>{ this.props.item.column} </span>
-					<button
-						className={Styles.ns_selected_close_icon}
-						onClick={(e) => this.props.removeSelected(e, this.props.item.column)}
-					>
-						<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 { NSFilterBoxDialog } from './NSFilterBoxDialog';
+import { FilterItem } from 'namirasoft-core';
+
+interface INSFilterItemProps extends IBaseComponentProps
+{
+	item: FilterItem
+	removeSelected: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>, text: string) => void
+}
+
+interface INSFilterItemState
+{
+	showDialog: boolean
+}
+
+export class NSFilterItem extends Component<INSFilterItemProps, INSFilterItemState>
+{
+	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()
+	{
+		return (
+			<div className={Styles.ns_selected_holder}>
+				<div className={Styles.ns_selected_item_parent}
+					onClick={this.onShowDialog}
+				>
+					<span>{ this.props.item.column} </span>
+					<button
+						className={Styles.ns_selected_close_icon}
+						onClick={(e) => this.props.removeSelected(e, this.props.item.column)}
+					>
+						<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,127 +1,127 @@
-.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-left: 1rem !important;
-	padding-right: 1rem !important;
-	margin-right: auto;
-	margin-left: auto;
-}
-
-.ns_footer_parent_items {
-	display: flex;
-	justify-content: space-between;
-	gap: 64px;
-}
-
-.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;
-	}
-}
-
-@media only screen and (min-width: 1024px) {
-	.ns_footer>.ns_package_footer {
-		padding-left: 3rem !important;
-		padding-right: 3rem !important;
-		margin-right: auto;
-		margin-left: auto;
-	}
-}
-
-/* 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-left: 1rem !important;
+	padding-right: 1rem !important;
+	margin-right: auto;
+	margin-left: auto;
+}
+
+.ns_footer_parent_items {
+	display: flex;
+	justify-content: space-between;
+	gap: 64px;
+}
+
+.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;
+	}
+}
+
+@media only screen and (min-width: 1024px) {
+	.ns_footer>.ns_package_footer {
+		padding-left: 3rem !important;
+		padding-right: 3rem !important;
+		margin-right: auto;
+		margin-left: auto;
+	}
+}
+
+/* Is these two exist ?  */
+.ns_footer h5 {
+	font-size: 16px !important;
+	font-weight: 600 !important;
+}
+
+.footns_footer li {
+	color: #fff;
 }