namirasoft-site-react 1.2.52 → 1.2.55

package/src/components/NSSectionTitle.tsx

@@ -0,0 +1,28 @@
+'use client'
+
+import { Component, ReactNode } from 'react';
+import NSSection from './NSSection';
+import NSTitle from './NSTitle';
+import { Background } from '../types/Background';
+
+interface NSSectionTitleProps
+{
+	title: {
+		text: string,
+		color?: string
+	};
+	background?: Background
+	padding_bottom?: string;
+	children: ReactNode
+}
+ 
+export default class NSSectionTitle extends Component<NSSectionTitleProps> {
+	override render() { 
+		return (  
+			<NSSection padding_bottom={this.props.padding_bottom} background={this.props.background} >
+				<NSTitle color={this.props.title.color} title={this.props.title.text} />
+				{this.props.children}
+			</NSSection>
+		);
+	}
+}

package/src/components/NSSelectBox.tsx

@@ -4,7 +4,7 @@ import React from "react";
 import Styles from "./NSSelectBox.module.css";
 import { Select, Space } from 'antd';
 import type { SelectProps } from 'antd';
-import { CaretDownOutlined } from '@ant-design/icons'
+// import { CaretDownOutlined } from '@ant-design/icons'
 
 interface IProps
 {
@@ -36,11 +36,10 @@ export class NSSelectBox extends React.Component<IProps, IState> {
     }
     override render()
     {
-
         return (
             <div className={`${Styles.ns_input_parent} p-2`}>
                 <Select
-                    suffixIcon={<CaretDownOutlined />}
+                    // suffixIcon={<CaretDownOutlined />}
                     mode="multiple"
                     style={{ width: '100%' }}
                     className={Styles.ns_input_select}

package/src/components/NSTitle.module.css

@@ -0,0 +1,9 @@
+.ns_title {
+	font-size: 32px;
+	font-weight: 700;
+	line-height: normal;
+	color: #001664;
+	margin-bottom: 16px;
+	width: 100%;
+	text-align: center;
+}

package/src/components/NSTitle.tsx

@@ -0,0 +1,25 @@
+'use client'
+import { Component } from 'react';
+
+//Styles 
+import Styles from './NSTitle.module.css';
+
+interface NSTitleProps
+{
+	title: string;
+	color?: string;
+	text_align?: string;
+}
+class NSTitle extends Component<NSTitleProps> {
+	override render()
+	{
+		return (
+			//todo : fix text align
+			<h2 style={{ color: this.props.color, textAlign: this.props.text_align ? "start" : "center" }} className={`${Styles.ns_title}`}>
+				{this.props.title}
+			</h2>
+		);
+	}
+}
+
+export default NSTitle;

package/src/main.ts

@@ -1,6 +1,7 @@
 export * from "./components/NSButtonGreen";
 export * from "./components/NSButtonRed";
 export * from "./components/NSCard";
+export * from "./components/NSEntityBar";
 export * from "./components/NSFooter";
 export * from "./components/NSHeader";
 export * from "./components/NSInputDate";
@@ -19,8 +20,15 @@ export * from "./components/NSLayout";
 export * from "./components/NSLayoutHeroBanner";
 export * from "./components/NSLayoutTitle";
 export * from "./components/NSSelectBox";
+export * from "./components/NSSection";
+export * from "./components/NSSectionBars";
+export * from "./components/NSSectionCards";
+export * from "./components/NSSectionTitle";
+export * from "./components/NSLinkBlue";
 export * from "./components/NSLinkGreen";
 export * from "./components/NSLinkRed";
+export * from "./components/NSMap";
 export * from "./components/NSPagination";
 export * from "./components/NSTable";
+export * from "./components/NSTitle";
 export * from "./pages/NSLoginPage";

package/src/types/Background.ts

@@ -0,0 +1,6 @@
+export interface Background
+{
+	image?: string,
+	color?: string,
+	position? :string
+}

package/dist/components/NSParentCard.module.css

@@ -1,35 +0,0 @@
-/* .section_card_container {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-	padding: 48px 0;
-	gap: 48px;
-}
-
-.section_card_details>h2 {
-	color: inherit;
-	font-size: 32px;
-	font-weight: 700;
-	line-height: normal;
-	font-style: normal;
-	text-align: center;
-	margin-bottom: 16px;
-}
-
-.section_card_details>p {
-	color: inherit;
-	font-size: 16px;
-	font-weight: 400;
-	line-height: normal;
-	font-style: normal;
-	margin-bottom: 0;
-}
-
-.ns_card_container {
-	display: flex;
-	flex-direction: row;
-	flex-wrap: wrap;
-	justify-content: space-between;
-	gap: 24px;
-} */

package/src/components/NSParentCard.module.css

@@ -1,35 +0,0 @@
-/* .section_card_container {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-	padding: 48px 0;
-	gap: 48px;
-}
-
-.section_card_details>h2 {
-	color: inherit;
-	font-size: 32px;
-	font-weight: 700;
-	line-height: normal;
-	font-style: normal;
-	text-align: center;
-	margin-bottom: 16px;
-}
-
-.section_card_details>p {
-	color: inherit;
-	font-size: 16px;
-	font-weight: 400;
-	line-height: normal;
-	font-style: normal;
-	margin-bottom: 0;
-}
-
-.ns_card_container {
-	display: flex;
-	flex-direction: row;
-	flex-wrap: wrap;
-	justify-content: space-between;
-	gap: 24px;
-} */

package/src/components/NSParentCard.tsx.temp

@@ -1,59 +0,0 @@
-//// "use client"
-
-// import { Component } from 'react';
-// import Styles from './NSParentCard.module.css';
-
-// interface IPropsCard
-// {
-// 	title: string,
-// 	src: string,
-// 	alt?: string | undefined,
-// 	description?: string | undefined,
-// 	has_link: boolean,
-// 	href?: string | undefined,
-// 	target?: string | undefined
-// 	link_text?: string,
-// }
-
-// interface IProps
-// {
-// 	background?: {
-// 		backgroundColor?: string,
-// 		backgroundImage?: string,
-// 	},
-// 	section_title: string,
-// 	section_description?: string | undefined,
-// 	card: IPropsCard,
-// 	cards: IPropsCard[]
-// }
-
-// interface IState
-// { }
-
-// export class NSParentCard extends Component<IProps, IState> {
-// 	override render()
-// 	{
-// 		return (
-
-// 			<>
-// 				<section className={` ${Styles.section_card_container}`}>
-// 					<div className="ns-section-whitespace">
-// 						<div className="container mx-auto px-4 lg:px-12">
-// 							<div className={Styles.section_card_details}>
-// 								<h2> {this.props.section_title} </h2>
-// 								<p> {this.props.section_description} </p>
-// 							</div>
-// 						</div>
-// 					</div>
-// 				</section>
-
-// 				<section className={Styles.section_card_container} style={this.props.background} >
-// 					<div className={Styles.section_card_details}>
-// 						<h2> {this.props.section_title} </h2>
-// 						<p> {this.props.section_description} </p>
-// 					</div>
-// 				</section>
-// 			</>
-// 		);
-// 	}
-// };