namirasoft-site-react 1.3.334 → 1.3.336
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/.dockerignore +86 -86
- package/Dockerfile +18 -18
- package/config-overrides.js +70 -70
- package/dist/App.css +17 -0
- package/dist/assets/images/1.png +0 -0
- package/dist/assets/images/2.png +0 -0
- package/dist/assets/images/3.png +0 -0
- package/dist/assets/images/4.png +0 -0
- package/dist/assets/images/404 image.svg +9 -9
- package/dist/assets/images/404 image_mobile.svg +9 -9
- package/dist/assets/images/5.jpg +0 -0
- package/dist/assets/images/arrow.svg +3 -3
- package/dist/assets/images/danger.svg +3 -3
- package/dist/assets/images/exit.svg +3 -3
- package/dist/assets/images/icon-export.svg +3 -0
- package/dist/assets/images/icon-input-copy.svg +3 -3
- package/dist/assets/images/icon-input-date.svg +9 -9
- package/dist/assets/images/icon-input-duration.svg +9 -9
- package/dist/assets/images/icon-input-email.svg +9 -9
- package/dist/assets/images/icon-input-float.svg +9 -9
- package/dist/assets/images/icon-input-id.svg +9 -0
- package/dist/assets/images/icon-input-integer.svg +9 -9
- package/dist/assets/images/icon-input-ip.svg +9 -9
- package/dist/assets/images/icon-input-phone.svg +9 -9
- package/dist/assets/images/icon-input-price.svg +9 -9
- package/dist/assets/images/icon-input-search.svg +3 -3
- package/dist/assets/images/icon-input-string.svg +9 -9
- package/dist/assets/images/icon-input-text.svg +9 -9
- package/dist/assets/images/icon-input-time.svg +9 -9
- package/dist/assets/images/icon-refresh.svg +3 -0
- package/dist/assets/images/icon-select-box.svg +3 -3
- package/dist/assets/images/logo.svg +9 -9
- package/dist/assets/images/menu.svg +3 -3
- package/dist/assets/images/namira.svg +9 -9
- package/dist/assets/images/rectangle.svg +3 -3
- package/dist/components/NSAccess.d.ts +2 -0
- package/dist/components/NSAccess.js +8 -0
- package/dist/components/NSAccess.js.map +1 -0
- package/dist/components/NSAccess.module.css +39 -0
- package/dist/components/NSActionMenu.js +2 -2
- package/dist/components/NSActionMenu.module.css +75 -75
- package/dist/components/NSAssistantButton.module.css +133 -133
- package/dist/components/NSBarAction.module.css +87 -87
- package/dist/components/NSBarHeroBanner.module.css +42 -42
- package/dist/components/NSBarNotification.module.css +34 -34
- package/dist/components/NSBarTitle.module.css +9 -9
- package/dist/components/NSBox.module.css +123 -123
- package/dist/components/NSBoxBoolean.module.css +53 -53
- package/dist/components/NSBoxCombo.module.css +16 -16
- package/dist/components/NSBoxDate.module.css +39 -39
- package/dist/components/NSBoxEntity.module.css +25 -25
- package/dist/components/NSBoxErrorNotifier.module.css +2 -2
- package/dist/components/NSBoxLabel.module.css +12 -12
- package/dist/components/NSBoxOTP.module.css +10 -10
- package/dist/components/NSBoxText.d.ts +25 -0
- package/dist/components/NSBoxText.js +56 -0
- package/dist/components/NSBoxText.js.map +1 -0
- package/dist/components/NSBoxTextArea.module.css +76 -76
- package/dist/components/NSButton.module.css +27 -27
- package/dist/components/NSButtonBlue.module.css +4 -4
- package/dist/components/NSButtonGreen.module.css +4 -4
- package/dist/components/NSButtonRed.module.css +4 -4
- package/dist/components/NSCard.module.css +108 -108
- package/dist/components/NSCopyToClipboard.module.css +39 -39
- package/dist/components/NSElectronicCard.module.css +60 -60
- package/dist/components/NSEntityBar.module.css +77 -77
- package/dist/components/NSEntityCardBackground.module.css +27 -27
- package/dist/components/NSFilterBox.module.css +47 -47
- package/dist/components/NSFilterBoxDialog.module.css +36 -36
- package/dist/components/NSFilterItem.module.css +23 -23
- package/dist/components/NSFooter.module.css +123 -123
- package/dist/components/NSGroupedList.module.css +72 -72
- package/dist/components/NSHeader.module.css +271 -271
- package/dist/components/NSInput.module.css +74 -0
- package/dist/components/NSInputDate.d.ts +21 -0
- package/dist/components/NSInputDate.js +41 -0
- package/dist/components/NSInputDate.js.map +1 -0
- package/dist/components/NSInputDate.module.css +42 -0
- package/dist/components/NSInputDuration.d.ts +23 -0
- package/dist/components/NSInputDuration.js +42 -0
- package/dist/components/NSInputDuration.js.map +1 -0
- package/dist/components/NSInputEmail.d.ts +22 -0
- package/dist/components/NSInputEmail.js +43 -0
- package/dist/components/NSInputEmail.js.map +1 -0
- package/dist/components/NSInputErrorNotifier.d.ts +5 -0
- package/dist/components/NSInputErrorNotifier.js +7 -0
- package/dist/components/NSInputErrorNotifier.js.map +1 -0
- package/dist/components/NSInputErrorNotifier.module.css +3 -0
- package/dist/components/NSInputFloat.d.ts +22 -0
- package/dist/components/NSInputFloat.js +41 -0
- package/dist/components/NSInputFloat.js.map +1 -0
- package/dist/components/NSInputIP.d.ts +22 -0
- package/dist/components/NSInputIP.js +43 -0
- package/dist/components/NSInputIP.js.map +1 -0
- package/dist/components/NSInputInteger.d.ts +22 -0
- package/dist/components/NSInputInteger.js +41 -0
- package/dist/components/NSInputInteger.js.map +1 -0
- package/dist/components/NSInputPassword.d.ts +22 -0
- package/dist/components/NSInputPassword.js +42 -0
- package/dist/components/NSInputPassword.js.map +1 -0
- package/dist/components/NSInputPhone.d.ts +22 -0
- package/dist/components/NSInputPhone.js +38 -0
- package/dist/components/NSInputPhone.js.map +1 -0
- package/dist/components/NSInputPrice.d.ts +22 -0
- package/dist/components/NSInputPrice.js +41 -0
- package/dist/components/NSInputPrice.js.map +1 -0
- package/dist/components/NSInputSearch.d.ts +22 -0
- package/dist/components/NSInputSearch.js +41 -0
- package/dist/components/NSInputSearch.js.map +1 -0
- package/dist/components/NSInputString.d.ts +22 -0
- package/dist/components/NSInputString.js +42 -0
- package/dist/components/NSInputString.js.map +1 -0
- package/dist/components/NSInputText.d.ts +22 -0
- package/dist/components/NSInputText.js +42 -0
- package/dist/components/NSInputText.js.map +1 -0
- package/dist/components/NSInputTime.d.ts +22 -0
- package/dist/components/NSInputTime.js +43 -0
- package/dist/components/NSInputTime.js.map +1 -0
- package/dist/components/NSLayout.module.css +13 -13
- package/dist/components/NSLayoutAction.d.ts +5 -0
- package/dist/components/NSLayoutAction.js +20 -0
- package/dist/components/NSLayoutAction.js.map +1 -0
- package/dist/components/NSLayoutAction.module.css +88 -0
- package/dist/components/NSLayoutHeroBanner.d.ts +2 -0
- package/dist/components/NSLayoutHeroBanner.js +8 -0
- package/dist/components/NSLayoutHeroBanner.js.map +1 -0
- package/dist/components/NSLayoutHeroBanner.module.css +43 -0
- package/dist/components/NSLayoutTitle.d.ts +2 -0
- package/dist/components/NSLayoutTitle.js +11 -0
- package/dist/components/NSLayoutTitle.js.map +1 -0
- package/dist/components/NSLayoutTitle.module.css +10 -0
- package/dist/components/NSLink.module.css +36 -36
- package/dist/components/NSLoading.module.css +29 -29
- package/dist/components/NSModal.js +2 -2
- package/dist/components/NSModal.module.css +70 -70
- package/dist/components/NSNoData.module.css +8 -8
- package/dist/components/NSNotification.d.ts +21 -0
- package/dist/components/NSNotification.js +37 -0
- package/dist/components/NSNotification.js.map +1 -0
- package/dist/components/NSNotification.module.css +32 -0
- package/dist/components/NSPageSelectionModal.module.css +102 -102
- package/dist/components/NSPagination.module.css +101 -101
- package/dist/components/NSPanel.module.css +46 -46
- package/dist/components/NSPrintModal.d.ts +15 -0
- package/dist/components/NSPrintModal.js +35 -0
- package/dist/components/NSPrintModal.js.map +1 -0
- package/dist/components/NSPrintModal.module.css +82 -0
- package/dist/components/NSRadioButton.module.css +61 -61
- package/dist/components/NSSection.module.css +10 -10
- package/dist/components/NSSectionBars.module.css +10 -10
- package/dist/components/NSSectionCards.module.css +38 -38
- package/dist/components/NSSelectBox.d.ts +24 -0
- package/dist/components/NSSelectBox.js +61 -0
- package/dist/components/NSSelectBox.js.map +1 -0
- package/dist/components/NSSelectBox.module.css +42 -0
- package/dist/components/NSTabPage.module.css +57 -57
- package/dist/components/NSTable.js +1 -1
- package/dist/components/NSTable.js.map +1 -1
- package/dist/components/NSTable.module.css +253 -249
- package/dist/components/NSTag.module.css +44 -44
- package/dist/components/NSTitle.module.css +15 -15
- package/dist/components/NSVerification.module.css +22 -22
- package/dist/index.css +6 -0
- package/dist/pages/NSLoginPage.module.css +19 -19
- package/dist/pages/NSNotFoundPage.module.css +18 -18
- package/dist/props/BaseComponentProps.d.ts +6 -0
- package/dist/props/BaseComponentProps.js +2 -0
- package/dist/props/BaseComponentProps.js.map +10 -0
- package/dist/props/INamirasoftProps.d.ts +4 -0
- package/dist/props/INamirasoftProps.js +2 -0
- package/dist/props/INamirasoftProps.js.map +1 -0
- package/dist/props/ImageProps.d.ts +4 -0
- package/dist/props/ImageProps.js +2 -0
- package/dist/props/ImageProps.js.map +10 -0
- package/dist/props/LinkProps.d.ts +5 -0
- package/dist/props/LinkProps.js +2 -0
- package/dist/props/LinkProps.js.map +10 -0
- package/dist/props/ValidationNumberProps.d.ts +4 -0
- package/dist/props/ValidationNumberProps.js +2 -0
- package/dist/props/ValidationNumberProps.js.map +10 -0
- package/dist/props/ValidationProps.d.ts +6 -0
- package/dist/props/ValidationProps.js +2 -0
- package/dist/props/ValidationProps.js.map +10 -0
- package/dist/props/ValidationRegexProps.d.ts +4 -0
- package/dist/props/ValidationRegexProps.js +2 -0
- package/dist/props/ValidationRegexProps.js.map +1 -0
- package/dist/props/ValidationStringProps.d.ts +4 -0
- package/dist/props/ValidationStringProps.js +2 -0
- package/dist/props/ValidationStringProps.js.map +10 -0
- package/package.json +67 -67
- package/public/index.html +38 -38
- package/src/App.css +16 -16
- package/src/App.tsx +166 -166
- package/src/CopyToClipboard.ts +6 -6
- package/src/Validator.ts +110 -110
- package/src/assets/images/404 image.svg +9 -9
- package/src/assets/images/404 image_mobile.svg +9 -9
- package/src/assets/images/arrow.svg +3 -3
- package/src/assets/images/danger.svg +3 -3
- package/src/assets/images/exit.svg +3 -3
- package/src/assets/images/icon-input-copy.svg +3 -3
- package/src/assets/images/icon-input-date.svg +9 -9
- package/src/assets/images/icon-input-duration.svg +9 -9
- package/src/assets/images/icon-input-email.svg +9 -9
- package/src/assets/images/icon-input-float.svg +9 -9
- package/src/assets/images/icon-input-integer.svg +9 -9
- package/src/assets/images/icon-input-ip.svg +9 -9
- package/src/assets/images/icon-input-phone.svg +9 -9
- package/src/assets/images/icon-input-price.svg +9 -9
- package/src/assets/images/icon-input-search.svg +3 -3
- package/src/assets/images/icon-input-string.svg +9 -9
- package/src/assets/images/icon-input-text.svg +9 -9
- package/src/assets/images/icon-input-time.svg +9 -9
- package/src/assets/images/icon-select-box.svg +3 -3
- package/src/assets/images/logo.svg +9 -9
- package/src/assets/images/menu.svg +3 -3
- package/src/assets/images/namira.svg +9 -9
- package/src/assets/images/rectangle.svg +3 -3
- package/src/components/NSActionMenu.module.css +75 -75
- package/src/components/NSActionMenu.tsx +88 -88
- package/src/components/NSAssistantButton.module.css +133 -133
- package/src/components/NSAssistantButton.tsx +74 -74
- package/src/components/NSBarAction.module.css +87 -87
- package/src/components/NSBarAction.tsx +86 -86
- package/src/components/NSBarHeroBanner.module.css +42 -42
- package/src/components/NSBarHeroBanner.tsx +61 -61
- package/src/components/NSBarNotification.module.css +34 -34
- package/src/components/NSBarNotification.tsx +63 -63
- package/src/components/NSBarTitle.module.css +9 -9
- package/src/components/NSBarTitle.tsx +28 -28
- package/src/components/NSBox.module.css +123 -123
- package/src/components/NSBoxBoolean.module.css +53 -53
- package/src/components/NSBoxBoolean.tsx +84 -84
- package/src/components/NSBoxCombo.module.css +16 -16
- package/src/components/NSBoxCombo.tsx +131 -131
- package/src/components/NSBoxDate.module.css +39 -39
- package/src/components/NSBoxDate.tsx +83 -83
- package/src/components/NSBoxDateTime.tsx +83 -83
- package/src/components/NSBoxDouble.tsx +88 -88
- package/src/components/NSBoxDuration.tsx +88 -88
- package/src/components/NSBoxEmail.tsx +104 -104
- package/src/components/NSBoxEntity.module.css +25 -25
- package/src/components/NSBoxEntity.tsx +134 -134
- package/src/components/NSBoxEnum.tsx +56 -56
- package/src/components/NSBoxErrorNotifier.module.css +2 -2
- package/src/components/NSBoxErrorNotifier.tsx +33 -33
- package/src/components/NSBoxIPV4.tsx +93 -93
- package/src/components/NSBoxIPV6.tsx +90 -90
- package/src/components/NSBoxInteger.tsx +86 -86
- package/src/components/NSBoxLabel.module.css +12 -12
- package/src/components/NSBoxLabel.tsx +29 -29
- package/src/components/NSBoxOTP.module.css +10 -10
- package/src/components/NSBoxOTP.tsx +65 -65
- package/src/components/NSBoxPassword.tsx +86 -86
- package/src/components/NSBoxPhone.tsx +88 -88
- package/src/components/NSBoxPrice.tsx +88 -88
- package/src/components/NSBoxSearch.tsx +103 -103
- package/src/components/NSBoxString.tsx +103 -103
- package/src/components/NSBoxTextArea.module.css +76 -76
- package/src/components/NSBoxTextArea.tsx +106 -106
- package/src/components/NSBoxTime.tsx +88 -88
- package/src/components/NSButton.module.css +27 -27
- package/src/components/NSButton.tsx +23 -23
- package/src/components/NSButtonBlue.module.css +4 -4
- package/src/components/NSButtonBlue.tsx +12 -12
- package/src/components/NSButtonGreen.module.css +4 -4
- package/src/components/NSButtonGreen.tsx +11 -11
- package/src/components/NSButtonRed.module.css +4 -4
- package/src/components/NSButtonRed.tsx +11 -11
- package/src/components/NSCard.module.css +108 -108
- package/src/components/NSCard.tsx +70 -70
- package/src/components/NSCopyToClipboard.module.css +39 -39
- package/src/components/NSCopyToClipboard.tsx +35 -35
- package/src/components/NSElectronicCard.module.css +60 -60
- package/src/components/NSElectronicCard.tsx +47 -47
- package/src/components/NSEntityBar.module.css +77 -77
- package/src/components/NSEntityBar.tsx +27 -27
- package/src/components/NSEntityCardBackground.module.css +27 -27
- package/src/components/NSEntityCardBackground.tsx +34 -34
- package/src/components/NSFilterBox.module.css +47 -47
- package/src/components/NSFilterBox.tsx +374 -374
- package/src/components/NSFilterBoxDialog.module.css +36 -36
- package/src/components/NSFilterBoxDialog.tsx +74 -74
- package/src/components/NSFilterItem.module.css +23 -23
- package/src/components/NSFilterItem.tsx +72 -72
- package/src/components/NSFooter.module.css +123 -123
- package/src/components/NSFooter.tsx +153 -153
- package/src/components/NSGroupedList.module.css +72 -72
- package/src/components/NSGroupedList.tsx +107 -107
- package/src/components/NSHeader.module.css +271 -271
- package/src/components/NSHeader.tsx +191 -191
- package/src/components/NSLayout.module.css +13 -13
- package/src/components/NSLayout.tsx +75 -75
- package/src/components/NSLine.tsx +18 -18
- package/src/components/NSLink.module.css +36 -36
- package/src/components/NSLink.tsx +25 -25
- package/src/components/NSLinkBlue.tsx +20 -20
- package/src/components/NSLinkGreen.tsx +5 -5
- package/src/components/NSLinkRed.tsx +5 -5
- package/src/components/NSLoading.module.css +29 -29
- package/src/components/NSLoading.tsx +19 -19
- package/src/components/NSModal.module.css +70 -70
- package/src/components/NSModal.tsx +49 -49
- package/src/components/NSNoData.module.css +8 -8
- package/src/components/NSNoData.tsx +24 -24
- package/src/components/NSPageSelectionModal.module.css +102 -102
- package/src/components/NSPageSelectionModal.tsx +228 -228
- package/src/components/NSPagination.module.css +101 -101
- package/src/components/NSPagination.tsx +191 -191
- package/src/components/NSPanel.module.css +46 -46
- package/src/components/NSPanel.tsx +19 -19
- package/src/components/NSRadioButton.module.css +61 -61
- package/src/components/NSRadioButton.tsx +100 -100
- package/src/components/NSSection.module.css +10 -10
- package/src/components/NSSection.tsx +23 -23
- package/src/components/NSSectionBars.module.css +10 -10
- package/src/components/NSSectionBars.tsx +25 -25
- package/src/components/NSSectionCards.module.css +38 -38
- package/src/components/NSSectionCards.tsx +51 -51
- package/src/components/NSSectionTitle.tsx +21 -21
- package/src/components/NSSpace.tsx +28 -28
- package/src/components/NSTabPage.module.css +57 -57
- package/src/components/NSTabPage.tsx +46 -46
- package/src/components/NSTable.module.css +253 -249
- package/src/components/NSTable.tsx +358 -358
- package/src/components/NSTag.module.css +44 -44
- package/src/components/NSTag.tsx +49 -49
- package/src/components/NSTitle.module.css +15 -15
- package/src/components/NSTitle.tsx +19 -19
- package/src/components/NSVerification.module.css +22 -22
- package/src/components/NSVerification.tsx +41 -41
- package/src/index.tsx +7 -7
- package/src/main.ts +79 -79
- package/src/pages/NSLoginPage.module.css +19 -19
- package/src/pages/NSLoginPage.tsx +30 -30
- package/src/pages/NSNotFoundPage.module.css +18 -18
- package/src/pages/NSNotFoundPage.tsx +11 -11
- package/src/props/IBaseComponentProps.ts +8 -8
- package/src/props/IHeaderIconProps.ts +9 -9
- package/src/props/IHeaderProps.ts +6 -6
- package/src/props/IImageProps.ts +4 -4
- package/src/props/ILinkProps.ts +5 -5
- package/src/props/IValidationNumberProps.ts +4 -4
- package/src/props/IValidationProps.ts +7 -7
- package/src/props/IValidationRegexProps.ts +4 -4
- package/src/props/IValidationStringProps.ts +4 -4
- package/src/routing/INSRouterMaker.ts +6 -6
- package/src/routing/INSRouterProps.ts +5 -5
- package/src/routing/INSRouterState.ts +5 -5
- package/src/routing/NSRouterMaker.tsx +33 -33
- package/src/routing/Notifier.ts +79 -79
- package/tsconfig.json +43 -43
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import Styles from "./NSInput.module.css";
|
|
5
|
+
import IconInputPrice from '../assets/images/icon-input-price.svg';
|
|
6
|
+
import { Validator } from "../Validator";
|
|
7
|
+
import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
|
|
8
|
+
export class NSInputPrice extends React.Component {
|
|
9
|
+
constructor(props) {
|
|
10
|
+
super(props);
|
|
11
|
+
this.state = { value: props.defaultValue };
|
|
12
|
+
this.getValue = this.getValue.bind(this);
|
|
13
|
+
this.setValue = this.setValue.bind(this);
|
|
14
|
+
this.onChanged = this.onChanged.bind(this);
|
|
15
|
+
}
|
|
16
|
+
getError() {
|
|
17
|
+
return (Validator.getError(this.props.title, this.state.value, this.props) &&
|
|
18
|
+
Validator.getErrorNumber(this.props.title, this.state.value, this.props));
|
|
19
|
+
}
|
|
20
|
+
getValue() {
|
|
21
|
+
let error = this.getError();
|
|
22
|
+
if (error) {
|
|
23
|
+
this.setState({ error });
|
|
24
|
+
throw new Error(error);
|
|
25
|
+
}
|
|
26
|
+
return this.state.value;
|
|
27
|
+
}
|
|
28
|
+
setValue(value) {
|
|
29
|
+
this.setState({ value });
|
|
30
|
+
}
|
|
31
|
+
onChanged(e) {
|
|
32
|
+
this.setValue(parseInt(e.target.value));
|
|
33
|
+
if (this.props.onChanged)
|
|
34
|
+
this.props.onChanged(e);
|
|
35
|
+
}
|
|
36
|
+
render() {
|
|
37
|
+
var _a;
|
|
38
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} p-2 ${(_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("img", { className: Styles.ns_input_icon, src: IconInputPrice, alt: "Price Icon", width: 24, height: 24 }), _jsx("input", { id: this.props.id, value: this.state.value, onChange: this.onChanged, type: "number", step: "20", className: Styles.ns_input, placeholder: this.props.placeholder })] }), _jsx(NSInputErrorNotifier, { error: this.state.error })] }));
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
//# sourceMappingURL=NSInputPrice.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSInputPrice.js","sourceRoot":"","sources":["../../src/components/NSInputPrice.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,cAAc,MAAM,uCAAuC,CAAC;AAInE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAgB9D,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,SAAgD;IAEpF,YAAY,KAAyB;QAEjC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;QAC3C,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,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAC3E,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,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QACxC,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,QAAQ,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,aACvG,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,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,cAAc,EACnB,GAAG,EAAC,YAAY,EAChB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,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,QAAQ,EACb,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,GACrC,IACA,EACN,KAAC,oBAAoB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAI,IAClD,CACN,CAAC;IACN,CAAC;CACJ"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
3
|
+
import { IValidationProps } from "../props/IValidationProps";
|
|
4
|
+
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
5
|
+
export interface INSInputSearchProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
|
|
6
|
+
title: string;
|
|
7
|
+
defaultValue?: string;
|
|
8
|
+
onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
}
|
|
11
|
+
export interface NSInputSearchState {
|
|
12
|
+
value: string;
|
|
13
|
+
error?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare class NSInputSearch extends React.Component<INSInputSearchProps, NSInputSearchState> {
|
|
16
|
+
constructor(props: INSInputSearchProps);
|
|
17
|
+
getError(): string | null;
|
|
18
|
+
getValue(): string;
|
|
19
|
+
setValue(value: string): void;
|
|
20
|
+
private onChanged;
|
|
21
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import Styles from "./NSInput.module.css";
|
|
5
|
+
import { Validator } from "../Validator";
|
|
6
|
+
import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
|
|
7
|
+
export class NSInputSearch extends React.Component {
|
|
8
|
+
constructor(props) {
|
|
9
|
+
var _a;
|
|
10
|
+
super(props);
|
|
11
|
+
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "" };
|
|
12
|
+
this.getValue = this.getValue.bind(this);
|
|
13
|
+
this.setValue = this.setValue.bind(this);
|
|
14
|
+
this.onChanged = this.onChanged.bind(this);
|
|
15
|
+
}
|
|
16
|
+
getError() {
|
|
17
|
+
return (Validator.getError(this.props.title, this.state.value, this.props) &&
|
|
18
|
+
Validator.getErrorString(this.props.title, this.state.value, this.props));
|
|
19
|
+
}
|
|
20
|
+
getValue() {
|
|
21
|
+
let error = this.getError();
|
|
22
|
+
if (error) {
|
|
23
|
+
this.setState({ error });
|
|
24
|
+
throw new Error(error);
|
|
25
|
+
}
|
|
26
|
+
return this.state.value;
|
|
27
|
+
}
|
|
28
|
+
setValue(value) {
|
|
29
|
+
this.setState({ value });
|
|
30
|
+
}
|
|
31
|
+
onChanged(e) {
|
|
32
|
+
this.setValue(e.target.value);
|
|
33
|
+
if (this.props.onChanged)
|
|
34
|
+
this.props.onChanged(e);
|
|
35
|
+
}
|
|
36
|
+
render() {
|
|
37
|
+
var _a;
|
|
38
|
+
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, " "] }), _jsxs("div", { className: Styles.ns_input_container, children: [_jsx("figure", { className: Styles.ns_input_icon_container, children: _jsx("img", { src: "https://static.namirasoft.com/image/concept/magnifier/blue.svg", alt: "input-icon", width: 24, height: 24 }) }), _jsx("input", { id: this.props.id, value: this.state.value, onChange: this.onChanged, type: "text", className: Styles.ns_input, placeholder: this.props.placeholder })] })] }), _jsx(NSInputErrorNotifier, { error: this.state.error })] }));
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
//# sourceMappingURL=NSInputSearch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSInputSearch.js","sourceRoot":"","sources":["../../src/components/NSInputSearch.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
3
|
+
import { IValidationProps } from "../props/IValidationProps";
|
|
4
|
+
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
5
|
+
export interface INSInputStringProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
|
|
6
|
+
title: string;
|
|
7
|
+
defaultValue?: string;
|
|
8
|
+
onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
}
|
|
11
|
+
export interface NSInputStringState {
|
|
12
|
+
value: string;
|
|
13
|
+
error?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare class NSInputString extends React.Component<INSInputStringProps, NSInputStringState> {
|
|
16
|
+
constructor(props: INSInputStringProps);
|
|
17
|
+
getError(): string | null;
|
|
18
|
+
getValue(): string;
|
|
19
|
+
setValue(value: string): void;
|
|
20
|
+
private onChanged;
|
|
21
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import Styles from "./NSInput.module.css";
|
|
5
|
+
import IconInputString from '../assets/images/icon-input-string.svg';
|
|
6
|
+
import { Validator } from "../Validator";
|
|
7
|
+
import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
|
|
8
|
+
export class NSInputString extends React.Component {
|
|
9
|
+
constructor(props) {
|
|
10
|
+
var _a;
|
|
11
|
+
super(props);
|
|
12
|
+
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "" };
|
|
13
|
+
this.getValue = this.getValue.bind(this);
|
|
14
|
+
this.setValue = this.setValue.bind(this);
|
|
15
|
+
this.onChanged = this.onChanged.bind(this);
|
|
16
|
+
}
|
|
17
|
+
getError() {
|
|
18
|
+
return (Validator.getError(this.props.title, this.state.value, this.props) &&
|
|
19
|
+
Validator.getErrorString(this.props.title, this.state.value, this.props));
|
|
20
|
+
}
|
|
21
|
+
getValue() {
|
|
22
|
+
let error = this.getError();
|
|
23
|
+
if (error) {
|
|
24
|
+
this.setState({ error });
|
|
25
|
+
throw new Error(error);
|
|
26
|
+
}
|
|
27
|
+
return this.state.value;
|
|
28
|
+
}
|
|
29
|
+
setValue(value) {
|
|
30
|
+
this.setState({ value });
|
|
31
|
+
}
|
|
32
|
+
onChanged(e) {
|
|
33
|
+
this.setValue(e.target.value);
|
|
34
|
+
if (this.props.onChanged)
|
|
35
|
+
this.props.onChanged(e);
|
|
36
|
+
}
|
|
37
|
+
render() {
|
|
38
|
+
var _a;
|
|
39
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} p-2 ${(_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("img", { className: Styles.ns_input_icon, src: IconInputString, alt: "String Icon", width: 24, height: 24 }), _jsx("input", { id: this.props.id, value: this.state.value, onChange: this.onChanged, type: "text", className: Styles.ns_input, placeholder: this.props.placeholder })] }), _jsx(NSInputErrorNotifier, { error: this.state.error })] }));
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
//# sourceMappingURL=NSInputString.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSInputString.js","sourceRoot":"","sources":["../../src/components/NSInputString.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
3
|
+
import { IValidationProps } from "../props/IValidationProps";
|
|
4
|
+
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
5
|
+
export interface INSInputTextProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
|
|
6
|
+
title: string;
|
|
7
|
+
defaultValue?: string;
|
|
8
|
+
onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
}
|
|
11
|
+
export interface NSInputTextState {
|
|
12
|
+
value: string;
|
|
13
|
+
error?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare class NSInputText extends React.Component<INSInputTextProps, NSInputTextState> {
|
|
16
|
+
constructor(props: INSInputTextProps);
|
|
17
|
+
getError(): string | null;
|
|
18
|
+
getValue(): string;
|
|
19
|
+
setValue(value: string): void;
|
|
20
|
+
private onChanged;
|
|
21
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import Styles from "./NSInput.module.css";
|
|
5
|
+
import IconInputText from '../assets/images/icon-input-text.svg';
|
|
6
|
+
import { Validator } from "../Validator";
|
|
7
|
+
import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
|
|
8
|
+
export class NSInputText extends React.Component {
|
|
9
|
+
constructor(props) {
|
|
10
|
+
var _a;
|
|
11
|
+
super(props);
|
|
12
|
+
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "" };
|
|
13
|
+
this.getValue = this.getValue.bind(this);
|
|
14
|
+
this.setValue = this.setValue.bind(this);
|
|
15
|
+
this.onChanged = this.onChanged.bind(this);
|
|
16
|
+
}
|
|
17
|
+
getError() {
|
|
18
|
+
return (Validator.getError(this.props.title, this.state.value, this.props) &&
|
|
19
|
+
Validator.getErrorString(this.props.title, this.state.value, this.props));
|
|
20
|
+
}
|
|
21
|
+
getValue() {
|
|
22
|
+
let error = this.getError();
|
|
23
|
+
if (error) {
|
|
24
|
+
this.setState({ error });
|
|
25
|
+
throw new Error(error);
|
|
26
|
+
}
|
|
27
|
+
return this.state.value;
|
|
28
|
+
}
|
|
29
|
+
setValue(value) {
|
|
30
|
+
this.setState({ value });
|
|
31
|
+
}
|
|
32
|
+
onChanged(e) {
|
|
33
|
+
this.setValue(e.target.value);
|
|
34
|
+
if (this.props.onChanged)
|
|
35
|
+
this.props.onChanged(e);
|
|
36
|
+
}
|
|
37
|
+
render() {
|
|
38
|
+
var _a;
|
|
39
|
+
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("img", { className: Styles.ns_input_icon, src: IconInputText, alt: "Text Icon", width: 24, height: 24 }), _jsx("input", { id: this.props.id, value: this.state.value, onChange: this.onChanged, type: "text", className: Styles.ns_input, placeholder: this.props.placeholder })] }), _jsx(NSInputErrorNotifier, { error: this.state.error })] }));
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
//# sourceMappingURL=NSInputText.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSInputText.js","sourceRoot":"","sources":["../../src/components/NSInputText.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
3
|
+
import { IValidationProps } from "../props/IValidationProps";
|
|
4
|
+
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
5
|
+
export interface INSInputTimeProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
|
|
6
|
+
title: string;
|
|
7
|
+
defaultValue?: string;
|
|
8
|
+
onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
}
|
|
11
|
+
export interface NSInputTimeState {
|
|
12
|
+
value: string;
|
|
13
|
+
error?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare class NSInputTime extends React.Component<INSInputTimeProps, NSInputTimeState> {
|
|
16
|
+
constructor(props: INSInputTimeProps);
|
|
17
|
+
getError(): string | null;
|
|
18
|
+
getValue(): string;
|
|
19
|
+
setValue(value: string): void;
|
|
20
|
+
private onChanged;
|
|
21
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import Styles from "./NSInput.module.css";
|
|
5
|
+
import IconInputTime from '../assets/images/icon-input-time.svg';
|
|
6
|
+
import { Validator } from "../Validator";
|
|
7
|
+
import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
|
|
8
|
+
export class NSInputTime extends React.Component {
|
|
9
|
+
constructor(props) {
|
|
10
|
+
var _a;
|
|
11
|
+
super(props);
|
|
12
|
+
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "" };
|
|
13
|
+
this.getValue = this.getValue.bind(this);
|
|
14
|
+
this.setValue = this.setValue.bind(this);
|
|
15
|
+
this.onChanged = this.onChanged.bind(this);
|
|
16
|
+
}
|
|
17
|
+
getError() {
|
|
18
|
+
return (Validator.getError(this.props.title, this.state.value, this.props) &&
|
|
19
|
+
Validator.getErrorString(this.props.title, this.state.value, this.props) &&
|
|
20
|
+
Validator.getErrorTime(this.props.title, this.state.value));
|
|
21
|
+
}
|
|
22
|
+
getValue() {
|
|
23
|
+
let error = this.getError();
|
|
24
|
+
if (error) {
|
|
25
|
+
this.setState({ error });
|
|
26
|
+
throw new Error(error);
|
|
27
|
+
}
|
|
28
|
+
return this.state.value;
|
|
29
|
+
}
|
|
30
|
+
setValue(value) {
|
|
31
|
+
this.setState({ value });
|
|
32
|
+
}
|
|
33
|
+
onChanged(e) {
|
|
34
|
+
this.setValue(e.target.value);
|
|
35
|
+
if (this.props.onChanged)
|
|
36
|
+
this.props.onChanged(e);
|
|
37
|
+
}
|
|
38
|
+
render() {
|
|
39
|
+
var _a;
|
|
40
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} p-2 ${(_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("img", { className: Styles.ns_input_icon, src: IconInputTime, alt: "Time Icon", width: 24, height: 24 }), _jsx("input", { id: this.props.id, value: this.state.value, onChange: this.onChanged, type: "time", className: Styles.ns_input, placeholder: this.props.placeholder, step: "2" })] }), _jsx(NSInputErrorNotifier, { error: this.state.error })] }));
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
//# sourceMappingURL=NSInputTime.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSInputTime.js","sourceRoot":"","sources":["../../src/components/NSInputTime.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
.ns_container {
|
|
2
|
-
display: flex;
|
|
3
|
-
flex-direction: column;
|
|
4
|
-
justify-content: center;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
.ns_layout_main {
|
|
8
|
-
display: flex;
|
|
9
|
-
flex-direction: column;
|
|
10
|
-
color: #fff;
|
|
11
|
-
background-attachment: fixed;
|
|
12
|
-
background-repeat: no-repeat;
|
|
13
|
-
background-size: cover;
|
|
1
|
+
.ns_container {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
justify-content: center;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.ns_layout_main {
|
|
8
|
+
display: flex;
|
|
9
|
+
flex-direction: column;
|
|
10
|
+
color: #fff;
|
|
11
|
+
background-attachment: fixed;
|
|
12
|
+
background-repeat: no-repeat;
|
|
13
|
+
background-size: cover;
|
|
14
14
|
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import React, { useState } from 'react';
|
|
3
|
+
import { NSSpace, NSSpaceSizeType } from './NSSpace';
|
|
4
|
+
import Styles from './NSLayoutAction.module.css';
|
|
5
|
+
import { NSActionMenu } from './NSActionMenu';
|
|
6
|
+
import { NSModal } from './NSModal';
|
|
7
|
+
export function NSLayoutAction(props) {
|
|
8
|
+
var _a;
|
|
9
|
+
let lines = ((_a = props.description) !== null && _a !== void 0 ? _a : "").split(/(\n|\\n|<br>|<br\s*\/>)/gm);
|
|
10
|
+
const [state, setState] = useState({
|
|
11
|
+
show: false
|
|
12
|
+
});
|
|
13
|
+
const filtered_actions = props.menus.filter((action) => action.group);
|
|
14
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: Styles.ns_action_bar_holder, children: [_jsxs("div", { className: `d-none d-lg-flex ${Styles.ns_desktop_action_bar_title}`, children: [_jsx("h1", { className: Styles.title, children: props.title }), props.description !== "" &&
|
|
15
|
+
_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 " })] }), _jsx(NSModal, { show: state.show, description: props.description, title: props.title, onClose: () => setState({ show: false }) })] }), _jsx("div", { style: { padding: props.menus.length !== 0 ? "16px 0" : "0" }, className: Styles.ns_actions_holder, children: filtered_actions.map((action) => _jsx(NSActionMenu, { group: action.group, items: action.items }, action.id)) })] }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsxs("div", { className: `container d-block d-lg-none ${Styles.ns_mobile_action_bar_title}`, children: [_jsx("h1", { className: Styles.title, children: props.title }), props.description && lines &&
|
|
16
|
+
_jsxs(_Fragment, { children: [_jsx("p", { className: Styles.description, children: lines.map((line, index) => {
|
|
17
|
+
return (_jsxs(React.Fragment, { children: [line.trim(), index !== lines.length - 1 && _jsx("br", {})] }, index));
|
|
18
|
+
}) }), _jsx(NSSpace, { size: NSSpaceSizeType.MINI })] })] })] }));
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=NSLayoutAction.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSLayoutAction.js","sourceRoot":"","sources":["../../src/components/NSLayoutAction.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,6BAA6B,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAQpC,MAAM,UAAU,cAAc,CAAC,KAA2B;;IAEzD,IAAI,KAAK,GAAG,CAAC,MAAA,KAAK,CAAC,WAAW,mCAAI,EAAE,CAAC,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAC;IACzE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAsB;QACvD,IAAI,EAAE,KAAK;KACX,CAAC,CAAA;IAEF,MAAM,gBAAgB,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAErE,OAAO,CACN,8BACC,eAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,aAE1C,eAAK,SAAS,EAAE,oBAAoB,MAAM,CAAC,2BAA2B,EAAE,aACvE,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,CAAC,KAAK,GAAM,EAE9C,KAAK,CAAC,WAAW,KAAK,EAAE;gCACxB,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,EAEV,KAAC,OAAO,IACP,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,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,GACvC,IACG,EACN,cACC,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,EAC7D,SAAS,EAAE,MAAM,CAAC,iBAAiB,YAElC,gBAAgB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAChC,KAAC,YAAY,IAEZ,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,MAAM,CAAC,KAAK,IAFd,MAAM,CAAC,EAAE,CAGb,CACF,GACI,IACD,EACN,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,KAAK,GAAI,EAExC,eAAK,SAAS,EAAE,+BAA+B,MAAM,CAAC,0BAA0B,EAAE,aACjF,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,CAAC,KAAK,GAAM,EAE9C,KAAK,CAAC,WAAW,IAAI,KAAK;wBAC1B,8BACC,YAAG,SAAS,EAAE,MAAM,CAAC,WAAW,YAE9B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;wCAEzB,OAAO,CACN,MAAC,KAAK,CAAC,QAAQ,eACb,IAAI,CAAC,IAAI,EAAE,EACX,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,cAAM,KAFjB,KAAK,CAGT,CACjB,CAAA;oCACF,CAAC,CAAC,GAEA,EACJ,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,IAAI,GAAI,IACrC,IAEC,IACJ,CACH,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
.title {
|
|
2
|
+
text-align: center;
|
|
3
|
+
color: rgba(20, 27, 92, 1);
|
|
4
|
+
white-space: nowrap;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.description {
|
|
8
|
+
text-align: center;
|
|
9
|
+
color: rgba(20, 27, 92, 1);
|
|
10
|
+
margin: 0px;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.ns_action_bar_holder {
|
|
14
|
+
z-index: 1;
|
|
15
|
+
padding: 16px;
|
|
16
|
+
position: sticky;
|
|
17
|
+
top: 0;
|
|
18
|
+
background-color: #fff;
|
|
19
|
+
width: 100%;
|
|
20
|
+
height: 100%;
|
|
21
|
+
display: flex;
|
|
22
|
+
flex-direction: row;
|
|
23
|
+
flex-wrap: wrap;
|
|
24
|
+
justify-content: center;
|
|
25
|
+
align-items: center;
|
|
26
|
+
box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
|
|
27
|
+
-webkit-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
|
|
28
|
+
-moz-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.ns_actions_holder {
|
|
32
|
+
display: flex;
|
|
33
|
+
align-items: center;
|
|
34
|
+
justify-content: center;
|
|
35
|
+
flex-direction: row;
|
|
36
|
+
flex-wrap: wrap;
|
|
37
|
+
gap: 16px;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.ns_info_container {
|
|
41
|
+
border: none;
|
|
42
|
+
outline: none;
|
|
43
|
+
background: none;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.ns_layout_description_holder {
|
|
47
|
+
display: flex;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.ns_hide {
|
|
51
|
+
display: none;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.ns_show {
|
|
55
|
+
display: flex;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.ns_desktop_action_bar_title {
|
|
59
|
+
display: none;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.ns_mobile_action_bar_title {
|
|
63
|
+
display: block;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
@media only screen and (min-width: 992px) {
|
|
67
|
+
.ns_action_bar_holder {
|
|
68
|
+
justify-content: space-between;
|
|
69
|
+
min-height: 80px;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.ns_desktop_action_bar_title {
|
|
73
|
+
display: flex;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
.ns_mobile_action_bar_title {
|
|
77
|
+
display: none;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.ns_info_container {
|
|
81
|
+
margin: 0;
|
|
82
|
+
display: flex;
|
|
83
|
+
align-items: center;
|
|
84
|
+
justify-content: flex-start;
|
|
85
|
+
gap: 4px;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import Styles from './NSLayoutHeroBanner.module.css';
|
|
4
|
+
import { Link } from 'react-router-dom';
|
|
5
|
+
export function NSLayoutHeroBanner(props) {
|
|
6
|
+
return (_jsx("div", { className: Styles.hero_holder, children: _jsx("section", { className: Styles.hero_wraper, children: _jsx("div", { className: "container mx-auto px-4 lg:px-12", children: _jsxs("div", { className: "flex flex-wrap lg:flex-nowrap justify-center lg:justify-between", children: [_jsxs("article", { className: `mb-6 lg:mb-0 lg:mb-12lg:pe-12 ${Styles.hero_text_container}`, children: [_jsx("h1", { className: "ns-font-32-bold ns_font_lg_40_bold mb-6", children: props.title }), _jsx("p", { className: "ns-font-16-normal lg:mb-4", children: props.description }), _jsx("p", { className: "ns-font-16-normal", children: props.description_last }), _jsxs("div", { className: "hidden lg:block mt-6", children: [_jsx(Link, { to: "#", style: { width: "100%", marginBottom: "24px" }, children: "Contact US" }), _jsx(Link, { to: "#", style: { width: "100%" }, children: "Book a Meeting With Us" })] })] }), _jsx("div", { style: { backgroundImage: `url(${props.banner})` }, className: `hidden lg:block lg:w-full xl:w-1/2 ${Styles.hero_image_bg}`, children: _jsx("div", { className: Styles.ns_hero_vector_bg }) }), _jsx("div", { className: `block lg:hidden ${Styles.hero_img_container}`, children: _jsx("img", { src: props.banner, alt: "" }) }), _jsxs("div", { className: "w-full mt-6 block lg:hidden", children: [_jsx(Link, { to: "#", style: { width: "100%", marginBottom: "24px" }, children: "Contact US" }), _jsx(Link, { to: "#", style: { width: "100%" }, children: "Book a Meeting With Us" })] })] }) }) }) }));
|
|
7
|
+
}
|
|
8
|
+
//# sourceMappingURL=NSLayoutHeroBanner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSLayoutHeroBanner.js","sourceRoot":"","sources":["../../src/components/NSLayoutHeroBanner.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,MAAM,MAAM,iCAAiC,CAAA;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,MAAM,UAAU,kBAAkB,CAAC,KAA+B;IAEjE,OAAO,CACN,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YACjC,kBAAS,SAAS,EAAE,MAAM,CAAC,WAAW,YACrC,cAAK,SAAS,EAAC,iCAAiC,YAC/C,eAAK,SAAS,EAAC,iEAAiE,aAC/E,mBAAS,SAAS,EAAE,iCAAiC,MAAM,CAAC,mBAAmB,EAAE,aAChF,aAAI,SAAS,EAAC,0CAA0C,YACtD,KAAK,CAAC,KAAK,GACR,EACL,YAAG,SAAS,EAAC,4BAA4B,YACvC,KAAK,CAAC,WAAW,GACf,EACJ,YAAG,SAAS,EAAC,mBAAmB,YAC9B,KAAK,CAAC,gBAAgB,GACpB,EACJ,eAAK,SAAS,EAAC,sBAAsB,aACpC,KAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,2BAEpD,EACP,KAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,uCAE9B,IACF,IACG,EACV,cAAK,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,KAAK,CAAC,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,sCAAsC,MAAM,CAAC,aAAa,EAAE,YAC/H,cAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,GAAQ,GAC3C,EACN,cAAK,SAAS,EAAE,mBAAmB,MAAM,CAAC,kBAAkB,EAAE,YAC7D,cACC,GAAG,EAAE,KAAK,CAAC,MAAM,EACjB,GAAG,EAAC,EAAE,GACL,GACG,EACN,eAAK,SAAS,EAAC,6BAA6B,aAC3C,KAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,2BAEpD,EACP,KAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,uCAE9B,IACF,IACD,GACD,GACG,GACL,CACN,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
.hero_holder {
|
|
2
|
+
background-color: #001664;
|
|
3
|
+
position: relative;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.hero_wraper {
|
|
7
|
+
padding-bottom: 24px;
|
|
8
|
+
padding-top: 24px;
|
|
9
|
+
display: flex;
|
|
10
|
+
justify-content: center;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.hero_text_container {
|
|
14
|
+
display: flex;
|
|
15
|
+
flex-direction: column;
|
|
16
|
+
justify-content: flex-start;
|
|
17
|
+
align-items: flex-start;
|
|
18
|
+
color: #fff;
|
|
19
|
+
z-index: 9;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.hero_image_bg {
|
|
23
|
+
background-position: center;
|
|
24
|
+
background-repeat: no-repeat;
|
|
25
|
+
background-size: cover;
|
|
26
|
+
border-radius: 24px;
|
|
27
|
+
overflow: hidden;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
@media only screen and (min-width: 1024px) {
|
|
31
|
+
.ns_hero_vector_bg {
|
|
32
|
+
position: absolute;
|
|
33
|
+
width: 100%;
|
|
34
|
+
top: 0;
|
|
35
|
+
left: 0;
|
|
36
|
+
right: 0;
|
|
37
|
+
bottom: 0;
|
|
38
|
+
z-index: 2;
|
|
39
|
+
background-position: right bottom;
|
|
40
|
+
background-size: auto;
|
|
41
|
+
background-repeat: no-repeat;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import Styles from './NSLayoutTitle.module.css';
|
|
3
|
+
export function NSLayoutTitle(props) {
|
|
4
|
+
var _a;
|
|
5
|
+
let lines = ((_a = props.description) !== null && _a !== void 0 ? _a : "").split(/(\n|\\n|<br>|<br\s*\/>)/gm);
|
|
6
|
+
return (_jsxs("div", { children: [_jsx("h1", { className: Styles.title, children: props.title }), props.description && lines &&
|
|
7
|
+
_jsx("p", { className: Styles.description, children: lines.map((line, index) => {
|
|
8
|
+
return _jsxs(_Fragment, { children: [line.trim(), index != lines.length - 1 && _jsx("br", {})] });
|
|
9
|
+
}) })] }));
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=NSLayoutTitle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSLayoutTitle.js","sourceRoot":"","sources":["../../src/components/NSLayoutTitle.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAEhD,MAAM,UAAU,aAAa,CAAC,KAA0B;;IAEvD,IAAI,KAAK,GAAG,CAAC,MAAA,KAAK,CAAC,WAAW,mCAAI,EAAE,CAAC,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAC;IACzE,OAAO,CACN,0BACC,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,CAAC,KAAK,GAAM,EAE9C,KAAK,CAAC,WAAW,IAAI,KAAK;gBAC1B,YAAG,SAAS,EAAE,MAAM,CAAC,WAAW,YAC/B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;wBAEzB,OAAO,8BACL,IAAI,CAAC,IAAI,EAAE,EACX,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,cAAM,IAClC,CAAC;oBACL,CAAC,CAAC,GACE,IAED,CACN,CAAC;AACH,CAAC"}
|