namirasoft-site-react 1.4.137 → 1.4.138
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.
- package/dist/App.js +5 -2
- package/dist/App.js.map +1 -1
- package/dist/components/NSBarAlert.js +1 -1
- package/dist/components/NSBarAlert.js.map +1 -1
- package/dist/components/NSBarAlert.module.css +9 -0
- package/package.json +1 -1
- package/src/App.tsx +11 -0
- package/src/components/NSBarAlert.module.css +9 -0
- package/src/components/NSBarAlert.tsx +6 -4
package/dist/App.js
CHANGED
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
2
2
|
import './App.css';
|
|
3
3
|
import { VariableType } from 'namirasoft-schema';
|
|
4
4
|
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, } from './main';
|
|
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
6
|
import { NSBoxEntity } from './components/NSBoxEntity';
|
|
7
7
|
import { NamirasoftAPIProductServer } from 'namirasoft-api-product';
|
|
8
8
|
import { useRef } from 'react';
|
|
@@ -18,7 +18,10 @@ export function App() {
|
|
|
18
18
|
id: "2",
|
|
19
19
|
menu_item: "Text",
|
|
20
20
|
isActive: () => false
|
|
21
|
-
}], name: 'Test' }), _jsx(
|
|
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: {
|
|
22
25
|
"Test1": [{
|
|
23
26
|
handler: () => { },
|
|
24
27
|
id: "1",
|
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,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,sCAAsC,CAAC;AAC9C,OACA,EACC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAC1E,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,EAC1H,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAC1D,UAAU,EACV,aAAa,EACb,YAAY,EACZ,aAAa,
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,sCAAsC,CAAC;AAC9C,OACA,EACC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAC1E,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,EAC1H,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAC1D,UAAU,EACV,aAAa,EACb,YAAY,EACZ,aAAa,EACb,UAAU,GACV,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,0BAA0B,EAAkB,MAAM,wBAAwB,CAAC;AACpF,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,MAAM,UAAU,GAAG;IAElB,IAAI,SAAS,GAAG,MAAM,CAAY,IAAI,CAAC,CAAC;IACxC,OAAO,CACN,8BACC,KAAC,YAAY,IACZ,KAAK,EAAE,CAAC;wBACP,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC;wBAClB,EAAE,EAAE,GAAG;wBACP,SAAS,EAAE,MAAM;wBACjB,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI;qBACpB,EAAE;wBACF,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC;wBAClB,EAAE,EAAE,GAAG;wBACP,SAAS,EAAE,MAAM;wBACjB,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK;qBACrB,CAAC,EACF,IAAI,EAAC,MAAM,GACI,EAChB,KAAC,UAAU,IACV,SAAS,EACR,GAAG,EAAE,CAAC,IAAI,EAEX,KAAK,EAAE;oBACN,KAAK,EAAE,mBAAmB;oBAC1B,WAAW,EAAE,0DAA0D;iBACvE,GAEY,EACd,KAAC,WAAW,IACX,KAAK,EAAE;oBACN,OAAO,EAAE,CAAC;4BACT,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC;4BAClB,EAAE,EAAE,GAAG;4BACP,SAAS,EAAE,MAAM;4BACjB,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI;yBACpB,EAAE;4BACF,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC;4BAClB,EAAE,EAAE,GAAG;4BACP,SAAS,EAAE,MAAM;4BACjB,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK;yBACrB,CAAC;oBACF,OAAO,EAAE,CAAC;4BACT,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC;4BAClB,EAAE,EAAE,GAAG;4BACP,SAAS,EAAE,MAAM;4BACjB,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI;yBACpB,EAAE;4BACF,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC;4BAClB,EAAE,EAAE,GAAG;4BACP,SAAS,EAAE,MAAM;4BACjB,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK;yBACrB,CAAC;oBACF,OAAO,EAAE,CAAC;4BACT,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC;4BAClB,EAAE,EAAE,GAAG;4BACP,SAAS,EAAE,OAAO;4BAClB,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI;yBACpB,CAAC;oBACF,OAAO,EAAE,CAAC;4BACT,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC;4BAClB,EAAE,EAAE,GAAG;4BACP,SAAS,EAAE,OAAO;4BAClB,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI;yBACpB,CAAC;iBACF,EACD,KAAK,EAAC,OAAO,GACC,EACf,KAAC,SAAS,IACT,YAAY,EAAE,IAAI,YAElB,MAAC,OAAO,IAAC,IAAI,mBACZ,KAAC,aAAa,IACb,aAAa,QACb,eAAe,QACf,KAAK,EAAE,CAAC;oCACP,IAAI,EAAE,GAAG;oCACT,KAAK,EAAE,GAAG;iCACV,EAAE;oCACF,IAAI,EAAE,GAAG;oCACT,KAAK,EAAE,GAAG;iCACV,EAAE;oCACF,IAAI,EAAE,GAAG;oCACT,KAAK,EAAE,GAAG;iCACV,EAAE;oCACF,IAAI,EAAE,GAAG;oCACT,KAAK,EAAE,GAAG;iCACV,EAAE;oCACF,IAAI,EAAE,GAAG;oCACT,KAAK,EAAE,GAAG;iCACV,EAAE;oCACF,IAAI,EAAE,GAAG;oCACT,KAAK,EAAE,GAAG;iCACV,EAAE;oCACF,IAAI,EAAE,GAAG;oCACT,KAAK,EAAE,GAAG;iCACV,CAAC,GACc,EACjB,KAAC,YAAY,IACZ,YAAY,EAAE,GAAG,EAAE,GAAG,CAAC,EACvB,UAAU,EAAE,KAAK,GAAG,GAAG,GACR,EAChB,KAAC,YAAY,IACZ,KAAK,EAAC,MAAM,EACZ,QAAQ,EAAE,IAAI,EACd,aAAa,EAAE,IAAI,GAClB,EACF,KAAC,UAAU,IACV,KAAK,EAAC,MAAM,EACZ,QAAQ,QACR,QAAQ,EAAE,KAAK,EACf,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC;oCAClB,KAAK,EAAE,GAAG;oCACV,KAAK,EAAE,GAAG;iCACV,CAAC,GACD,EACF,KAAC,SAAS,IACT,KAAK,EAAC,MAAM,EACZ,QAAQ,QACR,QAAQ,EAAE,IAAI,EACd,aAAa,EAAE,GAAG,EAAE,GAAG,OAAO,YAAY,CAAA,CAAC,CAAC,EAC5C,SAAS,EAAE,CAAC,CAAC,EAAE;gCAEd,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC,CAAA;4BACzD,CAAC,GACW,EACb,KAAC,WAAW,IACX,KAAK,EAAC,SAAS,EACf,QAAQ,QACR,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,IAAI,0BAA0B,CAAC,uCAAuC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,IAAI,EAC7G,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EACrB,SAAS,EAAE,CAAC,CAAC,EAAE;;gCAEd,IAAI,GAAG,GAAG,CAAgC,CAAC;gCAC3C,OAAO,CAAC,GAAG,CAAC,MAAA,GAAG,CAAC,cAAc,CAAC,OAAO,0CAAE,OAAO,EAAE,CAAC,CAAA;gCAClD,IACA,CAAC;oCACA,MAAA,SAAS,CAAC,OAAO,0CAAE,QAAQ,EAAE,CAAA;gCAC9B,CAAC;gCAAC,OAAO,KAAK,EACd,CAAC;gCACD,CAAC;4BACF,CAAC,GACa,EACf,KAAC,UAAU,IACV,KAAK,EAAC,OAAO,EACb,QAAQ,SACP,EACF,KAAC,aAAa,IACb,KAAK,EAAC,MAAM,EACZ,QAAQ,QACR,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GACR,EACjB,KAAC,UAAU,IACV,KAAK,EAAC,OAAO,EACb,QAAQ,SACP,EACF,KAAC,UAAU,IACV,KAAK,EAAC,YAAY,EAClB,QAAQ,SACP,EACF,KAAC,UAAU,IACV,KAAK,EAAC,OAAO,EACb,QAAQ,SACP,EACF,KAAC,aAAa,IACb,KAAK,EAAC,UAAU,EAChB,QAAQ,SACP,EACF,KAAC,SAAS,IACT,GAAG,EAAE,SAAS,EACd,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,aAAa,IACb,KAAK,EAAC,UAAU,EAChB,QAAQ,SACP,EACF,KAAC,WAAW,IACX,KAAK,EAAC,QAAQ,EACd,QAAQ,SACP,EACF,KAAC,aAAa,IACb,KAAK,EAAC,UAAU,EAChB,QAAQ,SACP,EACF,KAAC,SAAS,IACT,KAAK,EAAC,MAAM,EACZ,QAAQ,SACP,EACF,KAAC,YAAY,IACZ,KAAK,EAAC,SAAS,EACf,QAAQ,SACP,EACF,KAAC,WAAW,IACX,KAAK,EAAC,QAAQ,EACd,QAAQ,SACP,EACF,KAAC,SAAS,IACT,QAAQ,QACR,KAAK,EAAC,gBAAgB,EACtB,QAAQ,EAAE,IAAI,EACd,aAAa,EAAE,CAAC,EAChB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GACZ,IACJ,GACE,IACX,CACH,CAAC;AACH,CAAC"}
|
|
@@ -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, 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, " "] })] }),
|
|
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" }) })] }) }) }));
|
|
7
7
|
}
|
|
8
8
|
//# sourceMappingURL=NSBarAlert.js.map
|
|
@@ -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,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,
|
|
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"}
|
|
@@ -15,6 +15,10 @@
|
|
|
15
15
|
gap: 8px;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
+
.ns_bar_alert_title_parent {
|
|
19
|
+
align-items: center;
|
|
20
|
+
}
|
|
21
|
+
|
|
18
22
|
.ns_bar_alert_title {
|
|
19
23
|
color: inherit;
|
|
20
24
|
display: flex;
|
|
@@ -58,6 +62,11 @@
|
|
|
58
62
|
gap: 0;
|
|
59
63
|
}
|
|
60
64
|
|
|
65
|
+
.ns_bar_alert_title_parent {
|
|
66
|
+
display: flex;
|
|
67
|
+
align-items: center;
|
|
68
|
+
}
|
|
69
|
+
|
|
61
70
|
.ns_bar_alert_title {
|
|
62
71
|
justify-content: space-between;
|
|
63
72
|
gap: 0;
|
package/package.json
CHANGED
package/src/App.tsx
CHANGED
|
@@ -10,6 +10,7 @@ import
|
|
|
10
10
|
NSBoxTextArea,
|
|
11
11
|
NSPagination,
|
|
12
12
|
NSBoxBooleans,
|
|
13
|
+
NSBarAlert,
|
|
13
14
|
} from './main';
|
|
14
15
|
import { NSBoxEntity } from './components/NSBoxEntity';
|
|
15
16
|
import { NamirasoftAPIProductServer, ProductFullRow } from 'namirasoft-api-product';
|
|
@@ -34,6 +35,16 @@ export function App()
|
|
|
34
35
|
}]}
|
|
35
36
|
name='Test'
|
|
36
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>
|
|
37
48
|
<NSBarAction
|
|
38
49
|
menus={{
|
|
39
50
|
"Test1": [{
|
|
@@ -15,6 +15,10 @@
|
|
|
15
15
|
gap: 8px;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
+
.ns_bar_alert_title_parent {
|
|
19
|
+
align-items: center;
|
|
20
|
+
}
|
|
21
|
+
|
|
18
22
|
.ns_bar_alert_title {
|
|
19
23
|
color: inherit;
|
|
20
24
|
display: flex;
|
|
@@ -58,6 +62,11 @@
|
|
|
58
62
|
gap: 0;
|
|
59
63
|
}
|
|
60
64
|
|
|
65
|
+
.ns_bar_alert_title_parent {
|
|
66
|
+
display: flex;
|
|
67
|
+
align-items: center;
|
|
68
|
+
}
|
|
69
|
+
|
|
61
70
|
.ns_bar_alert_title {
|
|
62
71
|
justify-content: space-between;
|
|
63
72
|
gap: 0;
|
|
@@ -17,11 +17,13 @@ export function NSBarAlert(props: NSBarAlertProps)
|
|
|
17
17
|
<NSSection style={props.style} classList={[Styles.ns_bar_alert_section]}>
|
|
18
18
|
<div className="container">
|
|
19
19
|
<article className={Styles.ns_bar_alert_container}>
|
|
20
|
-
<div className={Styles.
|
|
21
|
-
<
|
|
22
|
-
|
|
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>
|
|
23
26
|
</div>
|
|
24
|
-
<p className={Styles.ns_bar_alert_description}> {props.title.description} </p>
|
|
25
27
|
<div className={Styles.ns_bar_alert_link}>
|
|
26
28
|
<button onClick={props.onClick}>{props.button_text ?? "Continue"}</button>
|
|
27
29
|
</div>
|