namirasoft-site-react 1.4.142 → 1.4.144
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 +10 -1
- 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/NSBoxBaseCombo.js +1 -1
- package/package.json +1 -1
- package/src/App.tsx +10 -0
- package/src/components/NSBarAlert.module.css +1 -0
- package/src/components/NSBarAlert.tsx +4 -4
- package/src/components/NSBoxBaseCombo.tsx +1 -1
package/dist/App.js
CHANGED
|
@@ -7,7 +7,16 @@ export function App() {
|
|
|
7
7
|
return (_jsx(_Fragment, { children: _jsx(NSLayout, { header: {
|
|
8
8
|
icons: [],
|
|
9
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")',
|
|
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")', alerts: [
|
|
11
|
+
{
|
|
12
|
+
isVisible: () => true,
|
|
13
|
+
title: { title: "Verify your email", description: "Please login to your profile and fill out your email address to continue. This does not take more than 2 minutes to finish." },
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
isVisible: () => true,
|
|
17
|
+
title: { title: "Verify", description: "Please login to your profile" },
|
|
18
|
+
}
|
|
19
|
+
], children: _jsx(NSSection, { children: _jsxs(NSPanel, { children: [_jsx(NSBoxCombo, { getOptions: () => {
|
|
11
20
|
return [{ title: "Amir", value: "1" }, { title: "Ilia", value: "2" }];
|
|
12
21
|
}, multiple: false, required: true, title: 's' }), _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 })] })] }) }) }) }));
|
|
13
22
|
}
|
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,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,GAAG,MAAM,QAAQ,CAAC;AACzF,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,
|
|
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,EAAE,UAAU,GAAG,MAAM,QAAQ,CAAC;AACzF,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,EACpH,MAAM,EAAE;gBACP;oBACC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI;oBACrB,KAAK,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,WAAW,EAAE,6HAA6H,EAAE;iBACjL;gBACD;oBACC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI;oBACrB,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,8BAA8B,EAAE;iBACvE;aACD,YAED,KAAC,SAAS,cACT,MAAC,OAAO,eACP,KAAC,UAAU,IACV,UAAU,EAAE,GAAG,EAAE;gCAEhB,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;4BACvE,CAAC,EACD,QAAQ,EAAE,KAAK,EACf,QAAQ,QACR,KAAK,EAAC,GAAG,GACI,EACd,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"}
|
|
@@ -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(
|
|
6
|
+
return (_jsx("article", { className: Styles.ns_bar_alert_section, children: _jsxs(NSSection, { style: props.style, classList: [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,
|
|
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,kBAAS,SAAS,EAAE,MAAM,CAAC,oBAAoB,YAC9C,MAAC,SAAS,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,CAAC,MAAM,CAAC,sBAAsB,CAAC,aACxE,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,IACK,GACH,CACV,CAAC;AACH,CAAC"}
|
|
@@ -151,7 +151,7 @@ export class NSBoxBaseCombo extends React.Component {
|
|
|
151
151
|
console.log({ x });
|
|
152
152
|
}, filterOption: (search, row) => {
|
|
153
153
|
if (row)
|
|
154
|
-
return SearchOperation.match(row.title, search)
|
|
154
|
+
return SearchOperation.match(row.title, search) || SearchOperation.match(row.value, search);
|
|
155
155
|
return false;
|
|
156
156
|
}, suffixIcon: _jsx("img", { src: "https://static.namirasoft.com/image/concept/arrow/down/blue.svg", width: 24, height: 24, style: { position: "relative", right: "-7px" }, alt: "SelectBox Icon" }) }) })));
|
|
157
157
|
}
|
package/package.json
CHANGED
package/src/App.tsx
CHANGED
|
@@ -18,6 +18,16 @@ export function App()
|
|
|
18
18
|
notifier={{} as any}
|
|
19
19
|
scope=''
|
|
20
20
|
background='url("https://img.freepik.com/free-photo/colorful-abstract-textured-background-design_53876-108265.jpg")'
|
|
21
|
+
alerts={[
|
|
22
|
+
{
|
|
23
|
+
isVisible: () => true,
|
|
24
|
+
title: { title: "Verify your email", description: "Please login to your profile and fill out your email address to continue. This does not take more than 2 minutes to finish." },
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
isVisible: () => true,
|
|
28
|
+
title: { title: "Verify", description: "Please login to your profile" },
|
|
29
|
+
}
|
|
30
|
+
]}
|
|
21
31
|
>
|
|
22
32
|
<NSSection>
|
|
23
33
|
<NSPanel >
|
|
@@ -14,8 +14,8 @@ export interface NSBarAlertProps extends IBaseComponentProps
|
|
|
14
14
|
export function NSBarAlert(props: NSBarAlertProps)
|
|
15
15
|
{
|
|
16
16
|
return (
|
|
17
|
-
<
|
|
18
|
-
<
|
|
17
|
+
<article className={Styles.ns_bar_alert_section}>
|
|
18
|
+
<NSSection style={props.style} classList={[Styles.ns_bar_alert_container]}>
|
|
19
19
|
<div className={Styles.ns_bar_alert_title_parent}>
|
|
20
20
|
<div className={Styles.ns_bar_alert_title}>
|
|
21
21
|
<img src="https://static.namirasoft.com/image/concept/alarm/blue.svg" alt="Alarm" width={24} height={24} />
|
|
@@ -26,7 +26,7 @@ export function NSBarAlert(props: NSBarAlertProps)
|
|
|
26
26
|
<div className={Styles.ns_bar_alert_link}>
|
|
27
27
|
<button onClick={props.onClick}>{props.button_text ?? "Continue"}</button>
|
|
28
28
|
</div>
|
|
29
|
-
</
|
|
30
|
-
</
|
|
29
|
+
</NSSection>
|
|
30
|
+
</article>
|
|
31
31
|
);
|
|
32
32
|
}
|
|
@@ -242,7 +242,7 @@ export class NSBoxBaseCombo<Data> extends React.Component<NSBoxBaseComboProps<Da
|
|
|
242
242
|
filterOption={(search, row) =>
|
|
243
243
|
{
|
|
244
244
|
if (row)
|
|
245
|
-
return SearchOperation.match(row.title, search)
|
|
245
|
+
return SearchOperation.match(row.title, search) || SearchOperation.match(row.value, search);
|
|
246
246
|
return false;
|
|
247
247
|
}}
|
|
248
248
|
suffixIcon={<img src="https://static.namirasoft.com/image/concept/arrow/down/blue.svg" width={24} height={24} style={{ position: "relative", right: "-7px" }} alt="SelectBox Icon" />}
|