namirasoft-site-react 1.3.35 → 1.3.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/components/NSLayout.d.ts +1 -0
  2. package/dist/components/NSLayout.js +1 -1
  3. package/dist/components/NSLayout.js.map +1 -1
  4. package/dist/components/NSLayoutTitle.d.ts +1 -0
  5. package/dist/components/NSLayoutTitle.js +7 -3
  6. package/dist/components/NSLayoutTitle.js.map +1 -1
  7. package/dist/components/NSSpace.js +1 -1
  8. package/dist/components/NSSpace.js.map +1 -1
  9. package/package.json +1 -1
  10. package/src/components/NSLayout.tsx +2 -1
  11. package/src/components/NSLayoutTitle.tsx +13 -3
  12. package/src/components/NSSpace.tsx +1 -1
package/dist/components/NSLayout.d.ts CHANGED
@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
2
2
  export interface NSLayoutProps {
3
3
  scope: string;
4
4
  logo: string;
5
+ background?: string;
5
6
  children: ReactNode;
6
7
  }
7
8
  export declare function NSLayout(props: NSLayoutProps): import("react/jsx-runtime").JSX.Element;
package/dist/components/NSLayout.js CHANGED
@@ -4,6 +4,6 @@ import Styles from './NSLayout.module.css';
4
4
  import { NSHeader } from './NSHeader';
5
5
  import { NSFooter } from './NSFooter';
6
6
  export function NSLayout(props) {
7
- return (_jsxs("div", { className: Styles.ns_container, children: [_jsx(NSHeader, { scope: props.scope, name: "Header", logo: props.logo }), _jsx("main", { className: "d-flex flex-column text-white", children: props.children }), _jsx(NSFooter, { scope: props.scope, name: "Footer", logo: props.logo })] }));
7
+ return (_jsxs("div", { className: Styles.ns_container, children: [_jsx(NSHeader, { scope: props.scope, name: "Header", logo: props.logo }), _jsx("main", { className: "d-flex flex-column text-white", style: { background: props.background }, children: props.children }), _jsx(NSFooter, { scope: props.scope, name: "Footer", logo: props.logo })] }));
8
8
  }
9
9
  //# sourceMappingURL=NSLayout.js.map
package/dist/components/NSLayout.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NSLayout.js","sourceRoot":"","sources":["../../src/components/NSLayout.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAStC,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAE5C,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,YAAY,aAClC,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,EAChE,eAAM,SAAS,EAAC,+BAA+B,YAC7C,KAAK,CAAC,QAAQ,GACT,EACP,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,IAC1D,CACP,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"NSLayout.js","sourceRoot":"","sources":["../../src/components/NSLayout.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAUtC,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAE5C,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,YAAY,aAClC,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,EAChE,eAAM,SAAS,EAAC,+BAA+B,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,YACrF,KAAK,CAAC,QAAQ,GACT,EACP,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,IAC1D,CACP,CAAC;AACH,CAAC"}
package/dist/components/NSLayoutTitle.d.ts CHANGED
@@ -3,6 +3,7 @@ import { ReactNode } from 'react';
3
3
  export interface NSLayoutTitleProps {
4
4
  scope: string;
5
5
  logo: string;
6
+ background?: string;
6
7
  title: string;
7
8
  description?: string;
8
9
  children: ReactNode;
package/dist/components/NSLayoutTitle.js CHANGED
@@ -1,13 +1,17 @@
1
1
  "use client";
2
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
3
3
  import Styles from './NSLayoutTitle.module.css';
4
4
  import { Component } from 'react';
5
5
  import { NSLayout } from './NSLayout';
6
6
  import { NSSpace, NSSpaceSizeType } from './NSSpace';
7
7
  export class NSLayoutTitle extends Component {
8
8
  render() {
9
- return (_jsxs(NSLayout, { scope: this.props.scope, logo: this.props.logo, children: [_jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsxs("div", { children: [_jsx("h1", { className: Styles.title, children: this.props.title }), this.props.description &&
10
- _jsx("p", { className: Styles.description, children: this.props.description }), _jsx(NSSpace, { size: NSSpaceSizeType.NORMAL })] }), this.props.children] }));
9
+ var _a;
10
+ let lines = ((_a = this.props.description) !== null && _a !== void 0 ? _a : "").split('\n');
11
+ return (_jsxs(NSLayout, { scope: this.props.scope, logo: this.props.logo, background: this.props.background, children: [_jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsxs("div", { children: [_jsx("h1", { className: Styles.title, children: this.props.title }), this.props.description && lines &&
12
+ _jsx("p", { className: Styles.description, children: lines.map((line, index) => {
13
+ return _jsxs(_Fragment, { children: [line, index != lines.length - 1 && _jsx("br", {})] });
14
+ }) }), _jsx(NSSpace, { size: NSSpaceSizeType.NORMAL })] }), this.props.children] }));
11
15
  }
12
16
  }
13
17
  //# sourceMappingURL=NSLayoutTitle.js.map
package/dist/components/NSLayoutTitle.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NSLayoutTitle.js","sourceRoot":"","sources":["../../src/components/NSLayoutTitle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAWrD,MAAM,OAAO,aAAc,SAAQ,SAA6B;IAEtD,MAAM;QAEd,OAAO,CACN,MAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,aACvD,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,KAAK,GAAY,EAChD,0BACC,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAM,EAEnD,IAAI,CAAC,KAAK,CAAC,WAAW;4BACtB,YAAG,SAAS,EAAE,MAAM,CAAC,WAAW,YAAG,IAAI,CAAC,KAAK,CAAC,WAAW,GAAK,EAE/D,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,MAAM,GAAY,IAC5C,EACL,IAAI,CAAC,KAAK,CAAC,QAAQ,IACV,CACX,CAAC;IACH,CAAC;CACD"}
1
+ {"version":3,"file":"NSLayoutTitle.js","sourceRoot":"","sources":["../../src/components/NSLayoutTitle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAYrD,MAAM,OAAO,aAAc,SAAQ,SAA6B;IAEtD,MAAM;;QAEd,IAAI,KAAK,GAAG,CAAC,MAAA,IAAI,CAAC,KAAK,CAAC,WAAW,mCAAI,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACvD,OAAO,CACN,MAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,aAC1F,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,KAAK,GAAY,EAChD,0BACC,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAM,EAEnD,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK;4BAC/B,YAAG,SAAS,EAAE,MAAM,CAAC,WAAW,YAC/B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;oCAEzB,OAAO,8BACL,IAAI,EACJ,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,cAAM,IAClC,CAAC;gCACL,CAAC,CAAC,GACE,EAEN,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,MAAM,GAAY,IAC5C,EACL,IAAI,CAAC,KAAK,CAAC,QAAQ,IACV,CACX,CAAC;IACH,CAAC;CACD"}
package/dist/components/NSSpace.js CHANGED
@@ -28,7 +28,7 @@ export class NSSpace extends React.Component {
28
28
  return this.state.size;
29
29
  }
30
30
  render() {
31
- return (_jsx("hr", { style: { width: "100%", height: this.state.size, margin: "0px", padding: "0px" } }));
31
+ return (_jsx("hr", { style: { width: "100%", height: this.state.size, margin: "0px", padding: "0px", background: "transparent" } }));
32
32
  }
33
33
  }
34
34
  //# sourceMappingURL=NSSpace.js.map
package/dist/components/NSSpace.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NSSpace.js","sourceRoot":"","sources":["../../src/components/NSSpace.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,CAAN,IAAY,eAYX;AAZD,WAAY,eAAe;IAEvB,+BAAY,CAAA;IACZ,gCAAa,CAAA;IACb,gCAAa,CAAA;IACb,iCAAc,CAAA;IACd,kCAAe,CAAA;IACf,kCAAe,CAAA;IACf,iCAAc,CAAA;IACd,kCAAe,CAAA;IACf,mCAAgB,CAAA;IAChB,qCAAkB,CAAA;AACtB,CAAC,EAZW,eAAe,KAAf,eAAe,QAY1B;AAOD,MAAM,OAAO,OAAQ,SAAQ,KAAK,CAAC,SAAqC;IACpE,YAAY,KAAmB;QAE3B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;QAClC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7C,CAAC;IACD,QAAQ,CAAC,IAAqB;QAE1B,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;IAC3B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,aAAI,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GAAI,CAC3F,CAAC;IACN,CAAC;CACJ"}
1
+ {"version":3,"file":"NSSpace.js","sourceRoot":"","sources":["../../src/components/NSSpace.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,CAAN,IAAY,eAYX;AAZD,WAAY,eAAe;IAEvB,+BAAY,CAAA;IACZ,gCAAa,CAAA;IACb,gCAAa,CAAA;IACb,iCAAc,CAAA;IACd,kCAAe,CAAA;IACf,kCAAe,CAAA;IACf,iCAAc,CAAA;IACd,kCAAe,CAAA;IACf,mCAAgB,CAAA;IAChB,qCAAkB,CAAA;AACtB,CAAC,EAZW,eAAe,KAAf,eAAe,QAY1B;AAOD,MAAM,OAAO,OAAQ,SAAQ,KAAK,CAAC,SAAqC;IACpE,YAAY,KAAmB;QAE3B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;QAClC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7C,CAAC;IACD,QAAQ,CAAC,IAAqB;QAE1B,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;IAC3B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,aAAI,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,GAAI,CACtH,CAAC;IACN,CAAC;CACJ"}
package/package.json CHANGED
@@ -8,7 +8,7 @@
8
8
  "framework": "npm",
9
9
  "application": "package",
10
10
  "private": false,
11
- "version": "1.3.35",
11
+ "version": "1.3.37",
12
12
  "author": "Amir Abolhasani",
13
13
  "license": "MIT",
14
14
  "main": "./dist/main.js",
package/src/components/NSLayout.tsx CHANGED
@@ -9,6 +9,7 @@ export interface NSLayoutProps
9
9
  {
10
10
  scope: string;
11
11
  logo: string;
12
+ background?: string;
12
13
  children: ReactNode;
13
14
  }
14
15
 
@@ -17,7 +18,7 @@ export function NSLayout(props: NSLayoutProps)
17
18
  return (
18
19
  <div className={Styles.ns_container}>
19
20
  <NSHeader scope={props.scope} name="Header" logo={props.logo} />
20
- <main className="d-flex flex-column text-white">
21
+ <main className="d-flex flex-column text-white" style={{ background: props.background }}>
21
22
  {props.children}
22
23
  </main>
23
24
  <NSFooter scope={props.scope} name="Footer" logo={props.logo} />
package/src/components/NSLayoutTitle.tsx CHANGED
@@ -10,6 +10,7 @@ export interface NSLayoutTitleProps
10
10
  {
11
11
  scope: string;
12
12
  logo: string;
13
+ background?: string;
13
14
  title: string;
14
15
  description?: string;
15
16
  children: ReactNode;
@@ -19,14 +20,23 @@ export class NSLayoutTitle extends Component<NSLayoutTitleProps>
19
20
  {
20
21
  override render()
21
22
  {
23
+ let lines = (this.props.description ?? "").split('\n');
22
24
  return (
23
- <NSLayout scope={this.props.scope} logo={this.props.logo} >
25
+ <NSLayout scope={this.props.scope} logo={this.props.logo} background={this.props.background}>
24
26
  <NSSpace size={NSSpaceSizeType.SMALL}></NSSpace>
25
27
  <div>
26
28
  <h1 className={Styles.title}>{this.props.title}</h1>
27
29
  {
28
- this.props.description &&
29
- <p className={Styles.description}>{this.props.description}</p>
30
+ this.props.description && lines &&
31
+ <p className={Styles.description}>{
32
+ lines.map((line, index) =>
33
+ {
34
+ return <>
35
+ {line}
36
+ {index != lines.length - 1 && <br />}
37
+ </>;
38
+ })
39
+ }</p>
30
40
  }
31
41
  <NSSpace size={NSSpaceSizeType.NORMAL}></NSSpace>
32
42
  </div>
package/src/components/NSSpace.tsx CHANGED
@@ -45,7 +45,7 @@ export class NSSpace extends React.Component<NSSpaceProps, NSSpaceState> {
45
45
  override render()
46
46
  {
47
47
  return (
48
- <hr style={{ width: "100%", height: this.state.size, margin: "0px", padding: "0px" }} />
48
+ <hr style={{ width: "100%", height: this.state.size, margin: "0px", padding: "0px", background: "transparent" }} />
49
49
  );
50
50
  }
51
51
  }