namirasoft-site-react 1.3.3 → 1.3.5

package/dist/components/NSCard.d.ts

@@ -1,14 +1,14 @@
 import { Component } from 'react';
 export interface NSCardProps {
     id?: string | number;
-    title: string;
+    title?: string;
     description?: string;
     image: {
         src: string;
         alt: string;
     };
     link?: {
-        text: string;
+        text?: string;
         href: string;
         target?: string;
     };

package/dist/components/NSCard.js

@@ -4,10 +4,13 @@ import { Component } from 'react';
 import Styles from './NSCard.module.css';
 export class NSCard extends Component {
     render() {
-        var _a;
-        return (_jsx(_Fragment, { children: _jsxs("article", { className: Styles.ns_card, children: [_jsxs("div", { className: Styles.ns_card_detail_container, children: [_jsxs("div", { className: Styles.ns_card_title_img, style: { alignItems: this.props.description ? "flex-start" : "center" }, children: [_jsx("img", { className: Styles.ns_card_img, src: this.props.image.src, alt: this.props.image.alt }), _jsx("h3", { className: Styles.ns_card_title, children: this.props.title })] }), this.props.description &&
+        var _a, _b, _c, _d, _e, _f, _g;
+        return (_jsx(_Fragment, { children: _jsxs("article", { className: Styles.ns_card, children: [_jsxs("div", { className: Styles.ns_card_detail_container, children: [_jsxs("div", { className: Styles.ns_card_title_img, style: { alignItems: this.props.description ? "flex-start" : "center" }, children: [_jsx("img", { className: Styles.ns_card_img, src: this.props.image.src, alt: this.props.image.alt }), _jsx("h3", { className: Styles.ns_card_title, children: this.props.title && this.props.title })] }), this.props.description &&
                                 _jsx("p", { className: Styles.ns_card_description, children: this.props.description })] }), this.props.link &&
-                        _jsx("div", { className: Styles.ns_card_link_container, children: _jsx("a", { className: Styles.ns_card_link, href: this.props.link.href, target: (_a = this.props.link.target) !== null && _a !== void 0 ? _a : "_self", children: this.props.link.text }) })] }) }));
+                        this.props.link.text ?
+                        _jsx("div", { className: Styles.ns_card_link_container, children: _jsx("a", { className: Styles.ns_card_link, href: (_a = this.props.link) === null || _a === void 0 ? void 0 : _a.href, target: (_c = (_b = this.props.link) === null || _b === void 0 ? void 0 : _b.target) !== null && _c !== void 0 ? _c : "_self", children: (_d = this.props.link) === null || _d === void 0 ? void 0 : _d.text }) })
+                        :
+                            _jsx("div", { className: Styles.ns_card_link_container, children: _jsx("a", { className: Styles.ns_link_absolute, href: (_e = this.props.link) === null || _e === void 0 ? void 0 : _e.href, target: (_g = (_f = this.props.link) === null || _f === void 0 ? void 0 : _f.target) !== null && _g !== void 0 ? _g : "_self" }) })] }) }));
     }
 }
 //# sourceMappingURL=NSCard.js.map

package/dist/components/NSCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSCard.js","sourceRoot":"","sources":["../../src/components/NSCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,MAAM,qBAAqB,CAAA;AAmBxC,MAAM,OAAO,MAAO,SAAQ,SAAsB;IACxC,MAAM;;QAEd,OAAO,CACN,4BACC,mBAAS,SAAS,EAAE,MAAM,CAAC,OAAO,aACjC,eAAK,SAAS,EAAE,MAAM,CAAC,wBAAwB,aAC9C,eAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,EAAE,aAChH,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,GAAI,EAC5F,aAAI,SAAS,EAAE,MAAM,CAAC,aAAa,YACjC,IAAI,CAAC,KAAK,CAAC,KAAK,GACb,IACA,EAEL,IAAI,CAAC,KAAK,CAAC,WAAW;gCACtB,YAAG,SAAS,EAAE,MAAM,CAAC,mBAAmB,YACtC,IAAI,CAAC,KAAK,CAAC,WAAW,GACpB,IAGA,EACL,IAAI,CAAC,KAAK,CAAC,IAAI;wBACf,cAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,YAC5C,YAAG,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,mCAAI,OAAO,YACtG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAClB,GACC,IAEG,GACT,CACH,CAAC;IACH,CAAC;CACD"}
+{"version":3,"file":"NSCard.js","sourceRoot":"","sources":["../../src/components/NSCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,MAAM,qBAAqB,CAAA;AAmBxC,MAAM,OAAO,MAAO,SAAQ,SAAsB;IACxC,MAAM;;QAEd,OAAO,CACN,4BACC,mBAAS,SAAS,EAAE,MAAM,CAAC,OAAO,aACjC,eAAK,SAAS,EAAE,MAAM,CAAC,wBAAwB,aAC9C,eAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,EAAE,aAChH,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,GAAI,EAC5F,aAAI,SAAS,EAAE,MAAM,CAAC,aAAa,YACjC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,GACjC,IACA,EAEL,IAAI,CAAC,KAAK,CAAC,WAAW;gCACtB,YAAG,SAAS,EAAE,MAAM,CAAC,mBAAmB,YACtC,IAAI,CAAC,KAAK,CAAC,WAAW,GACpB,IAGA,EACL,IAAI,CAAC,KAAK,CAAC,IAAI;wBACf,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;wBACtB,cAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,YAC5C,YAAG,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE,IAAI,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,0CAAE,IAAI,EAAE,MAAM,EAAE,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,0CAAE,MAAM,mCAAI,OAAO,YACxG,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,0CAAE,IAAI,GACnB,GACC;wBACN,CAAC;4BACD,cAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,YAC5C,YAAG,SAAS,EAAE,MAAM,CAAC,gBAAgB,EAAE,IAAI,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,0CAAE,IAAI,EAAE,MAAM,EAAE,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,0CAAE,MAAM,mCAAI,OAAO,GAC1G,GACC,IAEG,GACT,CACH,CAAC;IACH,CAAC;CACD"}

package/dist/components/NSCard.module.css

@@ -11,6 +11,7 @@
 	border-radius: 24px;
 	width: 100%;
 	max-width: 358px;
+	position: relative;
 }
 
 .ns_card_detail_container {
@@ -31,6 +32,7 @@
 }
 
 .ns_card_img {
+	border-radius: 24px;
 	object-fit: cover;
 	width: 100%;
 	height: 100%;
@@ -78,6 +80,18 @@
 	width: 100%;
 }
 
+.ns_link_absolute {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	cursor: pointer;
+}
+
+
 @media only screen and (min-width: 576px) {
 	.ns_card {
 		width: 65%;

package/dist/components/NSEntityCardBackground.d.ts

@@ -0,0 +1,19 @@
+import { Component } from 'react';
+import { Background } from '../types/Background';
+export interface IProps {
+    id?: string | number;
+    title: string;
+    link?: {
+        href: string;
+        target?: string;
+    };
+    background?: Background;
+}
+interface IState {
+    background?: Background;
+}
+export declare class NSEntityCardBackground extends Component<IProps, IState> {
+    constructor(props: IProps);
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/dist/components/NSEntityCardBackground.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Component } from 'react';
+import Styles from './NSEntityCardBackground.module.css';
+export class NSEntityCardBackground extends Component {
+    constructor(props) {
+        var _a, _b, _c;
+        super(props);
+        this.state = {
+            background: {
+                image: `url(${(_a = props.background) === null || _a === void 0 ? void 0 : _a.image})`,
+                color: (_b = props.background) === null || _b === void 0 ? void 0 : _b.color,
+                position: (_c = props.background) === null || _c === void 0 ? void 0 : _c.position
+            }
+        };
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f;
+        return (_jsx(_Fragment, { children: _jsxs("article", { className: Styles.card_background, style: {
+                    backgroundImage: (_a = this.state.background) === null || _a === void 0 ? void 0 : _a.image,
+                    backgroundColor: (_b = this.state.background) === null || _b === void 0 ? void 0 : _b.color,
+                    backgroundPosition: (_c = this.state.background) === null || _c === void 0 ? void 0 : _c.position
+                }, children: [_jsx("p", { className: Styles.card_background_text, children: this.props.title }), this.props.link &&
+                        _jsx("div", { className: Styles.ns_card_link_container, children: _jsx("a", { className: Styles.ns_link_absolute, href: (_d = this.props.link) === null || _d === void 0 ? void 0 : _d.href, target: (_f = (_e = this.props.link) === null || _e === void 0 ? void 0 : _e.target) !== null && _f !== void 0 ? _f : "_self" }) })] }) }));
+    }
+}
+//# sourceMappingURL=NSEntityCardBackground.js.map

package/dist/components/NSEntityCardBackground.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSEntityCardBackground.js","sourceRoot":"","sources":["../../src/components/NSEntityCardBackground.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,MAAM,qCAAqC,CAAA;AAqBxD,MAAM,OAAO,sBAAuB,SAAQ,SAAyB;IAEpE,YAAY,KAAa;;QAExB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACZ,UAAU,EAAE;gBACX,KAAK,EAAE,OAAO,MAAA,KAAK,CAAC,UAAU,0CAAE,KAAK,GAAG;gBACxC,KAAK,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,KAAK;gBAC9B,QAAQ,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,QAAQ;aACpC;SACD,CAAA;IACF,CAAC;IAEQ,MAAM;;QAEd,OAAO,CACN,4BACC,mBAAS,SAAS,EAAE,MAAM,CAAC,eAAe,EACzC,KAAK,EACJ;oBACA,eAAe,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,KAAK;oBAC7C,eAAe,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,KAAK;oBAC7C,kBAAkB,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,QAAQ;iBACnD,aAGD,YAAG,SAAS,EAAE,MAAM,CAAC,oBAAoB,YACvC,IAAI,CAAC,KAAK,CAAC,KAAK,GACd,EAGH,IAAI,CAAC,KAAK,CAAC,IAAI;wBACf,cAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,YAC5C,YAAG,SAAS,EAAE,MAAM,CAAC,gBAAgB,EAAE,IAAI,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,0CAAE,IAAI,EAAE,MAAM,EAAE,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,0CAAE,MAAM,mCAAI,OAAO,GAC1G,GACC,IAEG,GACT,CACH,CAAC;IACH,CAAC;CACD"}

package/dist/components/NSEntityCardBackground.module.css

@@ -0,0 +1,40 @@
+.card_background {
+	display: flex;
+	flex-direction: column;
+	align-items: flex-end;
+	justify-content: flex-end;
+	gap: 24px 0;
+	box-shadow: 0 2px 10px 4px #00000040;
+	padding: 24px;
+	border-radius: 24px;
+	width: 100%;
+	max-width: 358px;
+	position: relative;
+	color: #fff;
+	background-repeat: no-repeat;
+	background-size: cover;
+	background-position: center;
+	min-height: 320px;
+}
+
+.card_background_text {
+	font-size: 16px;
+	font-weight: 400;
+	line-height: inherit;
+	font-family: inherit;
+}
+
+.ns_card_link_container {
+	width: 100%;
+}
+
+.ns_link_absolute {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	cursor: pointer;
+}

package/dist/components/NSHeader.d.ts

@@ -1,9 +1,12 @@
 import React from "react";
 import { FilterLinkRow } from 'namirasoft-api-link';
+import { Background } from "../types/Background";
 interface IProps {
     scope: string;
     name: string;
     logo: string;
+    account?: boolean;
+    background?: Background;
 }
 interface IState {
     filters: FilterLinkRow[];

package/dist/components/NSHeader.js

@@ -35,7 +35,11 @@ export class NSHeader extends React.Component {
         this.setState({ showNavbar: !this.state.showNavbar });
     }
     render() {
-        return (_jsx("nav", { className: Styles.ns_navbar, children: _jsxs("div", { className: `${Styles.ns_navbar_parent_content} container`, children: [_jsx("img", { src: this.props.logo, alt: "Logo", width: 48, height: 48 }), _jsxs("div", { className: `${Styles.ns_navbar_content} `, children: [_jsx("div", { className: `${Styles.ns_navbar_elements} ${this.state.showNavbar && Styles.ns_navbar_active}`, children: this.render_menu(0, null) }), _jsxs("div", { className: `${Styles.ns_navbar_login_status}`, children: [_jsx("span", { className: `${Styles.ns_navbar_usersname}`, children: "name" }), _jsx("img", { src: '../assets/images/exit.svg', alt: "Exit", width: 20, height: 20 })] }), _jsx("div", { className: Styles.ns_navbar_menu_icon, onClick: this.handleShowNavbar, children: _jsx("img", { src: '../assets/images/menu.svg', alt: "Menu", width: 19, height: 17 }) })] })] }) }));
+        var _a, _b;
+        return (_jsx("nav", { className: Styles.ns_navbar, style: {
+                backgroundColor: ((_a = this.props.background) === null || _a === void 0 ? void 0 : _a.color) ? (_b = this.props.background) === null || _b === void 0 ? void 0 : _b.color : "#0000004d"
+            }, children: _jsxs("div", { className: `${Styles.ns_navbar_parent_content} container`, children: [_jsx("img", { src: this.props.logo, alt: "Logo", width: 48, height: 48 }), _jsxs("div", { className: `${Styles.ns_navbar_content} `, children: [_jsx("div", { className: `${Styles.ns_navbar_elements} ${this.state.showNavbar && Styles.ns_navbar_active}`, children: this.render_menu(0, null) }), this.props.account &&
+                                _jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_navbar_login_status}`, children: [_jsx("span", { className: `${Styles.ns_navbar_usersname}`, children: "name" }), _jsx("img", { src: '../assets/images/exit.svg', alt: "Exit", width: 20, height: 20 })] }), _jsx("div", { className: Styles.ns_navbar_menu_icon, onClick: this.handleShowNavbar, children: _jsx("img", { src: '../assets/images/menu.svg', alt: "Menu", width: 19, height: 17 }) })] })] })] }) }));
     }
     render_menu(level, parent_id) {
         var _a;

package/dist/components/NSHeader.js.map

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

package/dist/components/NSHeader.module.css

@@ -19,7 +19,7 @@
 
 .ns_navbar {
     min-height: 60px;
-    background-color: rgba(0, 0, 0, 0.3) !important;
+    /* background-color: #0000004d !important; */
     position: relative;
     z-index: 10;
     display: flex;

package/dist/main.d.ts

@@ -1,6 +1,7 @@
 export * from "./components/NSButtonGreen";
 export * from "./components/NSButtonRed";
 export * from "./components/NSCard";
+export * from "./components/NSEntityCardBackground";
 export * from "./components/NSEntityBar";
 export * from "./components/NSFooter";
 export * from "./components/NSHeader";

package/dist/main.js

@@ -1,6 +1,7 @@
 export * from "./components/NSButtonGreen";
 export * from "./components/NSButtonRed";
 export * from "./components/NSCard";
+export * from "./components/NSEntityCardBackground";
 export * from "./components/NSEntityBar";
 export * from "./components/NSFooter";
 export * from "./components/NSHeader";

package/dist/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC"}

package/dist/pages/NSLoginPage.js

@@ -4,6 +4,7 @@ import "./NSLoginPage.modules.css";
 import { Component } from 'react';
 import { NSButtonGreen } from "../main";
 import { NSLinkGreen } from "../main";
+import Styles from './NSLoginPage.module.css';
 export class NSLoginPage extends Component {
     render() {
         var _a;
@@ -12,7 +13,7 @@ export class NSLoginPage extends Component {
             button = _jsx(NSLinkGreen, { title: "Login", href: (_a = this.props.href) !== null && _a !== void 0 ? _a : "" });
         else if (this.props.onClick)
             button = _jsx(NSButtonGreen, { title: "Login", onClick: this.props.onClick });
-        return (_jsx("div", { style: { backgroundImage: this.props.background, width: "100%", backgroundSize: "cover" }, children: _jsxs("div", { className: "d-flex flex-column align-items-center justify-content-center", style: { marginTop: "100px" }, children: [_jsx("div", { className: "m-auto", children: _jsx("img", { width: 256, height: 256, src: this.props.logo, alt: "logo" }) }), _jsx("div", { children: _jsx("h1", { className: "text-center mb-3", children: this.props.title }) }), _jsx("div", { className: "m-auto", children: button })] }) }));
+        return (_jsx("div", { style: { backgroundImage: this.props.background, width: "100%", backgroundSize: "cover" }, children: _jsxs("div", { className: `${Styles.login_container}`, style: { marginTop: "100px" }, children: [_jsx("div", { className: "m-auto", children: _jsx("img", { width: 256, height: 256, src: this.props.logo, alt: "logo" }) }), _jsx("div", { children: _jsx("h1", { className: "text-center mb-3", children: this.props.title }) }), _jsx("div", { className: "m-auto", children: button })] }) }));
     }
 }
 //# sourceMappingURL=NSLoginPage.js.map

package/dist/pages/NSLoginPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSLoginPage.js","sourceRoot":"","sources":["../../src/pages/NSLoginPage.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAWtC,MAAM,OAAO,WAAY,SAAQ,SAAiB;IAErC,MAAM;;QAEX,IAAI,MAAM,GAAG,mBAAK,CAAC;QACnB,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI;YACf,MAAM,GAAG,KAAC,WAAW,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,mCAAI,EAAE,GAAI,CAAC;aACnE,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO;YACvB,MAAM,GAAG,KAAC,aAAa,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,GAAI,CAAC;QAC1E,OAAO,CACH,cAAK,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,YAC1F,eAAK,SAAS,EAAC,8DAA8D,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,aACvG,cAAK,SAAS,EAAC,QAAQ,YACnB,cAAK,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,EAAC,MAAM,GAAO,GACnE,EACN,wBAAK,aAAI,SAAS,EAAC,kBAAkB,YAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAM,GAAM,EACnE,cAAK,SAAS,EAAC,QAAQ,YAClB,MAAM,GACL,IACJ,GACJ,CACT,CAAC;IACN,CAAC;CACJ"}
+{"version":3,"file":"NSLoginPage.js","sourceRoot":"","sources":["../../src/pages/NSLoginPage.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,MAAM,MAAM,0BAA0B,CAAA;AAU7C,MAAM,OAAO,WAAY,SAAQ,SAAiB;IAErC,MAAM;;QAEX,IAAI,MAAM,GAAG,mBAAK,CAAC;QACnB,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI;YACf,MAAM,GAAG,KAAC,WAAW,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,mCAAI,EAAE,GAAI,CAAC;aACnE,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO;YACvB,MAAM,GAAG,KAAC,aAAa,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,GAAI,CAAC;QAC1E,OAAO,CACH,cAAK,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,YAC1F,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,EAAE,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,aACtE,cAAK,SAAS,EAAC,QAAQ,YACnB,cAAK,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,EAAC,MAAM,GAAO,GACnE,EACN,wBAAK,aAAI,SAAS,EAAC,kBAAkB,YAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAM,GAAM,EACnE,cAAK,SAAS,EAAC,QAAQ,YAClB,MAAM,GACL,IACJ,GACJ,CACT,CAAC;IACN,CAAC;CACJ"}

package/dist/pages/NSLoginPage.module.css

@@ -0,0 +1,6 @@
+.login_container { 
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "namirasoft-site-react",
-    "title": "namirasoft Site React",
+    "title": "Namirasoft Site React",
     "description": "Namira Software Corporation Site React NPM Package",
     "icon": "logo.png",
     "logo": "https://static.namirasoft.com/logo/namirasoft/name.png",
@@ -8,7 +8,7 @@
     "framework": "npm",
     "application": "package",
     "private": false,
-    "version": "1.3.3",
+    "version": "1.3.5",
     "main": "./dist/main.js",
     "types": "./dist/main.d.ts",
     "author": "Amir Abolhasani",
@@ -22,13 +22,13 @@
     },
     "dependencies": {
         "@types/node": "^20.11.30",
-        "@types/react": "^18.2.69",
+        "@types/react": "^18.2.72",
         "@types/react-dom": "^18.2.22",
-        "antd": "^5.15.3",
+        "antd": "^5.15.4",
         "bootstrap": "^5.3.3",
         "link-react": "^3.0.0",
         "namirasoft-api-link": "^1.3.0",
-        "namirasoft-core": "^1.3.11",
+        "namirasoft-core": "^1.3.12",
         "path-browserify": "^1.0.1",
         "react": "^18.2.0",
         "react-app-rewired": "^2.2.1",

package/src/components/NSCard.module.css

@@ -11,6 +11,7 @@
 	border-radius: 24px;
 	width: 100%;
 	max-width: 358px;
+	position: relative;
 }
 
 .ns_card_detail_container {
@@ -31,6 +32,7 @@
 }
 
 .ns_card_img {
+	border-radius: 24px;
 	object-fit: cover;
 	width: 100%;
 	height: 100%;
@@ -78,6 +80,18 @@
 	width: 100%;
 }
 
+.ns_link_absolute {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	cursor: pointer;
+}
+
+
 @media only screen and (min-width: 576px) {
 	.ns_card {
 		width: 65%;

package/src/components/NSCard.tsx

@@ -7,7 +7,7 @@ import Styles from './NSCard.module.css'
 export interface NSCardProps
 {
 	id?: string | number;
-	title: string;
+	title?: string;
 	description?: string;
 	image: {
 		src: string;
@@ -15,7 +15,7 @@ export interface NSCardProps
 	};
 	link?:
 	{
-		text: string;
+		text?: string;
 		href: string;
 		target?: string;
 	}
@@ -31,7 +31,7 @@ export class NSCard extends Component<NSCardProps> {
 						<div className={Styles.ns_card_title_img} style={{ alignItems: this.props.description ? "flex-start" : "center" }}>
 							<img className={Styles.ns_card_img} src={this.props.image.src} alt={this.props.image.alt} />
 							<h3 className={Styles.ns_card_title}>
-								{this.props.title}
+								{this.props.title && this.props.title }
 							</h3>
 						</div>
 
@@ -43,9 +43,15 @@ export class NSCard extends Component<NSCardProps> {
 
 					</div>
 					{this.props.link &&
+						this.props.link.text ? 
 						<div className={Styles.ns_card_link_container}>
-							<a className={Styles.ns_card_link} href={this.props.link.href} target={this.props.link.target ?? "_self"} >
-								{this.props.link.text}
+							<a className={Styles.ns_card_link} href={this.props.link?.href} target={this.props.link?.target ?? "_self"} >
+								{this.props.link?.text}
+							</a>
+						</div>
+						: 
+						<div className={Styles.ns_card_link_container}>
+							<a className={Styles.ns_link_absolute} href={this.props.link?.href} target={this.props.link?.target ?? "_self"} >
 							</a>
 						</div>
 					}

package/src/components/NSEntityCardBackground.module.css

@@ -0,0 +1,40 @@
+.card_background {
+	display: flex;
+	flex-direction: column;
+	align-items: flex-end;
+	justify-content: flex-end;
+	gap: 24px 0;
+	box-shadow: 0 2px 10px 4px #00000040;
+	padding: 24px;
+	border-radius: 24px;
+	width: 100%;
+	max-width: 358px;
+	position: relative;
+	color: #fff;
+	background-repeat: no-repeat;
+	background-size: cover;
+	background-position: center;
+	min-height: 320px;
+}
+
+.card_background_text {
+	font-size: 16px;
+	font-weight: 400;
+	line-height: inherit;
+	font-family: inherit;
+}
+
+.ns_card_link_container {
+	width: 100%;
+}
+
+.ns_link_absolute {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	cursor: pointer;
+}

package/src/components/NSEntityCardBackground.tsx

@@ -0,0 +1,68 @@
+"use client";
+
+import { Component } from 'react';
+
+import Styles from './NSEntityCardBackground.module.css'
+import { Background } from '../types/Background';
+
+export interface IProps
+{
+	id?: string | number;
+	title: string;
+	link?:
+	{
+		href: string;
+		target?: string;
+	};
+
+	background?: Background;
+}
+
+interface IState
+{
+	background?: Background;
+}
+
+export class NSEntityCardBackground extends Component<IProps, IState> {
+
+	constructor(props: IProps)
+	{
+		super(props);
+		this.state = {
+			background: {
+				image: `url(${props.background?.image})`,
+				color: props.background?.color,
+				position: props.background?.position
+			}
+		}
+	}
+
+	override render()
+	{
+		return (
+			<>
+				<article className={Styles.card_background}
+					style=
+					{{
+						backgroundImage: this.state.background?.image,
+						backgroundColor: this.state.background?.color,
+						backgroundPosition: this.state.background?.position
+					}}
+				>
+
+					<p className={Styles.card_background_text}>
+						{this.props.title}
+					</p>
+
+
+					{this.props.link &&
+						<div className={Styles.ns_card_link_container}>
+							<a className={Styles.ns_link_absolute} href={this.props.link?.href} target={this.props.link?.target ?? "_self"} >
+							</a>
+						</div>
+					}
+				</article >
+			</>
+		);
+	}
+}

package/src/components/NSHeader.module.css

@@ -19,7 +19,7 @@
 
 .ns_navbar {
     min-height: 60px;
-    background-color: rgba(0, 0, 0, 0.3) !important;
+    /* background-color: #0000004d !important; */
     position: relative;
     z-index: 10;
     display: flex;

package/src/components/NSHeader.tsx

@@ -5,12 +5,15 @@ import Styles from "./NSHeader.module.css";
 
 import NavDropdown from 'react-bootstrap/NavDropdown';
 import { NamirasoftAPILinkServer, FilterLinkRow } from 'namirasoft-api-link';
+import { Background } from "../types/Background";
 
 interface IProps
 {
     scope: string;
     name: string;
-    logo: string;
+	logo: string;
+	account?: boolean;
+	background?: Background;
 }
 
 interface IState
@@ -59,7 +62,11 @@ export class NSHeader extends React.Component<IProps, IState> {
     override render()
     {
         return (
-            <nav className={Styles.ns_navbar}>
+			<nav className={Styles.ns_navbar}
+				style={{
+					backgroundColor: this.props.background?.color ?this.props.background?.color : "#0000004d"
+				}}
+			>
                 <div className={`${Styles.ns_navbar_parent_content} container`}>
                     <img
                         src={this.props.logo}
@@ -70,23 +77,27 @@ export class NSHeader extends React.Component<IProps, IState> {
                     <div className={`${Styles.ns_navbar_content} `} >
                         <div className={`${Styles.ns_navbar_elements} ${this.state.showNavbar && Styles.ns_navbar_active}`}>
                             {this.render_menu(0, null)}
-                        </div>
-                        <div className={`${Styles.ns_navbar_login_status}`}>
-                            <span className={`${Styles.ns_navbar_usersname}`}>name</span>
-                            <img src='../assets/images/exit.svg'
-                                alt="Exit"
-                                width={20}
-                                height={20}
-                            />
-                        </div>
-                        <div className={Styles.ns_navbar_menu_icon} onClick={this.handleShowNavbar}>
-                            <img
-                                src='../assets/images/menu.svg'
-                                alt="Menu"
-                                width={19}
-                                height={17}
-                            />
-                        </div>
+						</div>
+						{this.props.account && 
+							<> 
+								<div className={`${Styles.ns_navbar_login_status}`}>
+									<span className={`${Styles.ns_navbar_usersname}`}>name</span>
+									<img src='../assets/images/exit.svg'
+										alt="Exit"
+										width={20}
+										height={20}
+										/>
+								</div>
+								<div className={Styles.ns_navbar_menu_icon} onClick={this.handleShowNavbar}>
+									<img
+										src='../assets/images/menu.svg'
+										alt="Menu"
+										width={19}
+										height={17}
+										/>
+								</div>
+							</>
+							}
                     </div>
                 </div>
             </nav>

package/src/main.ts

@@ -1,6 +1,7 @@
 export * from "./components/NSButtonGreen";
 export * from "./components/NSButtonRed";
 export * from "./components/NSCard";
+export * from "./components/NSEntityCardBackground";
 export * from "./components/NSEntityBar";
 export * from "./components/NSFooter";
 export * from "./components/NSHeader";

package/src/pages/NSLoginPage.module.css

@@ -0,0 +1,6 @@
+.login_container { 
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+}

package/src/pages/NSLoginPage.tsx

@@ -4,7 +4,7 @@ import "./NSLoginPage.modules.css";
 import { Component } from 'react';
 import { NSButtonGreen } from "../main";
 import { NSLinkGreen } from "../main";
-
+import Styles from './NSLoginPage.module.css'
 interface IProps
 {
     title: string;
@@ -25,7 +25,7 @@ export class NSLoginPage extends Component<IProps>
             button = <NSButtonGreen title="Login" onClick={this.props.onClick} />;
         return (
             <div style={{ backgroundImage: this.props.background, width: "100%", backgroundSize: "cover" }}>
-                <div className="d-flex flex-column align-items-center justify-content-center" style={{ marginTop: "100px" }}>
+                <div className={`${Styles.login_container}`} style={{ marginTop: "100px" }}>
                     <div className="m-auto">
                         <img width={256} height={256} src={this.props.logo} alt="logo"></img>
                     </div>