namirasoft-site-react 1.4.134 → 1.4.136

package/dist/components/NSBarAction.module.css

@@ -1,98 +1,98 @@
-.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 {
-	z-index: 1;
-	padding: 0 16px;
-	position: sticky;
-	background-color: #fff;
-	width: 100%;
-	height: 100%;
-	display: flex;
-	flex-direction: row;
-	flex-wrap: wrap;
-	justify-content: center;
-	align-items: center;
-	box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
-	-webkit-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
-	-moz-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
-}
-
-.ns_actions_holder {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	flex-direction: column;
-	flex-wrap: wrap;
-	gap: 0 16px;
-	width: 100%;
-}
-
-.ns_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_mobile_action_bar_title {
-	display: block;
-}
-
-@media only screen and (min-width: 480px) {
-	.ns_actions_holder {
-		flex-direction: row;
-		flex: 1 1 0;
-	}
-}
-
-@media only screen and (min-width: 992px) {
-	.ns_action_bar_holder {
-		justify-content: space-between;
-		min-height: 80px;
-	}
-
-	.ns_actions_holder {
-		justify-content: flex-end;
-	}
-
-	.ns_desktop_action_bar_title {
-		display: flex;
-	}
-
-	.ns_mobile_action_bar_title {
-		display: none;
-	}
-
-	.ns_info_container {
-		margin: 0;
-		display: flex;
-		align-items: center;
-		justify-content: flex-start;
-		gap: 4px;
-	}
-
+.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 {
+	z-index: 1;
+	padding: 0 16px;
+	position: sticky;
+	background-color: #fff;
+	width: 100%;
+	height: 100%;
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	justify-content: center;
+	align-items: center;
+	box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
+	-webkit-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
+	-moz-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
+}
+
+.ns_actions_holder {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	flex-direction: column;
+	flex-wrap: wrap;
+	gap: 16px;
+	width: 100%;
+	margin: 16px 0px 16px 0px;
+}
+
+.ns_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_mobile_action_bar_title {
+	display: block;
+}
+
+@media only screen and (min-width: 480px) {
+	.ns_actions_holder {
+		flex-direction: row;
+		flex: 1 1 0;
+	}
+}
+
+@media only screen and (min-width: 1024px) {
+	.ns_action_bar_holder {
+		justify-content: space-between;
+		min-height: 80px;
+	}
+
+	.ns_actions_holder {
+		justify-content: flex-end;
+	}
+
+	.ns_desktop_action_bar_title {
+		display: flex;
+	}
+
+	.ns_mobile_action_bar_title {
+		display: none;
+	}
+
+	.ns_info_container {
+		margin: 0;
+		display: flex;
+		align-items: center;
+		justify-content: flex-start;
+		gap: 4px;
+	}
 }

package/dist/components/NSBarAlert.d.ts

@@ -2,7 +2,8 @@ import { IBaseComponentProps } from '../props/IBaseComponentProps';
 import { NSBarTitleProps } from './NSBarTitle';
 export interface NSBarAlertProps extends IBaseComponentProps {
     title: NSBarTitleProps;
+    button_text?: string;
     isVisible: () => boolean;
-    onContinue?: () => void;
+    onClick?: () => void;
 }
 export declare function NSBarAlert(props: NSBarAlertProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSBarAlert.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { NSSection } from './NSSection';
 import Styles from './NSBarAlert.module.css';
 export function NSBarAlert(props) {
-    return (_jsx(NSSection, { style: props.style, classList: [Styles.ns_bar_alert_holder], children: _jsx("div", { className: "container", children: _jsxs("article", { className: Styles.ns_bar_alert_container, children: [_jsxs("div", { className: Styles.ns_bar_alert_description, 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, " "] }), _jsxs("p", { children: [" ", props.title.description, " "] })] }), _jsx("div", { className: Styles.ns_bar_alert_link, children: _jsx("button", { onClick: props.onContinue, children: "Continue" }) })] }) }) }));
+    var _a;
+    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, " "] })] }), _jsxs("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" }) })] }) }) }));
 }
 //# sourceMappingURL=NSBarAlert.js.map

package/dist/components/NSBarAlert.js.map

@@ -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;AAS7C,MAAM,UAAU,UAAU,CAAC,KAAsB;IAEhD,OAAO,CACN,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,YACrE,cAAK,SAAS,EAAC,WAAW,YACzB,mBAAS,SAAS,EAAE,MAAM,CAAC,sBAAsB,aAChD,eAAK,SAAS,EAAE,MAAM,CAAC,wBAAwB,aAC9C,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,EAC9B,6BAAK,KAAK,CAAC,KAAK,CAAC,WAAW,SAAM,IAC7B,EACN,cAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,YACvC,iBAAQ,OAAO,EAAE,KAAK,CAAC,UAAU,yBAAmB,GAC/C,IACG,GACL,GACK,CACZ,CAAC;AACH,CAAC"}
+{"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,aAAG,SAAS,EAAE,MAAM,CAAC,wBAAwB,kBAAI,KAAK,CAAC,KAAK,CAAC,WAAW,SAAM,EAC9E,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"}

package/dist/components/NSBarAlert.module.css

@@ -1,70 +1,70 @@
-.ns_bar_alert_holder {
-	color: #141B5C;
-	background-color: #FE9900;
-	padding: 16px 0;
-	box-shadow: 0 4px 4px 0 #00000040;
-	border-bottom: solid 1px currentColor;
-}
-
-.ns_bar_alert_container {
-	display: flex;
-	flex-wrap: wrap;
-	flex-direction: row;
-	justify-content: center;
-	align-items: center;
-	gap: 8px;
-}
-
-.ns_bar_alert_description {
-	color: inherit;
-	display: flex;
-	flex-wrap: wrap;
-	flex-direction: row;
-	justify-content: center;
-	align-items: center;
-	gap: 8px;
-}
-
-.ns_bar_alert_description>h3 {
-	color: inherit;
-	font-size: 20px;
-	font-weight: 600;
-	margin: 0 16px 2px 8px;
-}
-
-.ns_bar_alert_description>p {
-	color: inherit;
-	font-size: 12px;
-	font-weight: 300;
-	margin-bottom: 0;
-	text-align: center;
-}
-
-.ns_bar_alert_link>button {
-	color: inherit;
-	font-size: 16px;
-	font-weight: 600;
-	text-decoration: underline;
-	border: none;
-	outline: none;
-	background: none;
-	cursor: pointer;
-}
-
-
-@media only screen and (min-width: 768px) {
-	.ns_bar_alert_container {
-		justify-content: space-between;
-		gap: 0;
-	}
-
-	.ns_bar_alert_description {
-		justify-content: space-between;
-		gap: 0;
-	}
-
-	.ns_bar_alert_description>p {
-		text-align: start;
-	}
-
+.ns_bar_alert_section {
+	color: #141B5C;
+	background-color: #FE9900;
+	padding: 16px 0;
+	box-shadow: 0 4px 4px 0 #00000040;
+	border-bottom: solid 1px currentColor;
+}
+
+.ns_bar_alert_container {
+	display: flex;
+	flex-wrap: wrap;
+	flex-direction: row;
+	justify-content: center;
+	align-items: center;
+	gap: 8px;
+}
+
+.ns_bar_alert_title {
+	color: inherit;
+	display: flex;
+	flex-wrap: wrap;
+	flex-direction: row;
+	justify-content: center;
+	align-items: center;
+	gap: 8px;
+}
+
+.ns_bar_alert_title>h3 {
+	color: inherit;
+	font-size: 20px;
+	font-weight: 600;
+	margin: 0 16px 2px 8px;
+}
+
+.ns_bar_alert_description {
+	color: inherit;
+	font-size: 12px;
+	font-weight: 300;
+	margin-bottom: 0;
+	text-align: center;
+}
+
+.ns_bar_alert_link>button {
+	color: inherit;
+	font-size: 16px;
+	font-weight: 600;
+	text-decoration: underline;
+	border: none;
+	outline: none;
+	background: none;
+	cursor: pointer;
+}
+
+
+@media only screen and (min-width: 768px) {
+	.ns_bar_alert_container {
+		justify-content: space-between;
+		gap: 0;
+	}
+
+	.ns_bar_alert_title {
+		justify-content: space-between;
+		gap: 0;
+	}
+
+	.ns_bar_alert_description {
+		text-align: start;
+	}
+
 }

package/dist/components/NSBarNotification.module.css

@@ -1,35 +1,35 @@
-.ns_messenger {
-    background-color: #fff;
-    padding: 12px 15px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-}
-
-.ns_gray {
-    border: 3px solid gray;
-    box-shadow: 1px 1px 8px 0px gray;
-}
-
-.ns_blue {
-    border: 3px solid blue;
-    box-shadow: 1px 1px 8px 0px blue;
-}
-
-.ns_green {
-    border: 3px solid rgba(112, 224, 0, 1);
-    box-shadow: 1px 1px 8px 0px rgba(112, 224, 0, 1);
-}
-
-.ns_yellow {
-    border: 3px solid yellow;
-    box-shadow: 1px 1px 8px 0px yellow;
-}
-
-.ns_red {
-    border: 3px solid red;
-    box-shadow: 1px 1px 8px 0px red;
-}
-.ns_exit_icon{
-    cursor: pointer;
+.ns_messenger {
+    background-color: #fff;
+    padding: 12px 15px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.ns_gray {
+    border: 3px solid gray;
+    box-shadow: 1px 1px 8px 0px gray;
+}
+
+.ns_blue {
+    border: 3px solid blue;
+    box-shadow: 1px 1px 8px 0px blue;
+}
+
+.ns_green {
+    border: 3px solid rgba(112, 224, 0, 1);
+    box-shadow: 1px 1px 8px 0px rgba(112, 224, 0, 1);
+}
+
+.ns_yellow {
+    border: 3px solid yellow;
+    box-shadow: 1px 1px 8px 0px yellow;
+}
+
+.ns_red {
+    border: 3px solid red;
+    box-shadow: 1px 1px 8px 0px red;
+}
+.ns_exit_icon{
+    cursor: pointer;
 }

package/dist/components/NSBarTitle.module.css

@@ -1,10 +1,10 @@
-.title {
-	text-align: center;
-	color: rgba(20, 27, 92, 1);
-}
-
-.description {
-	text-align: center;
-	color: rgba(20, 27, 92, 1);
-	margin: 0px;
+.title {
+	text-align: center;
+	color: rgba(20, 27, 92, 1);
+}
+
+.description {
+	text-align: center;
+	color: rgba(20, 27, 92, 1);
+	margin: 0px;
 }

package/dist/components/NSBox.module.css

@@ -1,51 +1,51 @@
-.ns_input_parent {
-	display: flex;
-	flex-direction: column;
-	color: #141B5C;
-	justify-content: center;
-	width: 100%;
-	max-width: 100%;
-}
-
-.ns_input_bar {
-	display: flex;
-	justify-content: space-between !important;
-	align-items: center !important;
-	height: 28px;
-}
-
-.ns_input_title {
-	font-size: 16px;
-	font-weight: 400;
-	display: flex;
-	align-items: center;
-	flex-direction: row;
-	gap: 4px;
-}
-
-.ns_input {
-	padding: 8px 32px 8px 12px;
-	font-size: 16px;
-	font-weight: 400;
-	border: 1px solid rgba(0, 0, 0, 1) !important;
-	border-radius: 8px;
-	height: 48px !important;
-	width: 100% !important;
-	max-width: inherit;
-	background-size: 24px 24px;
-}
-
-.ns_input:focus-visible {
-	border-color: rgba(0, 0, 0, 1) !important;
-	outline: solid 1px #4096ff !important;
-}
-
-@media only screen and (min-width: 426px) {
-	.ns_input {
-		max-width: inherit;
-	}
-
-	.ns_input_parent {
-		width: 272px;
-	}
+.ns_box_input_parent {
+	display: flex;
+	flex-direction: column;
+	color: #141B5C;
+	justify-content: center;
+	width: 100%;
+	max-width: 100%;
+}
+
+.ns_box_input_bar {
+	display: flex;
+	justify-content: space-between !important;
+	align-items: center !important;
+	height: 28px;
+}
+
+.ns_box_input_title {
+	font-size: 16px;
+	font-weight: 400;
+	display: flex;
+	align-items: center;
+	flex-direction: row;
+	gap: 4px;
+}
+
+.ns_box_input {
+	padding: 8px 32px 8px 12px;
+	font-size: 16px;
+	font-weight: 400;
+	border: 1px solid rgba(0, 0, 0, 1) !important;
+	border-radius: 8px;
+	height: 48px !important;
+	width: 100% !important;
+	max-width: inherit;
+	background-size: 24px 24px;
+}
+
+.ns_box_input:focus-visible {
+	border-color: rgba(0, 0, 0, 1) !important;
+	outline: solid 1px #4096ff !important;
+}
+
+@media only screen and (min-width: 480px) {
+	.ns_box_input {
+		max-width: inherit;
+	}
+
+	.ns_box_input_parent {
+		width: 272px;
+	}
 }

package/dist/components/NSBoxBaseCombo.d.ts

@@ -3,21 +3,17 @@ import { IBaseComponentProps } from "../props/IBaseComponentProps";
 import { IValidationProps } from "../props/IValidationProps";
 import { BaseOptionType } from "antd/es/select";
 import { FilterItem, SortItem } from "namirasoft-core";
+import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
 export interface NSBoxBaseComboOption extends BaseOptionType {
     value: string;
     title: string;
 }
-export interface NSBoxBaseComboBaseProps extends IBaseComponentProps, IValidationProps {
-    title: string;
+export interface INSBoxBaseComboProps<Box> extends INSBoxBaseLayoutProps<string, Box> {
     multiple: boolean;
     searchable?: boolean;
-    placeholder?: string;
-    defaultValue?: string;
-    onChanged?: (box: any, callback?: () => void) => void;
-    onClicked?: (box: any) => void;
     onLoaded?: (box: any) => void;
 }
-export interface NSBoxBaseComboProps<Data> extends NSBoxBaseComboBaseProps {
+export interface NSBoxBaseComboProps<Data, Box> extends IBaseComponentProps, IValidationProps, INSBoxBaseComboProps<Box> {
     getItems: (filters: FilterItem[] | null, page: number | null, size: number | null, sorts: SortItem[], user_id: (string | null)) => Promise<{
         count: number;
         rows: Data[];
@@ -33,17 +29,17 @@ interface NSBoxBaseComboState<Data> {
     };
     data: Data | null;
     data_list: Data[];
-    error?: string;
     set_value: (string) | null;
     set_values: (string[]) | null;
 }
-export declare class NSBoxBaseCombo<Data> extends React.Component<NSBoxBaseComboProps<Data>, NSBoxBaseComboState<Data>> {
-    constructor(props: NSBoxBaseComboProps<Data>);
-    getError(value: Data | null): string | null;
+export declare class NSBoxBaseCombo<Data> extends React.Component<NSBoxBaseComboProps<Data, NSBoxBaseCombo<Data>>, NSBoxBaseComboState<Data>> {
+    NSBoxBaseLayout_Main: React.RefObject<NSBoxBaseLayout>;
+    constructor(props: NSBoxBaseComboProps<Data, NSBoxBaseCombo<Data>>);
+    getError(): string | null;
     find(finder: (data: Data) => boolean): Data | null;
     findAll(finder: (data: Data) => boolean): Data[];
     getData(checkError?: boolean): Data | null;
-    getDataList(): Data[];
+    getDataList(checkError?: boolean): Data[];
     setData(data: Data | null, callback?: () => void): void;
     setDataList(data_list: Data[], callback?: () => void): void;
     getValue(checkError?: boolean): string | null;