npm - namirasoft-site-react - Versions diffs - 1.4.149 → 1.4.151 - Mend

namirasoft-site-react 1.4.149 → 1.4.151

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

package/dist/App.js +17 -1
package/dist/App.js.map +1 -1
package/dist/components/NSBarAction.js +7 -10
package/dist/components/NSBarAction.js.map +1 -1
package/dist/components/NSBarAction.module.css +28 -43
package/dist/components/NSLayout.js +2 -2
package/dist/components/NSLayout.js.map +1 -1
package/package.json +1 -1
package/src/App.tsx +19 -0
package/src/components/NSBarAction.module.css +28 -43
package/src/components/NSBarAction.tsx +38 -58
package/src/components/NSLayout.tsx +2 -2

package/dist/App.js CHANGED Viewed

@@ -16,7 +16,23 @@ export function App() {
                     isVisible: () => true,
                     title: { title: "Verify", description: "Please login to your profile" },
                 }
-            ], children: _jsx(NSSection, { children: _jsxs(NSPanel, { children: [_jsx(NSBoxCombo, { getOptions: () => {
+            ], title: { title: "Namirasoft Account", description: "Amir Abolhasani" }, action: {
+                title: "asdasdasd",
+                menus: {
+                    "t": [{
+                            isActive: () => false,
+                            handler: () => { },
+                            id: "1",
+                            menu_item: "Click"
+                        }],
+                    "x": [{
+                            isActive: () => false,
+                            handler: () => { },
+                            id: "1",
+                            menu_item: "Click"
+                        }]
+                }
+            }, children: _jsx(NSSection, { children: _jsxs(NSPanel, { children: [_jsx(NSBoxCombo, { getOptions: () => {
                                 return [{ title: "Amir", value: "1" }, { title: "Ilia", value: "2" }];
                             }, 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 })] })] }) }) }) }));
 }

package/dist/App.js.map CHANGED Viewed

	@@ -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,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"}
1	+ {"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}

package/dist/components/NSBarAction.js CHANGED Viewed

@@ -1,22 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { useState } from 'react';
-import { NSSpace, NSSpaceSizeType } from './NSSpace';
+import { useState } from 'react';
 import Styles from './NSBarAction.module.css';
 import { NSMenuAction } from './NSMenuAction';
 import { NSDialogInfo } from './NSDialogInfo';
 import { isNotEmptyString } from './NSLayout';
 export function NSBarAction(props) {
-    var _a;
-    let lines = ((_a = props.description) !== null && _a !== void 0 ? _a : "").split(/(\n|\\n|<br>|<br\s*\/>)/gm);
     const [state, setState] = useState({
         show: false
     });
     const groups = Object.keys(props.menus);
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: Styles.ns_action_bar_holder, children: _jsxs("div", { className: 'container d-flex justify-content-center justify-content-lg-between align-items-center w-100', children: [_jsxs("div", { className: `d-none d-lg-flex ${Styles.ns_desktop_action_bar_title}`, children: [_jsx("h1", { className: Styles.title, children: props.title }), isNotEmptyString(props.description) &&
-                                    _jsxs("button", { className: Styles.ns_info_container, onClick: () => setState({ show: true }), children: [_jsx("img", { src: 'https://static.namirasoft.com/image/concept/info/white-blue.svg', alt: 'info-icon', width: 24, height: 24 }), _jsx("span", { children: " Info " })] }), state.show &&
-                                    _jsx(NSDialogInfo, { description: props.description, title: props.title, onClose: () => setState({ show: false }), children: _jsx(_Fragment, {}) })] }), _jsx("div", { className: Styles.ns_actions_holder, children: groups.map((group, index) => _jsx(NSMenuAction, { name: group, items: props.menus[group] }, `NSBarAction_NSMenuAction_Key_${index}`)) })] }) }), _jsxs("div", { className: `container d-block d-lg-none ${Styles.ns_mobile_action_bar_title}`, children: [_jsx(NSSpace, { size: NSSpaceSizeType.MINI }), _jsx("h1", { className: Styles.title, children: props.title }), props.description && lines &&
-                        _jsx(_Fragment, { children: _jsx("p", { className: Styles.description, children: lines.map((line, index) => {
-                                    return (_jsxs(React.Fragment, { children: [line.trim(), index !== lines.length - 1 && _jsx("br", {})] }, `NSBarAction_fragment_key_${index}`));
-                                }) }) })] })] }));
+    return (_jsx(_Fragment, { children: _jsx("div", { className: Styles.ns_bar_action_holder, children: _jsxs("div", { className: `container d-flex justify-content-center justify-content-lg-between align-items-center w-100  ${Styles.ns_bar_action_grant_parent}`, children: [(isNotEmptyString(props.title) || isNotEmptyString(props.description)) &&
+                        _jsxs("div", { className: `d-lg-flex ${Styles.ns_bar_action_parent}`, children: [isNotEmptyString(props.title) &&
+                                    _jsx("h1", { className: Styles.ns_bar_action_title, children: props.title }), isNotEmptyString(props.description) &&
+                                    _jsxs("button", { className: Styles.ns_bar_action_info_container, onClick: () => setState({ show: true }), children: [_jsx("img", { src: 'https://static.namirasoft.com/image/concept/info/white-blue.svg', alt: 'info-icon', width: 24, height: 24 }), _jsx("span", { children: " Info " })] }), state.show &&
+                                    _jsx(NSDialogInfo, { description: props.description, title: props.title, onClose: () => setState({ show: false }), children: _jsx(_Fragment, {}) })] }), groups.length > 0 &&
+                        _jsx("div", { className: Styles.ns_bar_action_actions_holder, children: groups.map((group, index) => _jsx(NSMenuAction, { name: group, items: props.menus[group] }, `NSBarAction_NSMenuAction_Key_${index}`)) })] }) }) }));
 }
 //# sourceMappingURL=NSBarAction.js.map

package/dist/components/NSBarAction.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NSBarAction.js","sourceRoot":"","sources":["../../src/components/NSBarAction.tsx"],"names":[],"mappings":";AAAA,OAAO,~~KAAK,~~EAAE,~~EAAE,~~QAAQ,EAAE,MAAM,OAAO,CAAC;~~AACxC~~,OAAO,~~EAAE,OAAO,EAAE,eAAe,EAAE,~~MAAM,~~WAAW,CAAC;AACrD,OAAO,~~MAAM,~~MAAM,~~0BAA0B,CAAC;AAC9C,OAAO,EAAqB,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAc9C,MAAM,UAAU,WAAW,CAAC,KAAuB;;IAElD,~~IAAI,KAAK,GAAG,CAAC,MAAA,KAAK,CAAC,WAAW,mCAAI,EAAE,CAAC,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAC;IAEzE,~~MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAmB;QACpD,IAAI,EAAE,KAAK;KACX,CAAC,CAAA;IAEF,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAExC,OAAO,CACN,~~8BACC~~,cAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,~~YAE1C~~,eAAK,SAAS,~~EAAC~~,~~6FAA6F~~,~~aAC3G~~,eAAK,SAAS,EAAE,~~oBAAoB~~,MAAM,CAAC,~~2BAA2B~~,EAAE,~~aACvE~~,aAAI,SAAS,EAAE,MAAM,CAAC,~~KAAK~~,YAAG,KAAK,CAAC,KAAK,GAAM,~~EAE9C~~,gBAAgB,CAAC,KAAK,CAAC,WAAW,CAAC;oCACnC,kBAAQ,SAAS,EAAE,MAAM,CAAC,~~iBAAiB~~,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,~~aACnF~~,cAAK,GAAG,EAAC,iEAAiE,EAAC,GAAG,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EACpH,oCAAmB,IACX,EAGT,KAAK,CAAC,IAAI;oCACV,KAAC,YAAY,IACZ,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,YAExC,mBAAK,GACS,IAEX,~~EACN~~,cAAK,SAAS,EAAE,MAAM,CAAC,~~iBAAiB~~,~~YAEtC~~,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAC3B,KAAC,YAAY,IAA+C,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAA/E,gCAAgC,KAAK,EAAE,CAA4C,CACtG,GAEG,~~IACD~~,~~GAED~~,~~EAEN~~,eAAK,SAAS,EAAE,+BAA+B,MAAM,CAAC,0BAA0B,EAAE,aACjF,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,IAAI,GAAI,EACvC,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,CAAC,KAAK,GAAM,EAE9C,KAAK,CAAC,WAAW,IAAI,KAAK;wBAC1B,4BACC,YAAG,SAAS,EAAE,MAAM,CAAC,WAAW,YAE9B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;oCAEzB,OAAO,CACN,MAAC,KAAK,CAAC,QAAQ,eACb,IAAI,CAAC,IAAI,EAAE,EACX,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,cAAM,KAFjB,4BAA4B,KAAK,EAAE,CAGvC,CACjB,CAAA;gCACF,CAAC,CAAC,GAEA,GACF,IAEC,IAEJ,CACH,CAAC;AACH,CAAC"}
1	+ {"version":3,"file":"NSBarAction.js","sourceRoot":"","sources":["../../src/components/NSBarAction.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,EAAqB,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAc9C,MAAM,UAAU,WAAW,CAAC,KAAuB;IAElD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAmB;QACpD,IAAI,EAAE,KAAK;KACX,CAAC,CAAA;IAEF,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAExC,OAAO,CACN,4BACC,cAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,YAC1C,eAAK,SAAS,EAAE,gGAAgG,MAAM,CAAC,0BAA0B,EAAE,aAEjJ,CAAC,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,gBAAgB,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;wBACtE,eAAK,SAAS,EAAE,aAAa,MAAM,CAAC,oBAAoB,EAAE,aAExD,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC;oCAC7B,aAAI,SAAS,EAAE,MAAM,CAAC,mBAAmB,YAAG,KAAK,CAAC,KAAK,GAAM,EAG7D,gBAAgB,CAAC,KAAK,CAAC,WAAW,CAAC;oCACnC,kBAAQ,SAAS,EAAE,MAAM,CAAC,4BAA4B,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,aAC9F,cAAK,GAAG,EAAC,iEAAiE,EAAC,GAAG,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EACpH,oCAAmB,IACX,EAGT,KAAK,CAAC,IAAI;oCACV,KAAC,YAAY,IACZ,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,YAExC,mBAAK,GACS,IAEX,EAGN,MAAM,CAAC,MAAM,GAAG,CAAC;wBACjB,cAAK,SAAS,EAAE,MAAM,CAAC,4BAA4B,YAEjD,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAC3B,KAAC,YAAY,IAA+C,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAA/E,gCAAgC,KAAK,EAAE,CAA4C,CACtG,GAEG,IAEF,GACD,GACJ,CACH,CAAC;AACH,CAAC"}

package/dist/components/NSBarAction.module.css CHANGED Viewed

@@ -1,15 +1,4 @@
-.title {
-	text-align: center;
-	color: rgba(20, 27, 92, 1);
-}
-.description {
-	text-align: center;
-	color: rgba(20, 27, 92, 1);
-	margin: 0px;
-}
-.ns_action_bar_holder {
+.ns_bar_action_holder {
 	z-index: 1;
 	padding: 0 16px;
 	position: sticky;
@@ -26,7 +15,20 @@
 	-moz-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
 }
-.ns_actions_holder {
+.ns_bar_action_grant_parent {
+	flex-direction: column;
+}
+.ns_bar_action_parent {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	flex-direction: column;
+	flex-wrap: wrap;
+	margin: 16px 0px 16px 0px;
+}
+.ns_bar_action_actions_holder {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -37,58 +39,41 @@
 	margin: 16px 0px 16px 0px;
 }
-.ns_info_container {
+.ns_bar_action_info_container {
 	border: none;
 	outline: none;
 	background: none;
 }
-.ns_layout_description_holder {
-	display: flex;
-}
-.ns_hide {
-	display: none;
-}
-.ns_show {
-	display: flex;
-}
-.ns_desktop_action_bar_title {
-	display: none;
+.ns_bar_action_title {
+	margin: 0px;
+	text-align: center;
+	color: rgba(20, 27, 92, 1);
 }
-.ns_mobile_action_bar_title {
-	display: block;
-}
 @media only screen and (min-width: 480px) {
-	.ns_actions_holder {
+	.ns_bar_action_actions_holder {
 		flex-direction: row;
 		flex: 1 1 0;
 	}
+	.ns_bar_action_grant_parent {
+		flex-direction: row;
+	}
 }
 @media only screen and (min-width: 1024px) {
-	.ns_action_bar_holder {
+	.ns_bar_action_holder {
 		justify-content: space-between;
 		min-height: 80px;
 	}
-	.ns_actions_holder {
+	.ns_bar_action_actions_holder {
 		justify-content: flex-end;
 	}
-	.ns_desktop_action_bar_title {
-		display: flex;
-	}
-	.ns_mobile_action_bar_title {
-		display: none;
-	}
-	.ns_info_container {
+	.ns_bar_action_info_container {
 		margin: 0;
 		display: flex;
 		align-items: center;

package/dist/components/NSLayout.js CHANGED Viewed

@@ -13,7 +13,7 @@ export function NSLayout(props) {
     var _a, _b;
     function isValidAction(action) {
         if (action)
-            if ((isNotEmptyString(action.title)) || (isNotEmptyString(action.description)))
+            if ((isNotEmptyString(action.title)) || (isNotEmptyString(action.description)) || Object.keys(action.menus).length > 0)
                 return true;
         return false;
     }
@@ -29,7 +29,7 @@ export function NSLayout(props) {
             backgroundSize: "cover",
             backgroundAttachment: "fixed"
         }, children: [_jsx(NSHeader, { scope: props.scope, name: "Header", logo: props.logo, header: props.header, isLoggedIn: props.isLoggedIn, notifier: props.notifier }), props.notifications.length !== 0 &&
-                _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 &&
+                _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 &&
                 _jsx(_Fragment, { children: _jsx(NSBarTitle, Object.assign({}, props.title)) }), _jsx("main", { className: `d-flex flex-column text-white ${Styles.ns_layout_main}`, children: props.children }), _jsx(NSFooter, { scope: props.scope, name: "Footer", logo: props.logo, isLoggedIn: props.isLoggedIn })] }));
 }
 //# sourceMappingURL=NSLayout.js.map

package/dist/components/NSLayout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NSLayout.js","sourceRoot":"","sources":["../../src/components/NSLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,iBAAiB,EAA0B,MAAM,qBAAqB,CAAC;AAEhF,OAAO,EAAoB,WAAW,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAmB,UAAU,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAErD,OAAO,EAAmB,UAAU,EAAE,MAAM,cAAc,CAAC;AAe3D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,MAA0B,EAAE,EAAE,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;AAE/F,MAAM,UAAU,QAAQ,CAAC,KAAoB;;IAE5C,SAAS,aAAa,CAAC,MAAyB;QAE/C,IAAI,MAAM;YACT,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;~~gBAC7E~~,OAAO,IAAI,CAAC;QACd,OAAO,KAAK,CAAC;IACd,CAAC;IAED,IAAI,MAAM,GAAG,MAAA,KAAK,CAAC,MAAM,mCAAI,EAAE,CAAC;IAChC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC;IAE7C,OAAO,CACN,eAAK,EAAE,EAAE,KAAK,CAAC,EAAE,EAChB,SAAS,EAAE,GAAG,MAAM,CAAC,YAAY,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EACjE,KAAK,EAAE;YACN,SAAS,EAAE,OAAO;YAClB,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,KAAK,CAAC,UAAU;YAC5B,cAAc,EAAE,OAAO;YACvB,oBAAoB,EAAE,OAAO;SAC7B,aACD,KAAC,QAAQ,IACR,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ,GACvB,EAED,KAAK,CAAC,aAAa,CAAC,MAAM,KAAK,CAAC;gBAChC,4BAEE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAC/C,KAAC,QAAQ,cACR,KAAC,iBAAiB,oBAAK,YAAY,EAAI,IADzB,yBAAyB,KAAK,EAAE,CAEpC,CACX,GAEA,EAGH,MAAM,CAAC,MAAM,KAAK,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,KAAC,UAAU,oBAA8C,KAAK,GAA7C,2BAA2B,KAAK,EAAE,CAAe,CAAC,EAGvH,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,KAAC,WAAW,oBAAK,KAAK,CAAC,MAAM,EAAI,EAEjE,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,~~KAAK~~,GAAI,~~EAEvC~~,KAAK,CAAC,KAAK;gBACX,4BACC,KAAC,UAAU,oBAAK,KAAK,CAAC,KAAK,EAAiB,GAC1C,EAEJ,eAAM,SAAS,EAAE,iCAAiC,MAAM,CAAC,cAAc,EAAE,YACvE,KAAK,CAAC,QAAQ,GACT,EACP,KAAC,QAAQ,IACR,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,UAAU,EAAE,KAAK,CAAC,UAAU,GAC3B,IACI,CACP,CAAC;AACH,CAAC"}
1	+ {"version":3,"file":"NSLayout.js","sourceRoot":"","sources":["../../src/components/NSLayout.tsx"],"names":[],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -8,7 +8,7 @@
 	"framework": "npm",
 	"application": "package",
 	"private": false,
-	"version": "1.4.149",
+	"version": "1.4.151",
 	"author": "Amir Abolhasani",
 	"license": "MIT",
 	"main": "./dist/main.js",

package/src/App.tsx CHANGED Viewed

@@ -28,6 +28,25 @@ export function App()
 						title: { title: "Verify", description: "Please login to your profile" },
 					}
 				]}
+				title={{ title: "Namirasoft Account", description: "Amir Abolhasani" }}
+				action={{
+					title: "asdasdasd",
+					menus:
+					{
+						"t": [{
+							isActive: () => false,
+							handler: () => { },
+							id: "1",
+							menu_item: "Click"
+						}],
+						"x": [{
+							isActive: () => false,
+							handler: () => { },
+							id: "1",
+							menu_item: "Click"
+						}]
+					}
+				}}
 			>
 				<NSSection>
 					<NSPanel >

package/src/components/NSBarAction.module.css CHANGED Viewed

@@ -1,15 +1,4 @@
-.title {
-	text-align: center;
-	color: rgba(20, 27, 92, 1);
-}
-.description {
-	text-align: center;
-	color: rgba(20, 27, 92, 1);
-	margin: 0px;
-}
-.ns_action_bar_holder {
+.ns_bar_action_holder {
 	z-index: 1;
 	padding: 0 16px;
 	position: sticky;
@@ -26,7 +15,20 @@
 	-moz-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
 }
-.ns_actions_holder {
+.ns_bar_action_grant_parent {
+	flex-direction: column;
+}
+.ns_bar_action_parent {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	flex-direction: column;
+	flex-wrap: wrap;
+	margin: 16px 0px 16px 0px;
+}
+.ns_bar_action_actions_holder {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -37,58 +39,41 @@
 	margin: 16px 0px 16px 0px;
 }
-.ns_info_container {
+.ns_bar_action_info_container {
 	border: none;
 	outline: none;
 	background: none;
 }
-.ns_layout_description_holder {
-	display: flex;
-}
-.ns_hide {
-	display: none;
-}
-.ns_show {
-	display: flex;
-}
-.ns_desktop_action_bar_title {
-	display: none;
+.ns_bar_action_title {
+	margin: 0px;
+	text-align: center;
+	color: rgba(20, 27, 92, 1);
 }
-.ns_mobile_action_bar_title {
-	display: block;
-}
 @media only screen and (min-width: 480px) {
-	.ns_actions_holder {
+	.ns_bar_action_actions_holder {
 		flex-direction: row;
 		flex: 1 1 0;
 	}
+	.ns_bar_action_grant_parent {
+		flex-direction: row;
+	}
 }
 @media only screen and (min-width: 1024px) {
-	.ns_action_bar_holder {
+	.ns_bar_action_holder {
 		justify-content: space-between;
 		min-height: 80px;
 	}
-	.ns_actions_holder {
+	.ns_bar_action_actions_holder {
 		justify-content: flex-end;
 	}
-	.ns_desktop_action_bar_title {
-		display: flex;
-	}
-	.ns_mobile_action_bar_title {
-		display: none;
-	}
-	.ns_info_container {
+	.ns_bar_action_info_container {
 		margin: 0;
 		display: flex;
 		align-items: center;

package/src/components/NSBarAction.tsx CHANGED Viewed

@@ -1,5 +1,4 @@
-import React, { useState } from 'react';
-import { NSSpace, NSSpaceSizeType } from './NSSpace';
+import { useState } from 'react';
 import Styles from './NSBarAction.module.css';
 import { NSMenuActionProps, NSMenuAction } from './NSMenuAction';
 import { NSDialogInfo } from './NSDialogInfo';
@@ -19,8 +18,6 @@ export interface NSBarActionState
 export function NSBarAction(props: NSBarActionProps)
 {
-	let lines = (props.description ?? "").split(/(\n|\\n|<br>|<br\s*\/>)/gm);
 	const [state, setState] = useState<NSBarActionState>({
 		show: false
 	})
@@ -29,63 +26,46 @@ export function NSBarAction(props: NSBarActionProps)
 	return (
 		<>
-			<div className={Styles.ns_action_bar_holder}>
-				{/* Desktop  */}
-				<div className='container d-flex justify-content-center justify-content-lg-between align-items-center w-100'>
-					<div className={`d-none d-lg-flex ${Styles.ns_desktop_action_bar_title}`}>
-						<h1 className={Styles.title}>{props.title}</h1>
-						{
-							isNotEmptyString(props.description) &&
-							<button className={Styles.ns_info_container} onClick={() => setState({ show: true })}>
-								<img src='https://static.namirasoft.com/image/concept/info/white-blue.svg' alt='info-icon' width={24} height={24} />
-								<span> Info </span>
-							</button>
-						}
-						{
-							state.show &&
-							<NSDialogInfo
-								description={props.description}
-								title={props.title}
-								onClose={() => setState({ show: false })}
-							>
-								<></>
-							</NSDialogInfo>
-						}
-					</div>
-					<div className={Styles.ns_actions_holder}>
-						{
-							groups.map((group, index) =>
-								<NSMenuAction key={`NSBarAction_NSMenuAction_Key_${index}`} name={group} items={props.menus[group]} />
-							)
-						}
-					</div>
-				</div>
-				{/* Desktop  */}
-			</div>
-			{/* Mobile */}
-			<div className={`container d-block d-lg-none ${Styles.ns_mobile_action_bar_title}`}>
-				<NSSpace size={NSSpaceSizeType.MINI} />
-				<h1 className={Styles.title}>{props.title}</h1>
-				{
-					props.description && lines &&
-					<>
-						<p className={Styles.description}>
+			<div className={Styles.ns_bar_action_holder}>
+				<div className={`container d-flex justify-content-center justify-content-lg-between align-items-center w-100  ${Styles.ns_bar_action_grant_parent}`}>
+					{
+						(isNotEmptyString(props.title) || isNotEmptyString(props.description)) &&
+						<div className={`d-lg-flex ${Styles.ns_bar_action_parent}`}>
+							{
+								isNotEmptyString(props.title) &&
+								<h1 className={Styles.ns_bar_action_title}>{props.title}</h1>
+							}
 							{
-								lines.map((line, index) =>
-								{
-									return (
-										<React.Fragment key={`NSBarAction_fragment_key_${index}`}>
-											{line.trim()}
-											{index !== lines.length - 1 && <br />}
-										</React.Fragment>
-									)
-								})
+								isNotEmptyString(props.description) &&
+								<button className={Styles.ns_bar_action_info_container} onClick={() => setState({ show: true })}>
+									<img src='https://static.namirasoft.com/image/concept/info/white-blue.svg' alt='info-icon' width={24} height={24} />
+									<span> Info </span>
+								</button>
 							}
-						</p>
-					</>
-				}
+							{
+								state.show &&
+								<NSDialogInfo
+									description={props.description}
+									title={props.title}
+									onClose={() => setState({ show: false })}
+								>
+									<></>
+								</NSDialogInfo>
+							}
+						</div>
+					}
+					{
+						groups.length > 0 &&
+						<div className={Styles.ns_bar_action_actions_holder}>
+							{
+								groups.map((group, index) =>
+									<NSMenuAction key={`NSBarAction_NSMenuAction_Key_${index}`} name={group} items={props.menus[group]} />
+								)
+							}
+						</div>
+					}
+				</div>
 			</div>
-			{/* Mobile */}
 		</>
 	);
 }

package/src/components/NSLayout.tsx CHANGED Viewed

@@ -31,7 +31,7 @@ export function NSLayout(props: NSLayoutProps)
 	function isValidAction(action?: NSBarActionProps): action is NSBarActionProps
 	{
 		if (action)
-			if ((isNotEmptyString(action.title)) || (isNotEmptyString(action.description)))
+			if ((isNotEmptyString(action.title)) || (isNotEmptyString(action.description)) || Object.keys(action.menus).length > 0)
 				return true;
 		return false;
 	}
@@ -78,7 +78,7 @@ export function NSLayout(props: NSLayoutProps)
 			{
 				isValidAction(props.action) && <NSBarAction {...props.action} />
 			}
-			<NSSpace size={NSSpaceSizeType.SMALL} />
+			<NSSpace size={NSSpaceSizeType.MINI} />
 			{
 				props.title &&
 				<>