namirasoft-site-react 1.2.55 → 1.3.1

package/src/components/NSEntityBar.tsx

@@ -6,6 +6,7 @@ import Styles from './NSEntityBar.module.css'
 
 export interface NSEntityBarProps
 {
+	id?: string | number;
 	title: string;
 	description: string;
 	image: {
@@ -18,13 +19,13 @@ export class NSEntityBar extends Component<NSEntityBarProps> {
 	override render()
 	{
 		return (
-			<article className={Styles.entity_bar_item}>
-				<figure className={Styles.entity_bar_image_container}>
+			<article className={Styles.ns_entity_bar_item}>
+				<figure className={Styles.ns_entity_bar_image_container}>
 					<img src={this.props.image.src} alt={this.props.image.alt} width={310} height={240} />
 				</figure>
-				<div className={Styles.entity_bar_details_container}>
-					<h3 className={Styles.entity_bar_image_title}> {this.props.title} </h3>
-					<p className={Styles.entity_bar_image_description} > {this.props.description} </p>
+				<div className={Styles.ns_entity_bar_details_container}>
+					<h3 className={Styles.ns_entity_bar_image_title}> {this.props.title} </h3>
+					<p className={Styles.ns_entity_bar_image_description} > {this.props.description} </p>
 				</div>
 			</article>
 		);

package/src/components/NSSection.tsx

@@ -1,4 +1,5 @@
-'use client'
+"use client";
+
 import { Component, ReactNode } from "react";
 import Styles from './NSSection.module.css'
 import { Background } from "../types/Background";
@@ -14,12 +15,12 @@ interface NSSectionState
 	background?: Background;
 }
 
-class NSSection extends Component<NSSectionProps, NSSectionState> {
+export class NSSection extends Component<NSSectionProps, NSSectionState> {
 	constructor(props: NSSectionProps)
 	{
 		super(props);
 		this.state = {
-			background: { 
+			background: {
 				image: `url(${props.background?.image})`,
 				color: props.background?.color,
 				position: props.background?.position
@@ -33,7 +34,7 @@ class NSSection extends Component<NSSectionProps, NSSectionState> {
 				{{
 					backgroundImage: this.state.background?.image,
 					backgroundColor: this.state.background?.color,
-					backgroundPosition : this.state.background?.position
+					backgroundPosition: this.state.background?.position
 				}}
 				className={Styles.ns_section} >
 				<div style={{ paddingBottom: this.props.padding_bottom }}
@@ -43,6 +44,4 @@ class NSSection extends Component<NSSectionProps, NSSectionState> {
 			</section>
 		);
 	}
-}
-
-export default NSSection;
+}

package/src/components/NSSectionBars.tsx

@@ -5,9 +5,8 @@ import { Component } from 'react';
 import Styles from './NSSectionBars.module.css';
 
 import { NSEntityBar, NSEntityBarProps } from './NSEntityBar';
-import NSSection from './NSSection';
+import { NSSection } from './NSSection';
 import { Background } from '../types/Background';
-// import { NSLinkBlue } from './NSLinkBlue';
 
 interface NSSectionBarsProps
 {
@@ -15,7 +14,7 @@ interface NSSectionBarsProps
 	bars: NSEntityBarProps[]
 }
 
-class NSSectionBars extends Component<NSSectionBarsProps> {
+export class NSSectionBars extends Component<NSSectionBarsProps> {
 	override render()
 	{
 		return (
@@ -23,13 +22,11 @@ class NSSectionBars extends Component<NSSectionBarsProps> {
 				<NSSection background={this.props.background} >
 					<div className={`container mx-auto px-4 lg:px-12 ${Styles.ns_entity_bar_container}`}>
 						{
-							this.props.bars?.map((bar) => <NSEntityBar  {...bar} />)
+							this.props.bars?.map((bar) => <NSEntityBar key={bar.id} {...bar} />)
 						}
 					</div>
 				</NSSection>
 			</>
 		);
 	}
-}
-
-export default NSSectionBars;
+}

package/src/components/NSSectionCards.module.css

@@ -18,7 +18,7 @@
 	flex-direction: row;
 	flex-wrap: wrap;
 	justify-content: center;
-	gap: 48px;
+	gap: 24px;
 	width: 100%;
 }
 
@@ -30,9 +30,9 @@
 
 .description {
 	font-style: normal;
-	font-weight: initial;
+	font-weight: inherit;
 	font-size: 16px;
-	font-family: initial;
-	line-height: initial;
+	font-family: inherit;
+	line-height: inherit;
 	margin-bottom: 16px;
 }

package/src/components/NSSectionCards.tsx

@@ -3,9 +3,9 @@
 import { Component } from 'react';
 
 import Styles from './NSSectionCards.module.css';
-import NSTitle from './NSTitle';
+import { NSTitle } from './NSTitle';
 import { NSCard, NSCardProps } from './NSCard';
-import NSSection from './NSSection';
+import { NSSection } from './NSSection';
 import { NSLinkBlue } from './NSLinkBlue';
 import { Background } from '../types/Background';
 
@@ -27,7 +27,7 @@ interface NSSectionCardsProps
 	cards: NSCardProps[]
 }
 
-class NSSectionCards extends Component<NSSectionCardsProps> {
+export class NSSectionCards extends Component<NSSectionCardsProps> {
 	override render()
 	{
 		return (
@@ -50,7 +50,7 @@ class NSSectionCards extends Component<NSSectionCardsProps> {
 
 						<div className={` ${Styles.ns_card_container}`}>
 							{
-								this.props.cards?.map((card) => <NSCard  {...card} />)
+								this.props.cards?.map((card) => <NSCard key={card.id} {...card} />)
 							}
 						</div>
 						{
@@ -64,6 +64,4 @@ class NSSectionCards extends Component<NSSectionCardsProps> {
 			</>
 		);
 	}
-}
-
-export default NSSectionCards;
+}

package/src/components/NSSectionTitle.tsx

@@ -1,8 +1,7 @@
-'use client'
-
+"use client";
 import { Component, ReactNode } from 'react';
-import NSSection from './NSSection';
-import NSTitle from './NSTitle';
+import { NSSection } from './NSSection';
+import { NSTitle } from './NSTitle';
 import { Background } from '../types/Background';
 
 interface NSSectionTitleProps
@@ -15,10 +14,11 @@ interface NSSectionTitleProps
 	padding_bottom?: string;
 	children: ReactNode
 }
- 
-export default class NSSectionTitle extends Component<NSSectionTitleProps> {
-	override render() { 
-		return (  
+
+export 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}

package/src/components/NSTitle.module.css

@@ -6,4 +6,5 @@
 	margin-bottom: 16px;
 	width: 100%;
 	text-align: center;
+	font-family: inherit;
 }

package/src/components/NSTitle.tsx

@@ -1,4 +1,4 @@
-'use client'
+"use client";
 import { Component } from 'react';
 
 //Styles 
@@ -10,7 +10,7 @@ interface NSTitleProps
 	color?: string;
 	text_align?: string;
 }
-class NSTitle extends Component<NSTitleProps> {
+export class NSTitle extends Component<NSTitleProps> {
 	override render()
 	{
 		return (
@@ -20,6 +20,4 @@ class NSTitle extends Component<NSTitleProps> {
 			</h2>
 		);
 	}
-}
-
-export default NSTitle;
+}

package/src/main.ts

@@ -27,7 +27,6 @@ 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";

package/tsconfig.json

@@ -1,38 +1,44 @@
 {
-  "compilerOptions": {
-      "target": "ES6",
-      "module": "esnext",
-      "rootDir": "./src",
-      "outDir": "./dist",
-      "lib": [
-          "dom",
-          "dom.iterable",
-          "esnext"
-      ],
-      "allowJs": false,
-      "checkJs": false,
-      "strict": true,
-      "esModuleInterop": true,
-      "sourceMap": true,
-      "resolveJsonModule": true,
-      "declaration": true,
-      "noUnusedLocals": true,
-      "noUnusedParameters": true,
-      "noImplicitAny": true,
-      "noImplicitOverride": true,
-      "noImplicitReturns": true,
-      "noImplicitThis": true,
-      "skipLibCheck": true,
-      "allowSyntheticDefaultImports": true,
-      "forceConsistentCasingInFileNames": true,
-      "noFallthroughCasesInSwitch": true,
-      "isolatedModules": true,
-      "removeComments": true,
-      "noEmit": false,
-      "moduleResolution": "node",
-      "jsx": "react-jsx"
-  },
-  "include": [
-      "src"
-  ]
+    "compilerOptions": {
+        "target": "ES6",
+        "jsx": "react-jsx",
+        "moduleResolution": "node",
+        "rootDir": "./src",
+        "outDir": "./dist",
+        "lib": [
+            "dom",
+            "dom.iterable",
+            "esnext"
+        ],
+        "allowJs": false,
+        "checkJs": false,
+        "strict": true,
+        "esModuleInterop": true,
+        "sourceMap": true,
+        "resolveJsonModule": true,
+        "declaration": true,
+        "noUnusedLocals": true,
+        "noUnusedParameters": true,
+        "noImplicitAny": true,
+        "noImplicitOverride": true,
+        "noImplicitReturns": true,
+        "noImplicitThis": true,
+        "skipLibCheck": true,
+        "allowSyntheticDefaultImports": true,
+        "forceConsistentCasingInFileNames": true,
+        "noFallthroughCasesInSwitch": true,
+        "isolatedModules": false,
+        "removeComments": true,
+    },
+    "include": [
+        "src",
+        "build/types/**/*.ts"
+    ],
+    "exclude": [
+        "node_modules",
+        "build",
+        "dist",
+        "static",
+        "public"
+    ]
 }

package/.gitlab-ci.yml

@@ -1,15 +0,0 @@
-stages:   
- - npm-publish
-
-publish:
-  stage: npm-publish
-  script:
-    - rm -rf node_modules
-    - rm -rf dist
-    - ncu -u
-    - npm i
-    - tsc
-    - npm run build
-    - npm publish
-  only:
-    - master

package/dist/assets/images/arrow.svg

@@ -1,3 +0,0 @@
-<svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10 16L0.473722 0.249998L19.5263 0.25L10 16Z" fill="#848484"/>
-</svg>

package/dist/assets/images/danger.svg

@@ -1,3 +0,0 @@
-<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.5 0C10.0899 0 13 2.9107 13 6.5C13 10.0893 10.0899 13 6.5 13C2.91005 13 0 10.0893 0 6.5C0 2.9107 2.91005 0 6.5 0ZM6.33272 3.35661C6.24576 3.35386 6.15914 3.36861 6.07799 3.39999C5.99684 3.43137 5.92283 3.47873 5.86034 3.53927C5.79786 3.59981 5.74817 3.67229 5.71424 3.75241C5.68031 3.83252 5.66283 3.91864 5.66283 4.00564C5.66283 4.09264 5.68031 4.17876 5.71424 4.25887C5.74817 4.33899 5.79786 4.41147 5.86034 4.472C5.92283 4.53254 5.99684 4.57991 6.07799 4.61129C6.15914 4.64267 6.24576 4.65742 6.33272 4.65466C6.5013 4.64933 6.66119 4.57861 6.77855 4.45748C6.89591 4.33634 6.96153 4.1743 6.96153 4.00564C6.96153 3.83698 6.89591 3.67493 6.77855 3.5538C6.66119 3.43267 6.5013 3.36195 6.33272 3.35661ZM6.33142 5.04839C6.17212 5.04843 6.01837 5.10697 5.89938 5.21289C5.7804 5.31882 5.70445 5.46476 5.68597 5.62299L5.68142 5.69839L5.68272 8.94904L5.68727 9.02509C5.70606 9.18307 5.78214 9.32867 5.9011 9.43432C6.02006 9.53996 6.17363 9.59831 6.33272 9.59831C6.49182 9.59831 6.64539 9.53996 6.76435 9.43432C6.8833 9.32867 6.95938 9.18307 6.97817 9.02509L6.98272 8.94904L6.98142 5.69839L6.97687 5.62234C6.95825 5.46422 6.88224 5.31844 6.76326 5.21265C6.64429 5.10686 6.49063 5.04841 6.33142 5.04839Z" fill="#FF3F3F"/>
-</svg>

package/dist/assets/images/exit.svg

@@ -1,3 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M0 2.22173C0 0.999778 0.999778 0 2.22173 0H11.1086V2.22173H2.22173V17.7738H11.1086V19.9956H2.22173C0.999778 19.9956 0 18.9958 0 17.7738V2.22173ZM15.7476 8.88691L12.9305 6.06976L14.5012 4.499L20 9.99778L14.5012 15.4966L12.9305 13.9258L15.7476 11.1086H8.43146V8.88691H15.7476Z" fill="white"/>
-</svg>