namirasoft-site-react 1.3.183 → 1.3.185

package/dist/components/NSHeader.module.css

@@ -1,250 +1,250 @@
-.ns_header {
-    width: 100%;
-}
-
-.ns_navbar {
-    min-height: 96px;
-    /* background-color: #0000004d !important; */
-    position: relative;
-    z-index: 10;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.ns_navbar_content {
-    display: flex;
-    justify-content: space-between;
-    width: 100%;
-    gap: 8px;
-}
-
-.ns_navbar_login_status {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.ns_navbar_usersname {
-    color: #fff !important;
-    font-size: 16px;
-    font-weight: 400;
-    margin-right: 8px;
-}
-
-.ns_navbar_menu_icon {
-    display: none;
-}
-
-.ns_navbar_elements ul {
-    display: flex;
-    justify-content: space-between;
-    list-style-type: none;
-}
-
-.ns_navbar_elements ul li:not(:last-child) {
-    margin-right: 60px;
-}
-
-.ns_navbar_elements ul a {
-    font-size: 16px;
-    font-weight: 400;
-    color: #2f234f;
-    text-decoration: none;
-}
-
-.ns_navbar_elements ul a.ns_navbar_active {
-    color: #574c4c;
-    font-weight: 500;
-    position: relative;
-}
-
-.ns_navbar_elements ul a.ns_navbar_active::after {
-    content: "";
-    position: absolute;
-    bottom: -4px;
-    left: 0;
-    width: 100%;
-    height: 2px;
-    background-color: #574c4c;
-}
-
-.ns_header_icon {
-    outline: none;
-    border: none;
-    background: none;
-    padding: 0;
-    position: relative;
-}
-
-.ns_navbar_items_container {
-    margin-right: auto;
-    margin-inline-end: auto;
-    --bs-nav-link-padding-x: 1rem;
-    --bs-nav-link-padding-y: 0.5rem;
-    --bs-nav-link-font-weight: ;
-    --bs-nav-link-color: var(--bs-link-color);
-    --bs-nav-link-hover-color: var(--bs-link-hover-color);
-    --bs-nav-link-disabled-color: var(--bs-secondary-color);
-    display: flex;
-    flex-wrap: wrap;
-    padding-left: 0;
-    margin-bottom: 0;
-    list-style: none;
-}
-
-.ns_navbar_items_link {
-    display: block;
-    padding: 12px 20px 12px 0;
-    font-size: var(--bs-nav-link-font-size);
-    font-weight: var(--bs-nav-link-font-weight);
-    color: var(--bs-nav-link-color);
-    text-decoration: none;
-    background: 0 0;
-    border: 0;
-    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
-}
-
-.ns_navbar_first_level_item {
-    color: #fff;
-}
-
-@media (max-width: 768px) {
-    .ns_navbar_elements ul li:not(:last-child) {
-        margin-right: 30px;
-    }
-}
-
-@media (max-width: 1024px) {
-    .ns_navbar_first_level_item:hover {
-        background-color: #FFFFFF1A;
-    }
-
-    .ns_navbar_items_link {
-        width: 100%;
-        border-bottom: 0.5px solid transparent;
-        border-image: linear-gradient(90deg, #ffffff00 0%, rgb(0, 0, 0, 40%), #ffffff00 100%);
-        border-image-slice: 1;
-
-    }
-
-    .ns_navbar_menu_icon {
-        display: block;
-        cursor: pointer;
-    }
-
-    .ns_navbar_elements {
-        position: absolute;
-        right: 0;
-        top: 96px;
-        width: 0px;
-        height: calc(100vh - 60px);
-        transition: all 0.3s ease-in;
-        overflow: hidden;
-        /* background-color: rgb(0 15 53 / 98%) !important; */
-    }
-
-    .ns_navbar_elements.ns_navbar_active {
-        width: 100%;
-        text-align: center;
-    }
-
-    .ns_navbar_elements ul {
-        display: flex;
-        flex-direction: column;
-    }
-
-    .ns_navbar_elements ul li {
-        margin-right: unset;
-        margin-top: 22px;
-    }
-
-    .ns_navbar_elements div {
-        flex-direction: column;
-        align-content: center;
-        background: #141B5CCC;
-        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
-        backdrop-filter: blur(42.150001525878906px);
-        width: 100%;
-        transform: translate3d(0px, 0, 0px) !important;
-        position: relative !important;
-    }
-
-    .ns_navbar_second_level_item {
-        color: #fff !important;
-
-    }
-}
-
-.ns_navbar_parent_content {
-    display: flex;
-    align-items: center;
-    padding-left: 1rem;
-    padding-right: 1rem;
-    margin-left: auto;
-    margin-right: auto;
-}
-
-@media only screen and (min-width: 1024px) {
-
-    .ns_navbar_parent_content {
-        padding-right: 3rem;
-        padding-left: 3rem;
-    }
-
-    .ns_navbar_parent_content img {
-        cursor: pointer;
-    }
-
-    .ns_navbar_parent_content img:hover {
-        opacity: 0.5;
-    }
-
-    .ns_nav_second_item .dropdown-menu {
-        margin-top: -20% !important;
-        margin-left: 100%;
-    }
-}
-
-.ns_navbar_first_level_item a {
-    color: #fff;
-    padding-top: 12px;
-}
-
-.ns_navbar_second_level_item a {
-    color: #000 !important;
-    width: 100%;
-    padding: 10px;
-}
-
-
-
-.ns_navbar_second_level_item {
-    color: #000 !important;
-    width: 100%;
-    padding: 10px;
-}
-
-.ns_navbar_title {
-    color: #fff;
-    font-size: 16px;
-}
-
-.ns_navbar_notification:hover {
-    opacity: 0.5;
-}
-
-.ns_navbar_notification_count {
-    width: 12px;
-    height: 12px;
-    background-color: #fff;
-    border-radius: 50%;
-    font-size: 9px;
-    position: absolute;
-    text-align: center;
-    right: -4px;
-    top: -4px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
+.ns_header {
+    width: 100%;
+}
+
+.ns_navbar {
+    min-height: 96px;
+    /* background-color: #0000004d !important; */
+    position: relative;
+    z-index: 10;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.ns_navbar_content {
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+    gap: 8px;
+}
+
+.ns_navbar_login_status {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.ns_navbar_usersname {
+    color: #fff !important;
+    font-size: 16px;
+    font-weight: 400;
+    margin-right: 8px;
+}
+
+.ns_navbar_menu_icon {
+    display: none;
+}
+
+.ns_navbar_elements ul {
+    display: flex;
+    justify-content: space-between;
+    list-style-type: none;
+}
+
+.ns_navbar_elements ul li:not(:last-child) {
+    margin-right: 60px;
+}
+
+.ns_navbar_elements ul a {
+    font-size: 16px;
+    font-weight: 400;
+    color: #2f234f;
+    text-decoration: none;
+}
+
+.ns_navbar_elements ul a.ns_navbar_active {
+    color: #574c4c;
+    font-weight: 500;
+    position: relative;
+}
+
+.ns_navbar_elements ul a.ns_navbar_active::after {
+    content: "";
+    position: absolute;
+    bottom: -4px;
+    left: 0;
+    width: 100%;
+    height: 2px;
+    background-color: #574c4c;
+}
+
+.ns_header_icon {
+    outline: none;
+    border: none;
+    background: none;
+    padding: 0;
+    position: relative;
+}
+
+.ns_navbar_items_container {
+    margin-right: auto;
+    margin-inline-end: auto;
+    --bs-nav-link-padding-x: 1rem;
+    --bs-nav-link-padding-y: 0.5rem;
+    --bs-nav-link-font-weight: ;
+    --bs-nav-link-color: var(--bs-link-color);
+    --bs-nav-link-hover-color: var(--bs-link-hover-color);
+    --bs-nav-link-disabled-color: var(--bs-secondary-color);
+    display: flex;
+    flex-wrap: wrap;
+    padding-left: 0;
+    margin-bottom: 0;
+    list-style: none;
+}
+
+.ns_navbar_items_link {
+    display: block;
+    padding: 12px 20px 12px 0;
+    font-size: var(--bs-nav-link-font-size);
+    font-weight: var(--bs-nav-link-font-weight);
+    color: var(--bs-nav-link-color);
+    text-decoration: none;
+    background: 0 0;
+    border: 0;
+    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
+}
+
+.ns_navbar_first_level_item {
+    color: #fff;
+}
+
+@media (max-width: 768px) {
+    .ns_navbar_elements ul li:not(:last-child) {
+        margin-right: 30px;
+    }
+}
+
+@media (max-width: 1024px) {
+    .ns_navbar_first_level_item:hover {
+        background-color: #FFFFFF1A;
+    }
+
+    .ns_navbar_items_link {
+        width: 100%;
+        border-bottom: 0.5px solid transparent;
+        border-image: linear-gradient(90deg, #ffffff00 0%, rgb(0, 0, 0, 40%), #ffffff00 100%);
+        border-image-slice: 1;
+
+    }
+
+    .ns_navbar_menu_icon {
+        display: block;
+        cursor: pointer;
+    }
+
+    .ns_navbar_elements {
+        position: absolute;
+        right: 0;
+        top: 96px;
+        width: 0px;
+        height: calc(100vh - 60px);
+        transition: all 0.3s ease-in;
+        overflow: hidden;
+        /* background-color: rgb(0 15 53 / 98%) !important; */
+    }
+
+    .ns_navbar_elements.ns_navbar_active {
+        width: 100%;
+        text-align: center;
+    }
+
+    .ns_navbar_elements ul {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .ns_navbar_elements ul li {
+        margin-right: unset;
+        margin-top: 22px;
+    }
+
+    .ns_navbar_elements div {
+        flex-direction: column;
+        align-content: center;
+        background: #141B5CCC;
+        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
+        backdrop-filter: blur(42.150001525878906px);
+        width: 100%;
+        transform: translate3d(0px, 0, 0px) !important;
+        position: relative !important;
+    }
+
+    .ns_navbar_second_level_item {
+        color: #fff !important;
+
+    }
+}
+
+.ns_navbar_parent_content {
+    display: flex;
+    align-items: center;
+    padding-left: 1rem;
+    padding-right: 1rem;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+@media only screen and (min-width: 1024px) {
+
+    .ns_navbar_parent_content {
+        padding-right: 3rem;
+        padding-left: 3rem;
+    }
+
+    .ns_navbar_parent_content img {
+        cursor: pointer;
+    }
+
+    .ns_navbar_parent_content img:hover {
+        opacity: 0.5;
+    }
+
+    .ns_nav_second_item .dropdown-menu {
+        margin-top: -20% !important;
+        margin-left: 100%;
+    }
+}
+
+.ns_navbar_first_level_item a {
+    color: #fff;
+    padding-top: 12px;
+}
+
+.ns_navbar_second_level_item a {
+    color: #000 !important;
+    width: 100%;
+    padding: 10px;
+}
+
+
+
+.ns_navbar_second_level_item {
+    color: #000 !important;
+    width: 100%;
+    padding: 10px;
+}
+
+.ns_navbar_title {
+    color: #fff;
+    font-size: 16px;
+}
+
+.ns_navbar_notification:hover {
+    opacity: 0.5;
+}
+
+.ns_navbar_notification_count {
+    width: 12px;
+    height: 12px;
+    background-color: #fff;
+    border-radius: 50%;
+    font-size: 9px;
+    position: absolute;
+    text-align: center;
+    right: -4px;
+    top: -4px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
 }

package/dist/components/NSInput.module.css

@@ -0,0 +1,74 @@
+.ns_input_parent {
+	display: flex;
+	flex-direction: column;
+	width: fit-content;
+	color: #141B5C;
+	position: relative;
+	justify-content: center;
+}
+
+.ns_input_parent img {
+	position: absolute;
+	right: 5%;
+	top: 50%;
+}
+
+.ns_input_container {
+	display: flex;
+	align-items: center;
+	position: relative;
+	width: 100%;
+}
+
+.ns_input_icon_container {
+	margin: 0 !important;
+	position: absolute;
+	left: 12px;
+	right: 5%;
+	top: 25%;
+}
+
+.ns_input {
+	border-radius: 8px;
+	padding: 10px 12px 10px 12px;
+	font-size: 16px;
+	font-weight: 400;
+	border: 1px solid rgba(0, 0, 0, 1) !important;
+	height: 48px;
+	width: 100%;
+}
+
+.ns_input li {
+	color: #000 !important
+}
+
+.ns_input_title {
+	font-size: 16px;
+	font-weight: 400;
+}
+
+@media only screen and (min-width: 380px) {
+	.ns_input {
+		max-width: 272px;
+	}
+}
+
+.ns_input_parent img {
+	position: absolute;
+	right: 5%;
+	top: 50%;
+}
+
+/*Start Input Tell*/
+.ns_input_parent input {
+	width: 100% !important;
+	height: 48px !important;
+}
+
+@media only screen and (min-width: 380px) {
+	.ns_input_parent input {
+		width: 206px !important;
+	}
+}
+
+/*End Input Tell*/

package/dist/components/NSInputDate.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+import { IValidationProps } from "../props/IValidationProps";
+export interface INSInputDateProps extends IBaseComponentProps, IValidationProps {
+    title: string;
+    defaultValue?: string;
+    onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+}
+export interface NSInputDateState {
+    value: string;
+    error?: string;
+}
+export declare class NSInputDate extends React.Component<INSInputDateProps, NSInputDateState> {
+    constructor(props: INSInputDateProps);
+    getError(): string | null;
+    getValue(): string;
+    setValue(value: string): void;
+    private onChanged;
+    render(): import("react/jsx-runtime").JSX.Element;
+}

package/dist/components/NSInputDate.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from "react";
+import Styles from "./NSInputDate.module.css";
+import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
+import { Validator } from "../Validator";
+export class NSInputDate extends React.Component {
+    constructor(props) {
+        var _a;
+        super(props);
+        this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "" };
+        this.setValue = this.setValue.bind(this);
+        this.getValue = this.getValue.bind(this);
+        this.onChanged = this.onChanged.bind(this);
+    }
+    getError() {
+        return (Validator.getError(this.props.title, this.state.value, this.props) &&
+            Validator.getErrorDate(this.props.title, this.state.value));
+    }
+    getValue() {
+        let error = this.getError();
+        if (error) {
+            this.setState({ error });
+            throw new Error(error);
+        }
+        return this.state.value;
+    }
+    setValue(value) {
+        this.setState({ value });
+    }
+    onChanged(e) {
+        this.setValue(e.target.value);
+        if (this.props.onChanged)
+            this.props.onChanged(e);
+    }
+    render() {
+        var _a;
+        return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx("input", { id: this.props.id, value: this.state.value, onChange: this.onChanged, type: "date", className: Styles.ns_input, placeholder: this.props.placeholder, onClick: () => { } })] }), _jsx(NSInputErrorNotifier, { error: this.state.error })] }));
+    }
+}
+//# sourceMappingURL=NSInputDate.js.map

package/dist/components/NSInputDate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSInputDate.js","sourceRoot":"","sources":["../../src/components/NSInputDate.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAE9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAgBzC,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAA8C;IAEjF,YAAY,KAAwB;;QAEhC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,EAAE,EAAE,CAAC;QACjD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC;IACD,QAAQ;QAEJ,OAAO,CACH,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC;YAClE,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAC7D,CAAC;IACN,CAAC;IACD,QAAQ;QAEJ,IAAI,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC5B,IAAI,KAAK,EACT;YACI,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YACzB,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC;SAC1B;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACO,SAAS,CAAC,CAAsC;QAEpD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;YACpB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAChC,CAAC;IACQ,MAAM;;QAEX,OAAO,CACH,8BACI,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,IAAI,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,aACnG,gBAAM,SAAS,EAAE,MAAM,CAAC,cAAc,kBAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,kBAAW,OAAG,IAAI,CAAC,KAAK,CAAC,KAAK,SAAS,EACrI,gBACI,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,SAAS,EACxB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,GACpB,IACA,EACN,KAAC,oBAAoB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAI,IAClD,CACN,CAAC;IACN,CAAC;CACJ"}

package/dist/components/NSInputDate.module.css

@@ -0,0 +1,42 @@
+.ns_input_parent {
+	display: flex;
+	flex-direction: column;
+	width: 206px;
+	color: #141B5C;
+	position: relative;
+	max-width: 100%;
+}
+
+.ns_input {
+	border-radius: 8px;
+	padding: 10px 12px;
+	font-size: 16px;
+	font-weight: 400;
+	border: 1px solid rgba(0, 0, 0, 1);
+	position: relative;
+}
+
+.ns_input_icon {
+	position: absolute;
+	right: 20px;
+	top: 51%;
+	z-index: 1;
+}
+
+.ns_input_title {
+	font-size: 16px;
+	font-weight: 400;
+}
+
+.ns_input::-webkit-calendar-picker-indicator {
+	display: block;
+	background: url(../assets/images/icon-input-date.svg) no-repeat;
+	background-position: 90% 35%;
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	top: 3px;
+	left: 4px;
+}
+
+