namirasoft-site-react 1.4.138 → 1.4.139

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 (39) hide show
  1. package/dist/App.js +6 -90
  2. package/dist/App.js.map +1 -1
  3. package/dist/components/NSBarAlert.js +1 -1
  4. package/dist/components/NSBarAlert.js.map +1 -1
  5. package/dist/components/NSBoxFile.module.css +1 -1
  6. package/dist/components/NSLayout.js +2 -2
  7. package/dist/components/NSLayout.js.map +1 -1
  8. package/dist/components/NSListProduct.js +2 -1
  9. package/dist/components/NSListProduct.js.map +1 -1
  10. package/dist/components/NSPanel.d.ts +0 -1
  11. package/dist/components/NSPanel.js +1 -1
  12. package/dist/components/NSPanel.js.map +1 -1
  13. package/dist/components/NSPanel.module.css +5 -33
  14. package/dist/components/NSRow.d.ts +6 -0
  15. package/dist/components/NSRow.js +7 -0
  16. package/dist/components/NSRow.js.map +1 -0
  17. package/dist/components/NSRow.module.css +18 -0
  18. package/dist/components/NSSection.d.ts +0 -1
  19. package/dist/components/NSSection.js +1 -4
  20. package/dist/components/NSSection.js.map +1 -1
  21. package/dist/components/NSSection.module.css +0 -6
  22. package/dist/components/NSSectionCards.js +1 -1
  23. package/dist/components/NSSectionCards.js.map +1 -1
  24. package/dist/components/NSSectionTiles.js +1 -1
  25. package/dist/components/NSSectionTiles.js.map +1 -1
  26. package/package.json +1 -1
  27. package/src/App.tsx +64 -225
  28. package/src/components/NSBarAlert.tsx +11 -13
  29. package/src/components/NSBoxFile.module.css +1 -1
  30. package/src/components/NSLayout.tsx +2 -2
  31. package/src/components/NSListProduct.tsx +3 -2
  32. package/src/components/NSPanel.module.css +5 -33
  33. package/src/components/NSPanel.tsx +3 -4
  34. package/src/components/NSRow.module.css +18 -0
  35. package/src/components/NSRow.tsx +19 -0
  36. package/src/components/NSSection.module.css +0 -6
  37. package/src/components/NSSection.tsx +3 -6
  38. package/src/components/NSSectionCards.tsx +1 -1
  39. package/src/components/NSSectionTiles.tsx +1 -1
package/dist/App.js CHANGED
@@ -1,96 +1,12 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
2
  import './App.css';
3
- import { VariableType } from 'namirasoft-schema';
4
3
  import 'bootstrap/dist/css/bootstrap.min.css';
5
- import { NSMenuAction, NSBarAction, NSBoxEmail, NSBoxPhone, NSBoxSearch, NSBoxCombo, NSBoxBoolean, NSSection, NSPanel, NSBoxDate, NSBoxDateTime, NSBoxDouble, NSBoxInteger, NSBoxDuration, NSBoxTime, NSBoxEnum, NSBoxFile, NSBoxIPV4, NSBoxIPV6, NSBoxPassword, NSBoxMoney, NSBoxRadio, NSBoxTextArea, NSPagination, NSBoxBooleans, NSBarAlert, } from './main';
6
- import { NSBoxEntity } from './components/NSBoxEntity';
7
- import { NamirasoftAPIProductServer } from 'namirasoft-api-product';
8
- import { useRef } from 'react';
4
+ import { NSPanel, NSBoxDate, NSSection, NSBoxFile, NSLayout, } from './main';
5
+ import { NSRow } from './components/NSRow';
9
6
  export function App() {
10
- let NSBoxTest = useRef(null);
11
- return (_jsxs(_Fragment, { children: [_jsx(NSMenuAction, { items: [{
12
- handler: () => { },
13
- id: "1",
14
- menu_item: "Name",
15
- isActive: () => true
16
- }, {
17
- handler: () => { },
18
- id: "2",
19
- menu_item: "Text",
20
- isActive: () => false
21
- }], name: 'Test' }), _jsx(NSBarAlert, { isVisible: () => true, title: {
22
- title: "Verify your email",
23
- description: "Please go to your profile and verify your email address."
24
- } }), _jsx(NSBarAction, { menus: {
25
- "Test1": [{
26
- handler: () => { },
27
- id: "1",
28
- menu_item: "Name",
29
- isActive: () => true
30
- }, {
31
- handler: () => { },
32
- id: "2",
33
- menu_item: "Text",
34
- isActive: () => false
35
- }],
36
- "Test2": [{
37
- handler: () => { },
38
- id: "1",
39
- menu_item: "Name",
40
- isActive: () => true
41
- }, {
42
- handler: () => { },
43
- id: "2",
44
- menu_item: "Text",
45
- isActive: () => false
46
- }],
47
- "Test3": [{
48
- handler: () => { },
49
- id: "1",
50
- menu_item: "Test3",
51
- isActive: () => true
52
- }],
53
- "Test4": [{
54
- handler: () => { },
55
- id: "1",
56
- menu_item: "Test4",
57
- isActive: () => true
58
- }]
59
- }, title: 'Title' }), _jsx(NSSection, { center_items: true, children: _jsxs(NSPanel, { grid: true, children: [_jsx(NSBoxBooleans, { hideHeaderAll: true, hideHeaderBoxes: true, items: [{
60
- text: "1",
61
- value: "1",
62
- }, {
63
- text: "1",
64
- value: "1",
65
- }, {
66
- text: "1",
67
- value: "1",
68
- }, {
69
- text: "1",
70
- value: "1",
71
- }, {
72
- text: "1",
73
- value: "1",
74
- }, {
75
- text: "1",
76
- value: "1",
77
- }, {
78
- text: "1",
79
- value: "1",
80
- }] }), _jsx(NSPagination, { onPageChange: () => { }, totalItems: 25000 - 100 }), _jsx(NSBoxBoolean, { title: 'Text', required: true, indeterminate: true }), _jsx(NSBoxCombo, { title: 'Text', required: true, multiple: false, getOptions: () => [{
81
- value: "1",
82
- title: "1",
83
- }] }), _jsx(NSBoxEnum, { title: 'Type', required: true, multiple: true, getEnumObject: () => { return VariableType; }, onChanged: e => {
84
- console.log(e.getValues(VariableType, VariableType.Any));
85
- } }), _jsx(NSBoxEntity, { title: 'Product', required: true, multiple: false, getItems: new NamirasoftAPIProductServer("https://namirasoft.com/api/product/v1", console.error).product.List, getValue: x => x.id, getTitle: x => x.name, onChanged: e => {
86
- var _a, _b;
87
- let box = e;
88
- console.log((_a = box.NSBoxBaseCombo.current) === null || _a === void 0 ? void 0 : _a.getData());
89
- try {
90
- (_b = NSBoxTest.current) === null || _b === void 0 ? void 0 : _b.getValue();
91
- }
92
- catch (error) {
93
- }
94
- } }), _jsx(NSBoxEmail, { title: 'Email', required: true }), _jsx(NSBoxTextArea, { title: 'Test', required: true, style: { width: "100%" } }), _jsx(NSBoxMoney, { title: 'Money', required: true }), _jsx(NSBoxRadio, { title: 'NSBoxRadio', required: true }), _jsx(NSBoxPhone, { title: 'Phone', required: true }), _jsx(NSBoxPassword, { title: 'Password', required: true }), _jsx(NSBoxIPV4, { ref: NSBoxTest, title: 'IPV4', required: true }), _jsx(NSBoxIPV6, { title: 'IPV6', required: true }), _jsx(NSBoxDate, { title: 'Date', required: true }), _jsx(NSBoxDateTime, { title: 'Datetime', required: true }), _jsx(NSBoxDouble, { title: 'Double', required: true }), _jsx(NSBoxDuration, { title: 'Duration', required: true }), _jsx(NSBoxTime, { title: 'Time', required: true }), _jsx(NSBoxInteger, { title: 'Integer', required: true }), _jsx(NSBoxSearch, { title: 'Search', required: true }), _jsx(NSBoxFile, { required: true, title: 'Driver License', multiple: true, maxFilesCount: 3, style: { width: "100%" } })] }) })] }));
7
+ return (_jsx(_Fragment, { children: _jsx(NSLayout, { header: {
8
+ icons: [],
9
+ title: "",
10
+ }, isLoggedIn: () => true, logo: 'https://img.freepik.com/free-photo/colorful-abstract-textured-background-design_53876-108265.jpg', notifications: [], notifier: {}, scope: '', background: 'url("https://img.freepik.com/free-photo/colorful-abstract-textured-background-design_53876-108265.jpg")', children: _jsx(NSSection, { children: _jsxs(NSPanel, { children: [_jsx(NSBoxDate, { title: 'Date', required: true }), _jsxs(NSRow, { children: [_jsx(NSBoxDate, { title: 'Date', required: true }), _jsx(NSBoxDate, { title: 'Date', required: true })] }), _jsx(NSBoxDate, { title: 'Date', required: true }), _jsx(NSBoxDate, { title: 'Date', required: true }), _jsx(NSRow, { children: _jsx(NSBoxFile, { title: 'Date', required: true, style: { width: "100%" } }) }), _jsxs(NSRow, { children: [_jsx(NSBoxDate, { title: 'Date', required: true }), _jsx(NSBoxDate, { title: 'Date', required: true }), _jsx(NSBoxDate, { title: 'Date', required: true }), _jsx(NSBoxDate, { title: 'Date', required: true })] })] }) }) }) }));
95
11
  }
96
12
  //# sourceMappingURL=App.js.map
package/dist/App.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,GAAG,MAAM,QAAQ,CAAC;AAC7E,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,MAAM,UAAU,GAAG;IAElB,OAAO,CACN,4BACC,KAAC,QAAQ,IACR,MAAM,EAAE;gBACP,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,EAAE;aACT,EACD,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,EACtB,IAAI,EAAC,kGAAkG,EACvG,aAAa,EAAE,EAAE,EACjB,QAAQ,EAAE,EAAS,EACnB,KAAK,EAAC,EAAE,EACR,UAAU,EAAC,yGAAyG,YAEpH,KAAC,SAAS,cACT,MAAC,OAAO,eACP,KAAC,SAAS,IACT,KAAK,EAAC,MAAM,EACZ,QAAQ,SACP,EACF,MAAC,KAAK,eACL,KAAC,SAAS,IACT,KAAK,EAAC,MAAM,EACZ,QAAQ,SACP,EACF,KAAC,SAAS,IACT,KAAK,EAAC,MAAM,EACZ,QAAQ,SACP,IACK,EACR,KAAC,SAAS,IACT,KAAK,EAAC,MAAM,EACZ,QAAQ,SACP,EACF,KAAC,SAAS,IACT,KAAK,EAAC,MAAM,EACZ,QAAQ,SACP,EACF,KAAC,KAAK,cACL,KAAC,SAAS,IACT,KAAK,EAAC,MAAM,EACZ,QAAQ,QACR,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GACvB,GACK,EACR,MAAC,KAAK,eACL,KAAC,SAAS,IACT,KAAK,EAAC,MAAM,EACZ,QAAQ,SACP,EACF,KAAC,SAAS,IACT,KAAK,EAAC,MAAM,EACZ,QAAQ,SACP,EACF,KAAC,SAAS,IACT,KAAK,EAAC,MAAM,EACZ,QAAQ,SACP,EACF,KAAC,SAAS,IACT,KAAK,EAAC,MAAM,EACZ,QAAQ,SACP,IACK,IACC,GACC,GACD,GACV,CACH,CAAC;AACH,CAAC"}
package/dist/components/NSBarAlert.js CHANGED
@@ -3,6 +3,6 @@ import { NSSection } from './NSSection';
3
3
  import Styles from './NSBarAlert.module.css';
4
4
  export function NSBarAlert(props) {
5
5
  var _a;
6
- return (_jsx(NSSection, { style: props.style, classList: [Styles.ns_bar_alert_section], children: _jsx("div", { className: "container", children: _jsxs("article", { className: Styles.ns_bar_alert_container, children: [_jsxs("div", { className: Styles.ns_bar_alert_title_parent, children: [_jsxs("div", { className: Styles.ns_bar_alert_title, children: [_jsx("img", { src: "https://static.namirasoft.com/image/concept/alarm/blue.svg", alt: "Alarm", width: 24, height: 24 }), _jsxs("h3", { children: [" ", props.title.title, " "] })] }), _jsx("p", { className: Styles.ns_bar_alert_description, children: props.title.description })] }), _jsx("div", { className: Styles.ns_bar_alert_link, children: _jsx("button", { onClick: props.onClick, children: (_a = props.button_text) !== null && _a !== void 0 ? _a : "Continue" }) })] }) }) }));
6
+ return (_jsx(NSSection, { style: props.style, classList: [Styles.ns_bar_alert_section], children: _jsxs("article", { className: Styles.ns_bar_alert_container, children: [_jsxs("div", { className: Styles.ns_bar_alert_title_parent, children: [_jsxs("div", { className: Styles.ns_bar_alert_title, children: [_jsx("img", { src: "https://static.namirasoft.com/image/concept/alarm/blue.svg", alt: "Alarm", width: 24, height: 24 }), _jsxs("h3", { children: [" ", props.title.title, " "] })] }), _jsx("p", { className: Styles.ns_bar_alert_description, children: props.title.description })] }), _jsx("div", { className: Styles.ns_bar_alert_link, children: _jsx("button", { onClick: props.onClick, children: (_a = props.button_text) !== null && _a !== void 0 ? _a : "Continue" }) })] }) }));
7
7
  }
8
8
  //# sourceMappingURL=NSBarAlert.js.map
package/dist/components/NSBarAlert.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NSBarAlert.js","sourceRoot":"","sources":["../../src/components/NSBarAlert.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAU7C,MAAM,UAAU,UAAU,CAAC,KAAsB;;IAEhD,OAAO,CACN,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,CAAC,MAAM,CAAC,oBAAoB,CAAC,YACtE,cAAK,SAAS,EAAC,WAAW,YACzB,mBAAS,SAAS,EAAE,MAAM,CAAC,sBAAsB,aAChD,eAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,aAC/C,eAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,aACxC,cAAK,GAAG,EAAC,4DAA4D,EAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EAC3G,8BAAM,KAAK,CAAC,KAAK,CAAC,KAAK,SAAO,IACzB,EACN,YAAG,SAAS,EAAE,MAAM,CAAC,wBAAwB,YAAG,KAAK,CAAC,KAAK,CAAC,WAAW,GAAK,IACvE,EACN,cAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,YACvC,iBAAQ,OAAO,EAAE,KAAK,CAAC,OAAO,YAAG,MAAA,KAAK,CAAC,WAAW,mCAAI,UAAU,GAAU,GACrE,IACG,GACL,GACK,CACZ,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"NSBarAlert.js","sourceRoot":"","sources":["../../src/components/NSBarAlert.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAU7C,MAAM,UAAU,UAAU,CAAC,KAAsB;;IAEhD,OAAO,CACN,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,CAAC,MAAM,CAAC,oBAAoB,CAAC,YACtE,mBAAS,SAAS,EAAE,MAAM,CAAC,sBAAsB,aAChD,eAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,aAC/C,eAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,aACxC,cAAK,GAAG,EAAC,4DAA4D,EAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EAC3G,8BAAM,KAAK,CAAC,KAAK,CAAC,KAAK,SAAO,IACzB,EACN,YAAG,SAAS,EAAE,MAAM,CAAC,wBAAwB,YAAG,KAAK,CAAC,KAAK,CAAC,WAAW,GAAK,IACvE,EACN,cAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,YACvC,iBAAQ,OAAO,EAAE,KAAK,CAAC,OAAO,YAAG,MAAA,KAAK,CAAC,WAAW,mCAAI,UAAU,GAAU,GACrE,IACG,GACC,CACZ,CAAC;AACH,CAAC"}
package/dist/components/NSBoxFile.module.css CHANGED
@@ -6,6 +6,6 @@
6
6
 
7
7
  @media screen and (min-width: 540px) {
8
8
  .ns_box_file_dagger_parent {
9
- max-width: 700px;
9
+ max-width: 100%;
10
10
  }
11
11
  }
package/dist/components/NSLayout.js CHANGED
@@ -29,7 +29,7 @@ export function NSLayout(props) {
29
29
  backgroundSize: "cover",
30
30
  backgroundAttachment: "fixed"
31
31
  }, children: [_jsx(NSHeader, { scope: props.scope, name: "Header", logo: props.logo, header: props.header, isLoggedIn: props.isLoggedIn, notifier: props.notifier }), props.notifications.length !== 0 &&
32
- _jsx(_Fragment, { children: props.notifications.map((notification, index) => _jsx(Fragment, { children: _jsx(NSBarNotification, Object.assign({}, notification)) }, `NSLayout_fragment_key_${index}`)) }), alerts.length !== 0 && alerts.map((alert, index) => _jsx(NSBarAlert, Object.assign({}, alert), `NSLayout_NSBarAlert_key_${index}`)), isValidAction(props.action) && _jsx(NSBarAction, Object.assign({}, props.action)), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), props.title &&
33
- _jsxs(_Fragment, { children: [_jsx(NSBarTitle, Object.assign({}, props.title)), _jsx(NSSpace, { size: NSSpaceSizeType.MEDUIM })] }), _jsx("main", { className: `d-flex flex-column text-white ${Styles.ns_layout_main}`, children: props.children }), _jsx(NSSpace, { size: NSSpaceSizeType.MEDUIM }), _jsx(NSFooter, { scope: props.scope, name: "Footer", logo: props.logo, isLoggedIn: props.isLoggedIn })] }));
32
+ _jsx(_Fragment, { children: props.notifications.map((notification, index) => _jsx(Fragment, { children: _jsx(NSBarNotification, Object.assign({}, notification)) }, `NSLayout_fragment_key_${index}`)) }), alerts.length !== 0 && alerts.map((alert, index) => _jsx(NSBarAlert, Object.assign({}, alert), `NSLayout_NSBarAlert_key_${index}`)), isValidAction(props.action) && _jsx(NSBarAction, Object.assign({}, props.action)), _jsx(NSSpace, { size: NSSpaceSizeType.MINI }), props.title &&
33
+ _jsxs(_Fragment, { children: [_jsx(NSBarTitle, Object.assign({}, props.title)), _jsx(NSSpace, { size: NSSpaceSizeType.MEDUIM })] }), _jsx("main", { className: `d-flex flex-column text-white ${Styles.ns_layout_main}`, children: props.children }), _jsx(NSSpace, { size: NSSpaceSizeType.MINI }), _jsx(NSFooter, { scope: props.scope, name: "Footer", logo: props.logo, isLoggedIn: props.isLoggedIn })] }));
34
34
  }
35
35
  //# 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":"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"}
1
+ {"version":3,"file":"NSLayout.js","sourceRoot":"","sources":["../../src/components/NSLayout.tsx"],"names":[],"mappings":"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"}
package/dist/components/NSListProduct.js CHANGED
@@ -3,6 +3,7 @@ import { useState, useEffect } from "react";
3
3
  import { NamirasoftAPIProductServer } from "namirasoft-api-product";
4
4
  import { NSCard } from "./NSCard";
5
5
  import { EnvService } from 'namirasoft-core';
6
+ import { NSSection } from "./NSSection";
6
7
  export function NSListProduct(props) {
7
8
  const [state, setState] = useState({ products: [] });
8
9
  useEffect(() => {
@@ -12,7 +13,7 @@ export function NSListProduct(props) {
12
13
  setState({ products: products.rows });
13
14
  }).catch(() => { });
14
15
  }, []);
15
- return (_jsx("div", { className: "d-flex gap-3 flex-wrap justify-content-center container", children: state.products.map((product) => {
16
+ return (_jsx(NSSection, { children: state.products.map((product) => {
16
17
  var _a, _b;
17
18
  return (_jsx(NSCard, { link: { href: (_a = product.link) !== null && _a !== void 0 ? _a : "" }, title: product.name, image: { src: (_b = product.logo) !== null && _b !== void 0 ? _b : '', alt: product.name } }, product.id));
18
19
  }) }));
package/dist/components/NSListProduct.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NSListProduct.js","sourceRoot":"","sources":["../../src/components/NSListProduct.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,0BAA0B,EAAkB,MAAM,wBAAwB,CAAC;AACpF,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAc5C,MAAM,UAAU,aAAa,CAAC,KAAyB;IAEnD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAqB,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IAEzE,SAAS,CAAC,GAAG,EAAE;QAEX,IAAI,8BAA8B,GAAG,IAAI,UAAU,CAAC,gCAAgC,EAAE,IAAI,CAAC,CAAC,SAAS,EAAE,CAAC;QACxG,IAAI,MAAM,GAAG,IAAI,0BAA0B,CAAC,8BAA8B,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;QACvF,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE;YAExF,QAAQ,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;QAC1C,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IAGxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,cAAK,SAAS,EAAC,yDAAyD,YAEhE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAuB,EAAE,EAAE;;YAE3C,OAAO,CACH,KAAC,MAAM,IAAkB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAA,OAAO,CAAC,IAAI,mCAAI,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,MAAA,OAAO,CAAC,IAAI,mCAAI,EAAE,EAAE,GAAG,EAAE,OAAO,CAAC,IAAI,EAAE,IAA1H,OAAO,CAAC,EAAE,CAAoH,CAC9I,CAAC;QACN,CAAC,CAAC,GAEJ,CACT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"NSListProduct.js","sourceRoot":"","sources":["../../src/components/NSListProduct.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,0BAA0B,EAAkB,MAAM,wBAAwB,CAAC;AACpF,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAaxC,MAAM,UAAU,aAAa,CAAC,KAAyB;IAEnD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAqB,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IAEzE,SAAS,CAAC,GAAG,EAAE;QAEX,IAAI,8BAA8B,GAAG,IAAI,UAAU,CAAC,gCAAgC,EAAE,IAAI,CAAC,CAAC,SAAS,EAAE,CAAC;QACxG,IAAI,MAAM,GAAG,IAAI,0BAA0B,CAAC,8BAA8B,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;QACvF,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE;YAExF,QAAQ,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;QAC1C,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IAGxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,KAAC,SAAS,cAEF,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAuB,EAAE,EAAE;;YAE3C,OAAO,CACH,KAAC,MAAM,IAAkB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAA,OAAO,CAAC,IAAI,mCAAI,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,MAAA,OAAO,CAAC,IAAI,mCAAI,EAAE,EAAE,GAAG,EAAE,OAAO,CAAC,IAAI,EAAE,IAA1H,OAAO,CAAC,EAAE,CAAoH,CAC9I,CAAC;QACN,CAAC,CAAC,GAEE,CACf,CAAC;AACN,CAAC"}
package/dist/components/NSPanel.d.ts CHANGED
@@ -2,6 +2,5 @@ import { ReactNode } from "react";
2
2
  import { IBaseComponentProps } from "../props/IBaseComponentProps";
3
3
  export interface NSPanelProps extends IBaseComponentProps {
4
4
  children: ReactNode;
5
- grid: boolean;
6
5
  }
7
6
  export declare function NSPanel(props: NSPanelProps): import("react/jsx-runtime").JSX.Element;
package/dist/components/NSPanel.js CHANGED
@@ -2,6 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import Styles from './NSPanel.module.css';
3
3
  export function NSPanel(props) {
4
4
  var _a;
5
- return (_jsx("section", { id: props.id, className: `${props.grid ? Styles.ns_panel_grid : Styles.ns_panel_column} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, children: props.children }));
5
+ return (_jsx("div", { id: props.id, className: `${Styles.ns_panel} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, children: props.children }));
6
6
  }
7
7
  //# sourceMappingURL=NSPanel.js.map
package/dist/components/NSPanel.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NSPanel.js","sourceRoot":"","sources":["../../src/components/NSPanel.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAQ1C,MAAM,UAAU,OAAO,CAAC,KAAmB;;IAEvC,OAAO,CACH,kBAAS,EAAE,EAAE,KAAK,CAAC,EAAE,EACjB,SAAS,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EACxG,KAAK,EAAE,KAAK,CAAC,KAAK,YAEjB,KAAK,CAAC,QAAQ,GACT,CACb,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"NSPanel.js","sourceRoot":"","sources":["../../src/components/NSPanel.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAO1C,MAAM,UAAU,OAAO,CAAC,KAAmB;;IAEvC,OAAO,CACH,cAAK,EAAE,EAAE,KAAK,CAAC,EAAE,EACb,SAAS,EAAE,GAAG,MAAM,CAAC,QAAQ,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAC7D,KAAK,EAAE,KAAK,CAAC,KAAK,YAEjB,KAAK,CAAC,QAAQ,GACb,CACT,CAAC;AACN,CAAC"}
package/dist/components/NSPanel.module.css CHANGED
@@ -1,47 +1,19 @@
1
- .ns_panel_grid {
1
+ .ns_panel {
2
2
  background-color: #fff;
3
- padding: 24px;
4
- display: flex;
5
- flex-direction: column;
6
- align-items: flex-start;
7
- gap: 16px;
8
- border-radius: 16px;
9
- margin: 0 auto;
10
- border: 1px solid rgba(161, 164, 176, 1);
11
- box-shadow: 0px 0px 2px 0px rgba(161, 164, 176, 1);
12
- justify-content: center;
13
- }
14
-
15
- .ns_panel_column {
16
- background-color: #fff;
17
- padding: 24px;
3
+ padding: 16px;
18
4
  display: flex;
19
5
  flex-direction: column;
20
6
  align-items: center;
21
7
  border-radius: 8px;
8
+ gap: 16px;
22
9
  margin: 0 auto;
23
10
  width: 100%;
24
11
  border: 1px solid rgba(161, 164, 176, 1);
25
12
  box-shadow: 0px 0px 2px 0px rgba(161, 164, 176, 1);
26
13
  }
27
14
 
28
- @media only screen and (min-width: 768px) {
29
- .ns_panel_column {
30
- max-width: 700px;
31
- min-width: 270px;
32
- }
33
-
34
- .ns_panel_grid {
35
- flex-direction: row;
36
- max-width: 700px;
37
- flex-wrap: wrap;
38
- min-width: 270px;
39
- max-width: 610px;
40
- }
41
- }
42
-
43
- @media only screen and (min-width: 425px) {
44
- .ns_panel_column {
15
+ @media only screen and (min-width: 480px) {
16
+ .ns_panel {
45
17
  width: max-content;
46
18
  }
47
19
  }
package/dist/components/NSRow.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import { ReactNode } from "react";
2
+ import { IBaseComponentProps } from "../props/IBaseComponentProps";
3
+ export interface NSRowProps extends IBaseComponentProps {
4
+ children: ReactNode;
5
+ }
6
+ export declare function NSRow(props: NSRowProps): import("react/jsx-runtime").JSX.Element;
package/dist/components/NSRow.js ADDED
@@ -0,0 +1,7 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import Styles from './NSRow.module.css';
3
+ export function NSRow(props) {
4
+ var _a;
5
+ return (_jsx("div", { id: props.id, className: `${Styles.ns_row} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, children: props.children }));
6
+ }
7
+ //# sourceMappingURL=NSRow.js.map
package/dist/components/NSRow.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSRow.js","sourceRoot":"","sources":["../../src/components/NSRow.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAOxC,MAAM,UAAU,KAAK,CAAC,KAAiB;;IAEnC,OAAO,CACH,cAAK,EAAE,EAAE,KAAK,CAAC,EAAE,EACb,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAC3D,KAAK,EAAE,KAAK,CAAC,KAAK,YAEjB,KAAK,CAAC,QAAQ,GACb,CACT,CAAC;AACN,CAAC"}
package/dist/components/NSRow.module.css ADDED
@@ -0,0 +1,18 @@
1
+ .ns_row {
2
+ display: flex;
3
+ flex-direction: column;
4
+ align-items: flex-start;
5
+ gap: 16px;
6
+ margin: 0;
7
+ justify-content: center;
8
+ width: max-content;
9
+ max-width: 100%;
10
+ width: 100%;
11
+ }
12
+
13
+ @media only screen and (min-width: 768px) {
14
+ .ns_row {
15
+ flex-direction: row;
16
+ flex-wrap: wrap;
17
+ }
18
+ }
package/dist/components/NSSection.d.ts CHANGED
@@ -2,6 +2,5 @@ import { ReactNode } from "react";
2
2
  import { IBaseComponentProps } from "../props/IBaseComponentProps";
3
3
  export interface NSSectionProps extends IBaseComponentProps {
4
4
  children: ReactNode;
5
- center_items?: boolean;
6
5
  }
7
6
  export declare function NSSection(props: NSSectionProps): import("react/jsx-runtime").JSX.Element;
package/dist/components/NSSection.js CHANGED
@@ -2,9 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import Styles from './NSSection.module.css';
3
3
  export function NSSection(props) {
4
4
  var _a;
5
- let styles = [Styles.ns_section];
6
- if (props.center_items)
7
- styles.push(Styles.ns_section_center);
8
- return (_jsx("section", { id: props.id, className: `${styles.join(" ")} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, children: props.children }));
5
+ return (_jsx("section", { id: props.id, className: `container d-flex flex-wrap justify-content-center ${Styles.ns_section} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, children: props.children }));
9
6
  }
10
7
  //# sourceMappingURL=NSSection.js.map
package/dist/components/NSSection.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NSSection.js","sourceRoot":"","sources":["../../src/components/NSSection.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,wBAAwB,CAAA;AAS3C,MAAM,UAAU,SAAS,CAAC,KAAqB;;IAE9C,IAAI,MAAM,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IACjC,IAAI,KAAK,CAAC,YAAY;QACrB,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;IACvC,OAAO,CACN,kBAAS,EAAE,EAAE,KAAK,CAAC,EAAE,EACpB,SAAS,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAC9D,KAAK,EAAE,KAAK,CAAC,KAAK,YAEjB,KAAK,CAAC,QAAQ,GACN,CACV,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"NSSection.js","sourceRoot":"","sources":["../../src/components/NSSection.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,wBAAwB,CAAA;AAQ3C,MAAM,UAAU,SAAS,CAAC,KAAqB;;IAE9C,OAAO,CACN,kBACC,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,qDAAqD,MAAM,CAAC,UAAU,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EACjH,KAAK,EAAE,KAAK,CAAC,KAAK,YAEjB,KAAK,CAAC,QAAQ,GACN,CACV,CAAC;AACH,CAAC"}
package/dist/components/NSSection.module.css CHANGED
@@ -2,10 +2,4 @@
2
2
  background-repeat: no-repeat;
3
3
  background-size: cover;
4
4
  background-position: center;
5
- }
6
-
7
- .ns_section_center {
8
- display: flex;
9
- flex-direction: column;
10
- align-items: center;
11
5
  }
package/dist/components/NSSectionCards.js CHANGED
@@ -7,7 +7,7 @@ import { NSLinkBlue } from './NSLinkBlue';
7
7
  import { NSSpace, NSSpaceSizeType } from './NSSpace';
8
8
  export function NSSectionCards(props) {
9
9
  var _a, _b;
10
- return (_jsxs(NSSection, Object.assign({}, props, { children: [_jsx(NSSpace, { size: NSSpaceSizeType.NORMAL }), _jsxs("div", { className: `container mx-auto px-4 lg:px-12 ${Styles.ns_section_cards_holder}`, children: [props.title &&
10
+ return (_jsxs(NSSection, Object.assign({}, props, { children: [_jsx(NSSpace, { size: NSSpaceSizeType.NORMAL }), _jsxs("div", { className: `mx-auto px-4 lg:px-12 ${Styles.ns_section_cards_holder}`, children: [props.title &&
11
11
  _jsxs("div", { className: Styles.ns_section_cards_title_container, children: [_jsx(NSTitle, { title: props.title }), props.description &&
12
12
  _jsxs("p", { style: { color: (_a = props.description) === null || _a === void 0 ? void 0 : _a.color }, className: Styles.ns_description, children: [" ", props.description.text, " "] })] }), _jsx("div", { className: ` ${Styles.ns_card_container}`, children: (_b = props.cards) === null || _b === void 0 ? void 0 : _b.map((card) => _jsx(NSCard, Object.assign({}, card), card.id)) }), props.button &&
13
13
  _jsx("div", { className: `mt-12 w-full- text-center ${Styles.ns_section_cards_link_container}`, children: _jsx(NSLinkBlue, Object.assign({}, props.button)) })] }), _jsx(NSSpace, { size: NSSpaceSizeType.NORMAL })] })));
package/dist/components/NSSectionCards.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NSSectionCards.js","sourceRoot":"","sources":["../../src/components/NSSectionCards.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAerD,MAAM,UAAU,cAAc,CAAC,KAA0B;;IAExD,OAAO,CACN,MAAC,SAAS,oBAAK,KAAK,eACnB,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,MAAM,GAAI,EACzC,eAAK,SAAS,EAAE,mCAAmC,MAAM,CAAC,uBAAuB,EAAE,aAEjF,KAAK,CAAC,KAAK;wBACX,eAAK,SAAS,EAAE,MAAM,CAAC,gCAAgC,aACtD,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,EAE9B,KAAK,CAAC,WAAW;oCACjB,aAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,cAAc,kBAAI,KAAK,CAAC,WAAW,CAAC,IAAI,SAAM,IAE3G,EAEP,cAAK,SAAS,EAAE,IAAI,MAAM,CAAC,iBAAiB,EAAE,YAE5C,MAAA,KAAK,CAAC,KAAK,0CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAmB,IAAI,GAAjB,IAAI,CAAC,EAAE,CAAc,CAAC,GAE1D,EAEL,KAAK,CAAC,MAAM;wBACZ,cAAK,SAAS,EAAE,6BAA6B,MAAM,CAAC,+BAA+B,EAAE,YACpF,KAAC,UAAU,oBAAK,KAAK,CAAC,MAAM,EAAI,GAC3B,IAEF,EACN,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,MAAM,GAAI,KAC9B,CACZ,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"NSSectionCards.js","sourceRoot":"","sources":["../../src/components/NSSectionCards.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAerD,MAAM,UAAU,cAAc,CAAC,KAA0B;;IAExD,OAAO,CACN,MAAC,SAAS,oBAAK,KAAK,eACnB,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,MAAM,GAAI,EACzC,eAAK,SAAS,EAAE,yBAAyB,MAAM,CAAC,uBAAuB,EAAE,aAEvE,KAAK,CAAC,KAAK;wBACX,eAAK,SAAS,EAAE,MAAM,CAAC,gCAAgC,aACtD,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,EAE9B,KAAK,CAAC,WAAW;oCACjB,aAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,cAAc,kBAAI,KAAK,CAAC,WAAW,CAAC,IAAI,SAAM,IAE3G,EAEP,cAAK,SAAS,EAAE,IAAI,MAAM,CAAC,iBAAiB,EAAE,YAE5C,MAAA,KAAK,CAAC,KAAK,0CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAmB,IAAI,GAAjB,IAAI,CAAC,EAAE,CAAc,CAAC,GAE1D,EAEL,KAAK,CAAC,MAAM;wBACZ,cAAK,SAAS,EAAE,6BAA6B,MAAM,CAAC,+BAA+B,EAAE,YACpF,KAAC,UAAU,oBAAK,KAAK,CAAC,MAAM,EAAI,GAC3B,IAEF,EACN,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,MAAM,GAAI,KAC9B,CACZ,CAAC;AACH,CAAC"}
package/dist/components/NSSectionTiles.js CHANGED
@@ -5,6 +5,6 @@ import { NSSection } from './NSSection';
5
5
  import { NSSpace, NSSpaceSizeType } from './NSSpace';
6
6
  export function NSSectionTiles(props) {
7
7
  var _a;
8
- return (_jsxs(NSSection, Object.assign({}, props, { children: [_jsx(NSSpace, { size: NSSpaceSizeType.NORMAL }), _jsx("div", { className: `container mx-auto px-4 lg:px-12 ${Styles.ns_entity_bar_container}`, children: (_a = props.tiles) === null || _a === void 0 ? void 0 : _a.map((bar) => _jsx(NSTile, Object.assign({}, bar), bar.id)) }), _jsx(NSSpace, { size: NSSpaceSizeType.NORMAL })] })));
8
+ return (_jsxs(NSSection, Object.assign({}, props, { children: [_jsx(NSSpace, { size: NSSpaceSizeType.NORMAL }), _jsx("div", { className: `mx-auto px-4 lg:px-12 ${Styles.ns_entity_bar_container}`, children: (_a = props.tiles) === null || _a === void 0 ? void 0 : _a.map((bar) => _jsx(NSTile, Object.assign({}, bar), bar.id)) }), _jsx(NSSpace, { size: NSSpaceSizeType.NORMAL })] })));
9
9
  }
10
10
  //# sourceMappingURL=NSSectionTiles.js.map
package/dist/components/NSSectionTiles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NSSectionTiles.js","sourceRoot":"","sources":["../../src/components/NSSectionTiles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AASrD,MAAM,UAAU,cAAc,CAAC,KAA0B;;IAExD,OAAO,CACN,MAAC,SAAS,oBAAK,KAAK,eACnB,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,MAAM,GAAI,EACzC,cAAK,SAAS,EAAE,mCAAmC,MAAM,CAAC,uBAAuB,EAAE,YAEjF,MAAA,KAAK,CAAC,KAAK,0CAAE,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAkB,GAAG,GAAf,GAAG,CAAC,EAAE,CAAa,CAAC,GAEvD,EACN,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,MAAM,GAAI,KAC9B,CACZ,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"NSSectionTiles.js","sourceRoot":"","sources":["../../src/components/NSSectionTiles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AASrD,MAAM,UAAU,cAAc,CAAC,KAA0B;;IAExD,OAAO,CACN,MAAC,SAAS,oBAAK,KAAK,eACnB,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,MAAM,GAAI,EACzC,cAAK,SAAS,EAAE,yBAAyB,MAAM,CAAC,uBAAuB,EAAE,YAEvE,MAAA,KAAK,CAAC,KAAK,0CAAE,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAkB,GAAG,GAAf,GAAG,CAAC,EAAE,CAAa,CAAC,GAEvD,EACN,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,MAAM,GAAI,KAC9B,CACZ,CAAC;AACH,CAAC"}
package/package.json CHANGED
@@ -8,7 +8,7 @@
8
8
  "framework": "npm",
9
9
  "application": "package",
10
10
  "private": false,
11
- "version": "1.4.138",
11
+ "version": "1.4.139",
12
12
  "author": "Amir Abolhasani",
13
13
  "license": "MIT",
14
14
  "main": "./dist/main.js",
package/src/App.tsx CHANGED
@@ -1,237 +1,76 @@
1
1
  import './App.css';
2
- import { VariableType } from 'namirasoft-schema';
3
2
  import 'bootstrap/dist/css/bootstrap.min.css';
4
- import
5
- {
6
- NSMenuAction, NSBarAction, NSBoxEmail, NSBoxPhone, NSBoxSearch, NSBoxCombo,
7
- NSBoxBoolean, NSSection, NSPanel, NSBoxDate, NSBoxDateTime, NSBoxDouble, NSBoxInteger, NSBoxDuration, NSBoxTime, NSBoxEnum,
8
- NSBoxFile, NSBoxIPV4, NSBoxIPV6, NSBoxPassword, NSBoxMoney,
9
- NSBoxRadio,
10
- NSBoxTextArea,
11
- NSPagination,
12
- NSBoxBooleans,
13
- NSBarAlert,
14
- } from './main';
15
- import { NSBoxEntity } from './components/NSBoxEntity';
16
- import { NamirasoftAPIProductServer, ProductFullRow } from 'namirasoft-api-product';
17
- import { useRef } from 'react';
3
+ import { NSPanel, NSBoxDate, NSSection, NSBoxFile, NSLayout, } from './main';
4
+ import { NSRow } from './components/NSRow';
18
5
 
19
6
  export function App()
20
7
  {
21
- let NSBoxTest = useRef<NSBoxIPV4>(null);
22
8
  return (
23
9
  <>
24
- <NSMenuAction
25
- items={[{
26
- handler: () => { },
27
- id: "1",
28
- menu_item: "Name",
29
- isActive: () => true
30
- }, {
31
- handler: () => { },
32
- id: "2",
33
- menu_item: "Text",
34
- isActive: () => false
35
- }]}
36
- name='Test'
37
- ></NSMenuAction>
38
- <NSBarAlert
39
- isVisible={
40
- () => true
41
- }
42
- title={{
43
- title: "Verify your email",
44
- description: "Please go to your profile and verify your email address."
45
- }}
46
-
47
- ></NSBarAlert>
48
- <NSBarAction
49
- menus={{
50
- "Test1": [{
51
- handler: () => { },
52
- id: "1",
53
- menu_item: "Name",
54
- isActive: () => true
55
- }, {
56
- handler: () => { },
57
- id: "2",
58
- menu_item: "Text",
59
- isActive: () => false
60
- }],
61
- "Test2": [{
62
- handler: () => { },
63
- id: "1",
64
- menu_item: "Name",
65
- isActive: () => true
66
- }, {
67
- handler: () => { },
68
- id: "2",
69
- menu_item: "Text",
70
- isActive: () => false
71
- }],
72
- "Test3": [{
73
- handler: () => { },
74
- id: "1",
75
- menu_item: "Test3",
76
- isActive: () => true
77
- }],
78
- "Test4": [{
79
- handler: () => { },
80
- id: "1",
81
- menu_item: "Test4",
82
- isActive: () => true
83
- }]
10
+ <NSLayout
11
+ header={{
12
+ icons: [],
13
+ title: "",
84
14
  }}
85
- title='Title'
86
- ></NSBarAction>
87
- <NSSection
88
- center_items={true}
15
+ isLoggedIn={() => true}
16
+ logo='https://img.freepik.com/free-photo/colorful-abstract-textured-background-design_53876-108265.jpg'
17
+ notifications={[]}
18
+ notifier={{} as any}
19
+ scope=''
20
+ background='url("https://img.freepik.com/free-photo/colorful-abstract-textured-background-design_53876-108265.jpg")'
89
21
  >
90
- <NSPanel grid>
91
- <NSBoxBooleans
92
- hideHeaderAll
93
- hideHeaderBoxes
94
- items={[{
95
- text: "1",
96
- value: "1",
97
- }, {
98
- text: "1",
99
- value: "1",
100
- }, {
101
- text: "1",
102
- value: "1",
103
- }, {
104
- text: "1",
105
- value: "1",
106
- }, {
107
- text: "1",
108
- value: "1",
109
- }, {
110
- text: "1",
111
- value: "1",
112
- }, {
113
- text: "1",
114
- value: "1",
115
- }]}
116
- ></NSBoxBooleans>
117
- <NSPagination
118
- onPageChange={() => { }}
119
- totalItems={25000 - 100}
120
- ></NSPagination>
121
- <NSBoxBoolean
122
- title='Text'
123
- required={true}
124
- indeterminate={true}
125
- />
126
- <NSBoxCombo
127
- title='Text'
128
- required
129
- multiple={false}
130
- getOptions={() => [{
131
- value: "1",
132
- title: "1",
133
- }]}
134
- />
135
- <NSBoxEnum<VariableType>
136
- title='Type'
137
- required
138
- multiple={true}
139
- getEnumObject={() => { return VariableType }}
140
- onChanged={e =>
141
- {
142
- console.log(e.getValues(VariableType, VariableType.Any))
143
- }}
144
- ></NSBoxEnum>
145
- <NSBoxEntity<ProductFullRow>
146
- title='Product'
147
- required
148
- multiple={false}
149
- getItems={new NamirasoftAPIProductServer("https://namirasoft.com/api/product/v1", console.error).product.List}
150
- getValue={x => x.id}
151
- getTitle={x => x.name}
152
- onChanged={e =>
153
- {
154
- let box = e as NSBoxEntity<ProductFullRow>;
155
- console.log(box.NSBoxBaseCombo.current?.getData())
156
- try
157
- {
158
- NSBoxTest.current?.getValue()
159
- } catch (error)
160
- {
161
- }
162
- }}
163
- ></NSBoxEntity>
164
- <NSBoxEmail
165
- title='Email'
166
- required
167
- />
168
- <NSBoxTextArea
169
- title='Test'
170
- required
171
- style={{ width: "100%" }}
172
- ></NSBoxTextArea>
173
- <NSBoxMoney
174
- title='Money'
175
- required
176
- />
177
- <NSBoxRadio
178
- title='NSBoxRadio'
179
- required
180
- />
181
- <NSBoxPhone
182
- title='Phone'
183
- required
184
- />
185
- <NSBoxPassword
186
- title='Password'
187
- required
188
- />
189
- <NSBoxIPV4
190
- ref={NSBoxTest}
191
- title='IPV4'
192
- required
193
- />
194
- <NSBoxIPV6
195
- title='IPV6'
196
- required
197
- />
198
- <NSBoxDate
199
- title='Date'
200
- required
201
- />
202
- <NSBoxDateTime
203
- title='Datetime'
204
- required
205
- />
206
- <NSBoxDouble
207
- title='Double'
208
- required
209
- />
210
- <NSBoxDuration
211
- title='Duration'
212
- required
213
- />
214
- <NSBoxTime
215
- title='Time'
216
- required
217
- />
218
- <NSBoxInteger
219
- title='Integer'
220
- required
221
- />
222
- <NSBoxSearch
223
- title='Search'
224
- required
225
- />
226
- <NSBoxFile
227
- required
228
- title='Driver License'
229
- multiple={true}
230
- maxFilesCount={3}
231
- style={{ width: "100%" }}
232
- ></NSBoxFile>
233
- </NSPanel>
234
- </NSSection >
22
+ <NSSection>
23
+ <NSPanel >
24
+ <NSBoxDate
25
+ title='Date'
26
+ required
27
+ />
28
+ <NSRow>
29
+ <NSBoxDate
30
+ title='Date'
31
+ required
32
+ />
33
+ <NSBoxDate
34
+ title='Date'
35
+ required
36
+ />
37
+ </NSRow>
38
+ <NSBoxDate
39
+ title='Date'
40
+ required
41
+ />
42
+ <NSBoxDate
43
+ title='Date'
44
+ required
45
+ />
46
+ <NSRow>
47
+ <NSBoxFile
48
+ title='Date'
49
+ required
50
+ style={{ width: "100%" }}
51
+ />
52
+ </NSRow>
53
+ <NSRow>
54
+ <NSBoxDate
55
+ title='Date'
56
+ required
57
+ />
58
+ <NSBoxDate
59
+ title='Date'
60
+ required
61
+ />
62
+ <NSBoxDate
63
+ title='Date'
64
+ required
65
+ />
66
+ <NSBoxDate
67
+ title='Date'
68
+ required
69
+ />
70
+ </NSRow>
71
+ </NSPanel>
72
+ </NSSection>
73
+ </NSLayout >
235
74
  </>
236
75
  );
237
76
  }
package/src/components/NSBarAlert.tsx CHANGED
@@ -15,20 +15,18 @@ export function NSBarAlert(props: NSBarAlertProps)
15
15
  {
16
16
  return (
17
17
  <NSSection style={props.style} classList={[Styles.ns_bar_alert_section]}>
18
- <div className="container">
19
- <article className={Styles.ns_bar_alert_container}>
20
- <div className={Styles.ns_bar_alert_title_parent}>
21
- <div className={Styles.ns_bar_alert_title}>
22
- <img src="https://static.namirasoft.com/image/concept/alarm/blue.svg" alt="Alarm" width={24} height={24} />
23
- <h3> {props.title.title} </h3>
24
- </div>
25
- <p className={Styles.ns_bar_alert_description}>{props.title.description}</p>
18
+ <article className={Styles.ns_bar_alert_container}>
19
+ <div className={Styles.ns_bar_alert_title_parent}>
20
+ <div className={Styles.ns_bar_alert_title}>
21
+ <img src="https://static.namirasoft.com/image/concept/alarm/blue.svg" alt="Alarm" width={24} height={24} />
22
+ <h3> {props.title.title} </h3>
26
23
  </div>
27
- <div className={Styles.ns_bar_alert_link}>
28
- <button onClick={props.onClick}>{props.button_text ?? "Continue"}</button>
29
- </div>
30
- </article>
31
- </div>
24
+ <p className={Styles.ns_bar_alert_description}>{props.title.description}</p>
25
+ </div>
26
+ <div className={Styles.ns_bar_alert_link}>
27
+ <button onClick={props.onClick}>{props.button_text ?? "Continue"}</button>
28
+ </div>
29
+ </article>
32
30
  </NSSection>
33
31
  );
34
32
  }
package/src/components/NSBoxFile.module.css CHANGED
@@ -6,6 +6,6 @@
6
6
 
7
7
  @media screen and (min-width: 540px) {
8
8
  .ns_box_file_dagger_parent {
9
- max-width: 700px;
9
+ max-width: 100%;
10
10
  }
11
11
  }
package/src/components/NSLayout.tsx CHANGED
@@ -78,7 +78,7 @@ export function NSLayout(props: NSLayoutProps)
78
78
  {
79
79
  isValidAction(props.action) && <NSBarAction {...props.action} />
80
80
  }
81
- <NSSpace size={NSSpaceSizeType.SMALL} />
81
+ <NSSpace size={NSSpaceSizeType.MINI} />
82
82
  {
83
83
  props.title &&
84
84
  <>
@@ -89,7 +89,7 @@ export function NSLayout(props: NSLayoutProps)
89
89
  <main className={`d-flex flex-column text-white ${Styles.ns_layout_main}`}>
90
90
  {props.children}
91
91
  </main>
92
- <NSSpace size={NSSpaceSizeType.MEDUIM} />
92
+ <NSSpace size={NSSpaceSizeType.MINI} />
93
93
  <NSFooter
94
94
  scope={props.scope}
95
95
  name="Footer"
package/src/components/NSListProduct.tsx CHANGED
@@ -3,6 +3,7 @@ import { NamirasoftAPIProductServer, ProductFullRow } from "namirasoft-api-produ
3
3
  import { NSCard } from "./NSCard";
4
4
  import { EnvService } from 'namirasoft-core'
5
5
  import { INSRouterProps } from "../routing/INSRouterProps";
6
+ import { NSSection } from "./NSSection";
6
7
 
7
8
  export interface NSListProductProps extends INSRouterProps
8
9
  {
@@ -32,7 +33,7 @@ export function NSListProduct(props: NSListProductProps)
32
33
  }, []);
33
34
 
34
35
  return (
35
- <div className="d-flex gap-3 flex-wrap justify-content-center container">
36
+ <NSSection>
36
37
  {
37
38
  state.products.map((product: ProductFullRow) =>
38
39
  {
@@ -41,6 +42,6 @@ export function NSListProduct(props: NSListProductProps)
41
42
  );
42
43
  })
43
44
  }
44
- </div>
45
+ </NSSection>
45
46
  );
46
47
  }
package/src/components/NSPanel.module.css CHANGED
@@ -1,47 +1,19 @@
1
- .ns_panel_grid {
1
+ .ns_panel {
2
2
  background-color: #fff;
3
- padding: 24px;
4
- display: flex;
5
- flex-direction: column;
6
- align-items: flex-start;
7
- gap: 16px;
8
- border-radius: 16px;
9
- margin: 0 auto;
10
- border: 1px solid rgba(161, 164, 176, 1);
11
- box-shadow: 0px 0px 2px 0px rgba(161, 164, 176, 1);
12
- justify-content: center;
13
- }
14
-
15
- .ns_panel_column {
16
- background-color: #fff;
17
- padding: 24px;
3
+ padding: 16px;
18
4
  display: flex;
19
5
  flex-direction: column;
20
6
  align-items: center;
21
7
  border-radius: 8px;
8
+ gap: 16px;
22
9
  margin: 0 auto;
23
10
  width: 100%;
24
11
  border: 1px solid rgba(161, 164, 176, 1);
25
12
  box-shadow: 0px 0px 2px 0px rgba(161, 164, 176, 1);
26
13
  }
27
14
 
28
- @media only screen and (min-width: 768px) {
29
- .ns_panel_column {
30
- max-width: 700px;
31
- min-width: 270px;
32
- }
33
-
34
- .ns_panel_grid {
35
- flex-direction: row;
36
- max-width: 700px;
37
- flex-wrap: wrap;
38
- min-width: 270px;
39
- max-width: 610px;
40
- }
41
- }
42
-
43
- @media only screen and (min-width: 425px) {
44
- .ns_panel_column {
15
+ @media only screen and (min-width: 480px) {
16
+ .ns_panel {
45
17
  width: max-content;
46
18
  }
47
19
  }
package/src/components/NSPanel.tsx CHANGED
@@ -5,16 +5,15 @@ import { IBaseComponentProps } from "../props/IBaseComponentProps";
5
5
  export interface NSPanelProps extends IBaseComponentProps
6
6
  {
7
7
  children: ReactNode;
8
- grid: boolean;
9
8
  }
10
9
  export function NSPanel(props: NSPanelProps)
11
10
  {
12
11
  return (
13
- <section id={props.id}
14
- className={`${props.grid ? Styles.ns_panel_grid : Styles.ns_panel_column} ${props.classList?.join(" ")}`}
12
+ <div id={props.id}
13
+ className={`${Styles.ns_panel} ${props.classList?.join(" ")}`}
15
14
  style={props.style}
16
15
  >
17
16
  {props.children}
18
- </section>
17
+ </div>
19
18
  );
20
19
  }
package/src/components/NSRow.module.css ADDED
@@ -0,0 +1,18 @@
1
+ .ns_row {
2
+ display: flex;
3
+ flex-direction: column;
4
+ align-items: flex-start;
5
+ gap: 16px;
6
+ margin: 0;
7
+ justify-content: center;
8
+ width: max-content;
9
+ max-width: 100%;
10
+ width: 100%;
11
+ }
12
+
13
+ @media only screen and (min-width: 768px) {
14
+ .ns_row {
15
+ flex-direction: row;
16
+ flex-wrap: wrap;
17
+ }
18
+ }
package/src/components/NSRow.tsx ADDED
@@ -0,0 +1,19 @@
1
+ import { ReactNode } from "react";
2
+ import Styles from './NSRow.module.css';
3
+ import { IBaseComponentProps } from "../props/IBaseComponentProps";
4
+
5
+ export interface NSRowProps extends IBaseComponentProps
6
+ {
7
+ children: ReactNode;
8
+ }
9
+ export function NSRow(props: NSRowProps)
10
+ {
11
+ return (
12
+ <div id={props.id}
13
+ className={`${Styles.ns_row} ${props.classList?.join(" ")}`}
14
+ style={props.style}
15
+ >
16
+ {props.children}
17
+ </div>
18
+ );
19
+ }
package/src/components/NSSection.module.css CHANGED
@@ -2,10 +2,4 @@
2
2
  background-repeat: no-repeat;
3
3
  background-size: cover;
4
4
  background-position: center;
5
- }
6
-
7
- .ns_section_center {
8
- display: flex;
9
- flex-direction: column;
10
- align-items: center;
11
5
  }
package/src/components/NSSection.tsx CHANGED
@@ -5,17 +5,14 @@ import { IBaseComponentProps } from "../props/IBaseComponentProps";
5
5
  export interface NSSectionProps extends IBaseComponentProps
6
6
  {
7
7
  children: ReactNode;
8
- center_items?: boolean;
9
8
  }
10
9
 
11
10
  export function NSSection(props: NSSectionProps)
12
11
  {
13
- let styles = [Styles.ns_section];
14
- if (props.center_items)
15
- styles.push(Styles.ns_section_center);
16
12
  return (
17
- <section id={props.id}
18
- className={`${styles.join(" ")} ${props.classList?.join(" ")}`}
13
+ <section
14
+ id={props.id}
15
+ className={`container d-flex flex-wrap justify-content-center ${Styles.ns_section} ${props.classList?.join(" ")}`}
19
16
  style={props.style}
20
17
  >
21
18
  {props.children}
package/src/components/NSSectionCards.tsx CHANGED
@@ -23,7 +23,7 @@ export function NSSectionCards(props: NSSectionCardsProps)
23
23
  return (
24
24
  <NSSection {...props} >
25
25
  <NSSpace size={NSSpaceSizeType.NORMAL} />
26
- <div className={`container mx-auto px-4 lg:px-12 ${Styles.ns_section_cards_holder}`}>
26
+ <div className={`mx-auto px-4 lg:px-12 ${Styles.ns_section_cards_holder}`}>
27
27
  {
28
28
  props.title &&
29
29
  <div className={Styles.ns_section_cards_title_container}>
package/src/components/NSSectionTiles.tsx CHANGED
@@ -15,7 +15,7 @@ export function NSSectionTiles(props: NSSectionTilesProps)
15
15
  return (
16
16
  <NSSection {...props} >
17
17
  <NSSpace size={NSSpaceSizeType.NORMAL} />
18
- <div className={`container mx-auto px-4 lg:px-12 ${Styles.ns_entity_bar_container}`}>
18
+ <div className={`mx-auto px-4 lg:px-12 ${Styles.ns_entity_bar_container}`}>
19
19
  {
20
20
  props.tiles?.map((bar) => <NSTile key={bar.id} {...bar} />)
21
21
  }