namirasoft-site-react 1.3.38 → 1.3.39

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 (9) hide show
  1. package/dist/App.js.map +1 -1
  2. package/dist/components/NSPanel.d.ts +11 -0
  3. package/dist/components/NSPanel.js +13 -0
  4. package/dist/components/NSPanel.js.map +1 -0
  5. package/dist/components/NSPanel.module.css +35 -0
  6. package/package.json +2 -2
  7. package/src/App.tsx +0 -1
  8. package/src/components/NSPanel.module.css +35 -0
  9. package/src/components/NSPanel.tsx +29 -0
package/dist/App.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEvC,MAAM,UAAU,GAAG;IAEf,OAAO,CACH,cAAK,SAAS,EAAC,KAAK,YAChB,KAAC,aAAa,IAAC,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,YAAY,YACxE,eAEM,GACM,GACd,CACT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEvC,MAAM,UAAU,GAAG;IAEf,OAAO,CACH,cAAK,SAAS,EAAC,KAAK,YAChB,KAAC,aAAa,IAAC,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,YAAY,YACxE,eACM,GACM,GACd,CACT,CAAC;AACN,CAAC"}
package/dist/components/NSPanel.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ import { Component, ReactNode } from "react";
2
+ export interface NSSectionProps {
3
+ children: ReactNode;
4
+ grid: boolean;
5
+ }
6
+ export interface NSSectionState {
7
+ }
8
+ export declare class NSPanel extends Component<NSSectionProps, NSSectionState> {
9
+ constructor(props: NSSectionProps);
10
+ render(): import("react/jsx-runtime").JSX.Element;
11
+ }
package/dist/components/NSPanel.js ADDED
@@ -0,0 +1,13 @@
1
+ "use client";
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { Component } from "react";
4
+ import Styles from './NSPanel.module.css';
5
+ export class NSPanel extends Component {
6
+ constructor(props) {
7
+ super(props);
8
+ }
9
+ render() {
10
+ return (_jsx("section", { className: this.props.grid ? Styles.ns_panel_grid : Styles.ns_panel_column, children: this.props.children }));
11
+ }
12
+ }
13
+ //# sourceMappingURL=NSPanel.js.map
package/dist/components/NSPanel.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSPanel.js","sourceRoot":"","sources":["../../src/components/NSPanel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAC7C,OAAO,MAAM,MAAM,sBAAsB,CAAA;AAWzC,MAAM,OAAO,OAAQ,SAAQ,SAAyC;IAClE,YAAY,KAAqB;QAE7B,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,kBACI,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,YACzE,IAAI,CAAC,KAAK,CAAC,QAAQ,GACd,CACb,CAAC;IACN,CAAC;CACJ"}
package/dist/components/NSPanel.module.css ADDED
@@ -0,0 +1,35 @@
1
+ .ns_panel_grid {
2
+ background-color: rgba(20, 27, 92, 0.3);
3
+ padding: 8px;
4
+ display: flex;
5
+ flex-direction: column;
6
+ align-items: center;
7
+ gap: 8px;
8
+ border-radius: 8px;
9
+ margin: 0 auto;
10
+ }
11
+
12
+ @media only screen and (min-width: 768px) {
13
+ .ns_panel_grid {
14
+ flex-direction: row;
15
+ max-width: 700px;
16
+ flex-wrap: wrap;
17
+ }
18
+ }
19
+
20
+ .ns_panel_column {
21
+ background-color: rgba(20, 27, 92, 0.3);
22
+ padding: 8px;
23
+ display: flex;
24
+ flex-direction: column;
25
+ align-items: center;
26
+ gap: 8px;
27
+ border-radius: 8px;
28
+ margin: 0 auto;
29
+ }
30
+
31
+ @media only screen and (min-width: 768px) {
32
+ .ns_panel_column {
33
+ max-width: 700px;
34
+ }
35
+ }
package/package.json CHANGED
@@ -8,7 +8,7 @@
8
8
  "framework": "npm",
9
9
  "application": "package",
10
10
  "private": false,
11
- "version": "1.3.38",
11
+ "version": "1.3.39",
12
12
  "author": "Amir Abolhasani",
13
13
  "license": "MIT",
14
14
  "main": "./dist/main.js",
@@ -22,7 +22,7 @@
22
22
  },
23
23
  "dependencies": {
24
24
  "@types/node": "^20.12.7",
25
- "@types/react": "^18.2.77",
25
+ "@types/react": "^18.2.78",
26
26
  "@types/react-dom": "^18.2.25",
27
27
  "antd": "^5.16.1",
28
28
  "bootstrap": "^5.3.3",
package/src/App.tsx CHANGED
@@ -8,7 +8,6 @@ export function App()
8
8
  <div className="App">
9
9
  <NSLayoutTitle scope='Namirasoft Account Console' logo='' title="Namirasoft">
10
10
  <div>
11
-
12
11
  </div>
13
12
  </NSLayoutTitle>
14
13
  </div>
package/src/components/NSPanel.module.css ADDED
@@ -0,0 +1,35 @@
1
+ .ns_panel_grid {
2
+ background-color: rgba(20, 27, 92, 0.3);
3
+ padding: 8px;
4
+ display: flex;
5
+ flex-direction: column;
6
+ align-items: center;
7
+ gap: 8px;
8
+ border-radius: 8px;
9
+ margin: 0 auto;
10
+ }
11
+
12
+ @media only screen and (min-width: 768px) {
13
+ .ns_panel_grid {
14
+ flex-direction: row;
15
+ max-width: 700px;
16
+ flex-wrap: wrap;
17
+ }
18
+ }
19
+
20
+ .ns_panel_column {
21
+ background-color: rgba(20, 27, 92, 0.3);
22
+ padding: 8px;
23
+ display: flex;
24
+ flex-direction: column;
25
+ align-items: center;
26
+ gap: 8px;
27
+ border-radius: 8px;
28
+ margin: 0 auto;
29
+ }
30
+
31
+ @media only screen and (min-width: 768px) {
32
+ .ns_panel_column {
33
+ max-width: 700px;
34
+ }
35
+ }
package/src/components/NSPanel.tsx ADDED
@@ -0,0 +1,29 @@
1
+ "use client";
2
+
3
+ import { Component, ReactNode } from "react";
4
+ import Styles from './NSPanel.module.css'
5
+
6
+ export interface NSSectionProps
7
+ {
8
+ children: ReactNode;
9
+ grid: boolean;
10
+ }
11
+
12
+ export interface NSSectionState
13
+ {}
14
+
15
+ export class NSPanel extends Component<NSSectionProps, NSSectionState> {
16
+ constructor(props: NSSectionProps)
17
+ {
18
+ super(props);
19
+ }
20
+ override render()
21
+ {
22
+ return (
23
+ <section
24
+ className={this.props.grid ? Styles.ns_panel_grid : Styles.ns_panel_column } >
25
+ {this.props.children}
26
+ </section>
27
+ );
28
+ }
29
+ }