namirasoft-site-react 1.3.309 → 1.3.310
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/NSBoxEntity.module.css +17 -0
- package/package.json +1 -1
- package/src/components/NSBoxEntity.module.css +17 -0
- package/src/components/NSBoxEntity.tsx +3 -3
- package/tsconfig.json +8 -7
- package/dist/App.d.ts +0 -9
- package/dist/App.js +0 -96
- package/dist/App.js.map +0 -1
- package/dist/CopyToClipboard.d.ts +0 -3
- package/dist/CopyToClipboard.js +0 -7
- package/dist/CopyToClipboard.js.map +0 -1
- package/dist/Validator.d.ts +0 -14
- package/dist/Validator.js +0 -94
- package/dist/Validator.js.map +0 -1
- package/dist/components/NSActionMenu.d.ts +0 -14
- package/dist/components/NSActionMenu.js +0 -33
- package/dist/components/NSActionMenu.js.map +0 -1
- package/dist/components/NSAssistantButton.d.ts +0 -6
- package/dist/components/NSAssistantButton.js +0 -20
- package/dist/components/NSAssistantButton.js.map +0 -1
- package/dist/components/NSBarAction.d.ts +0 -12
- package/dist/components/NSBarAction.js +0 -20
- package/dist/components/NSBarAction.js.map +0 -1
- package/dist/components/NSBarHeroBanner.d.ts +0 -7
- package/dist/components/NSBarHeroBanner.js +0 -8
- package/dist/components/NSBarHeroBanner.js.map +0 -1
- package/dist/components/NSBarNotification.d.ts +0 -21
- package/dist/components/NSBarNotification.js +0 -37
- package/dist/components/NSBarNotification.js.map +0 -1
- package/dist/components/NSBarTitle.d.ts +0 -5
- package/dist/components/NSBarTitle.js +0 -11
- package/dist/components/NSBarTitle.js.map +0 -1
- package/dist/components/NSBoxBoolean.d.ts +0 -23
- package/dist/components/NSBoxBoolean.js +0 -40
- package/dist/components/NSBoxBoolean.js.map +0 -1
- package/dist/components/NSBoxCombo.d.ts +0 -33
- package/dist/components/NSBoxCombo.js +0 -65
- package/dist/components/NSBoxCombo.js.map +0 -1
- package/dist/components/NSBoxDate.d.ts +0 -22
- package/dist/components/NSBoxDate.js +0 -42
- package/dist/components/NSBoxDate.js.map +0 -1
- package/dist/components/NSBoxDateTime.d.ts +0 -22
- package/dist/components/NSBoxDateTime.js +0 -42
- package/dist/components/NSBoxDateTime.js.map +0 -1
- package/dist/components/NSBoxDouble.d.ts +0 -23
- package/dist/components/NSBoxDouble.js +0 -42
- package/dist/components/NSBoxDouble.js.map +0 -1
- package/dist/components/NSBoxDuration.d.ts +0 -24
- package/dist/components/NSBoxDuration.js +0 -43
- package/dist/components/NSBoxDuration.js.map +0 -1
- package/dist/components/NSBoxEmail.d.ts +0 -25
- package/dist/components/NSBoxEmail.js +0 -50
- package/dist/components/NSBoxEmail.js.map +0 -1
- package/dist/components/NSBoxEntity.d.ts +0 -42
- package/dist/components/NSBoxEntity.js +0 -86
- package/dist/components/NSBoxEntity.js.map +0 -1
- package/dist/components/NSBoxEnum.d.ts +0 -19
- package/dist/components/NSBoxEnum.js +0 -46
- package/dist/components/NSBoxEnum.js.map +0 -1
- package/dist/components/NSBoxErrorNotifier.d.ts +0 -6
- package/dist/components/NSBoxErrorNotifier.js +0 -11
- package/dist/components/NSBoxErrorNotifier.js.map +0 -1
- package/dist/components/NSBoxIPV4.d.ts +0 -23
- package/dist/components/NSBoxIPV4.js +0 -45
- package/dist/components/NSBoxIPV4.js.map +0 -1
- package/dist/components/NSBoxIPV6.d.ts +0 -23
- package/dist/components/NSBoxIPV6.js +0 -45
- package/dist/components/NSBoxIPV6.js.map +0 -1
- package/dist/components/NSBoxInteger.d.ts +0 -23
- package/dist/components/NSBoxInteger.js +0 -42
- package/dist/components/NSBoxInteger.js.map +0 -1
- package/dist/components/NSBoxLabel.d.ts +0 -12
- package/dist/components/NSBoxLabel.js +0 -11
- package/dist/components/NSBoxLabel.js.map +0 -1
- package/dist/components/NSBoxOTP.d.ts +0 -9
- package/dist/components/NSBoxOTP.js +0 -34
- package/dist/components/NSBoxOTP.js.map +0 -1
- package/dist/components/NSBoxPassword.d.ts +0 -23
- package/dist/components/NSBoxPassword.js +0 -43
- package/dist/components/NSBoxPassword.js.map +0 -1
- package/dist/components/NSBoxPhone.d.ts +0 -25
- package/dist/components/NSBoxPhone.js +0 -45
- package/dist/components/NSBoxPhone.js.map +0 -1
- package/dist/components/NSBoxPrice.d.ts +0 -23
- package/dist/components/NSBoxPrice.js +0 -42
- package/dist/components/NSBoxPrice.js.map +0 -1
- package/dist/components/NSBoxSearch.d.ts +0 -25
- package/dist/components/NSBoxSearch.js +0 -52
- package/dist/components/NSBoxSearch.js.map +0 -1
- package/dist/components/NSBoxString.d.ts +0 -25
- package/dist/components/NSBoxString.js +0 -48
- package/dist/components/NSBoxString.js.map +0 -1
- package/dist/components/NSBoxTextArea.d.ts +0 -27
- package/dist/components/NSBoxTextArea.js +0 -60
- package/dist/components/NSBoxTextArea.js.map +0 -1
- package/dist/components/NSBoxTime.d.ts +0 -23
- package/dist/components/NSBoxTime.js +0 -44
- package/dist/components/NSBoxTime.js.map +0 -1
- package/dist/components/NSButton.d.ts +0 -9
- package/dist/components/NSButton.js +0 -8
- package/dist/components/NSButton.js.map +0 -1
- package/dist/components/NSButtonBlue.d.ts +0 -2
- package/dist/components/NSButtonBlue.js +0 -11
- package/dist/components/NSButtonBlue.js.map +0 -1
- package/dist/components/NSButtonGreen.d.ts +0 -2
- package/dist/components/NSButtonGreen.js +0 -11
- package/dist/components/NSButtonGreen.js.map +0 -1
- package/dist/components/NSButtonRed.d.ts +0 -2
- package/dist/components/NSButtonRed.js +0 -11
- package/dist/components/NSButtonRed.js.map +0 -1
- package/dist/components/NSCard.d.ts +0 -14
- package/dist/components/NSCard.js +0 -18
- package/dist/components/NSCard.js.map +0 -1
- package/dist/components/NSCopyToClipboard.d.ts +0 -6
- package/dist/components/NSCopyToClipboard.js +0 -12
- package/dist/components/NSCopyToClipboard.js.map +0 -1
- package/dist/components/NSElectronicCard.d.ts +0 -9
- package/dist/components/NSElectronicCard.js +0 -13
- package/dist/components/NSElectronicCard.js.map +0 -1
- package/dist/components/NSEntityBar.d.ts +0 -8
- package/dist/components/NSEntityBar.js +0 -7
- package/dist/components/NSEntityBar.js.map +0 -1
- package/dist/components/NSEntityCardBackground.d.ts +0 -7
- package/dist/components/NSEntityCardBackground.js +0 -9
- package/dist/components/NSEntityCardBackground.js.map +0 -1
- package/dist/components/NSFilterBox.d.ts +0 -61
- package/dist/components/NSFilterBox.js +0 -230
- package/dist/components/NSFilterBox.js.map +0 -1
- package/dist/components/NSFilterBoxDialog.d.ts +0 -12
- package/dist/components/NSFilterBoxDialog.js +0 -17
- package/dist/components/NSFilterBoxDialog.js.map +0 -1
- package/dist/components/NSFilterItem.d.ts +0 -17
- package/dist/components/NSFilterItem.js +0 -30
- package/dist/components/NSFilterItem.js.map +0 -1
- package/dist/components/NSFooter.d.ts +0 -20
- package/dist/components/NSFooter.js +0 -56
- package/dist/components/NSFooter.js.map +0 -1
- package/dist/components/NSGroupedList.d.ts +0 -31
- package/dist/components/NSGroupedList.js +0 -42
- package/dist/components/NSGroupedList.js.map +0 -1
- package/dist/components/NSHeader.d.ts +0 -26
- package/dist/components/NSHeader.js +0 -81
- package/dist/components/NSHeader.js.map +0 -1
- package/dist/components/NSLayout.d.ts +0 -22
- package/dist/components/NSLayout.js +0 -30
- package/dist/components/NSLayout.js.map +0 -1
- package/dist/components/NSLine.d.ts +0 -4
- package/dist/components/NSLine.js +0 -6
- package/dist/components/NSLine.js.map +0 -1
- package/dist/components/NSLink.d.ts +0 -5
- package/dist/components/NSLink.js +0 -7
- package/dist/components/NSLink.js.map +0 -1
- package/dist/components/NSLinkBlue.d.ts +0 -2
- package/dist/components/NSLinkBlue.js +0 -13
- package/dist/components/NSLinkBlue.js.map +0 -1
- package/dist/components/NSLinkGreen.d.ts +0 -2
- package/dist/components/NSLinkGreen.js +0 -6
- package/dist/components/NSLinkGreen.js.map +0 -1
- package/dist/components/NSLinkRed.d.ts +0 -2
- package/dist/components/NSLinkRed.js +0 -6
- package/dist/components/NSLinkRed.js.map +0 -1
- package/dist/components/NSLoading.d.ts +0 -4
- package/dist/components/NSLoading.js +0 -7
- package/dist/components/NSLoading.js.map +0 -1
- package/dist/components/NSModal.d.ts +0 -10
- package/dist/components/NSModal.js +0 -13
- package/dist/components/NSModal.js.map +0 -1
- package/dist/components/NSNoData.d.ts +0 -5
- package/dist/components/NSNoData.js +0 -7
- package/dist/components/NSNoData.js.map +0 -1
- package/dist/components/NSPagination.d.ts +0 -20
- package/dist/components/NSPagination.js +0 -82
- package/dist/components/NSPagination.js.map +0 -1
- package/dist/components/NSPanel.d.ts +0 -7
- package/dist/components/NSPanel.js +0 -7
- package/dist/components/NSPanel.js.map +0 -1
- package/dist/components/NSPrintModal.d.ts +0 -15
- package/dist/components/NSPrintModal.js +0 -35
- package/dist/components/NSPrintModal.js.map +0 -1
- package/dist/components/NSRadioButton.d.ts +0 -5
- package/dist/components/NSRadioButton.js +0 -15
- package/dist/components/NSRadioButton.js.map +0 -1
- package/dist/components/NSSection.d.ts +0 -7
- package/dist/components/NSSection.js +0 -10
- package/dist/components/NSSection.js.map +0 -1
- package/dist/components/NSSectionBars.d.ts +0 -7
- package/dist/components/NSSectionBars.js +0 -10
- package/dist/components/NSSectionBars.js.map +0 -1
- package/dist/components/NSSectionCards.d.ts +0 -13
- package/dist/components/NSSectionCards.js +0 -15
- package/dist/components/NSSectionCards.js.map +0 -1
- package/dist/components/NSSectionTitle.d.ts +0 -7
- package/dist/components/NSSectionTitle.js +0 -8
- package/dist/components/NSSectionTitle.js.map +0 -1
- package/dist/components/NSSpace.d.ts +0 -17
- package/dist/components/NSSpace.js +0 -19
- package/dist/components/NSSpace.js.map +0 -1
- package/dist/components/NSTabPage.d.ts +0 -13
- package/dist/components/NSTabPage.js +0 -9
- package/dist/components/NSTabPage.js.map +0 -1
- package/dist/components/NSTable.d.ts +0 -50
- package/dist/components/NSTable.js +0 -154
- package/dist/components/NSTable.js.map +0 -1
- package/dist/components/NSTag.d.ts +0 -2
- package/dist/components/NSTag.js +0 -22
- package/dist/components/NSTag.js.map +0 -1
- package/dist/components/NSTitle.d.ts +0 -5
- package/dist/components/NSTitle.js +0 -7
- package/dist/components/NSTitle.js.map +0 -1
- package/dist/components/NSVerification.d.ts +0 -9
- package/dist/components/NSVerification.js +0 -19
- package/dist/components/NSVerification.js.map +0 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.js +0 -7
- package/dist/index.js.map +0 -1
- package/dist/main.d.ts +0 -81
- package/dist/main.js +0 -82
- package/dist/main.js.map +0 -1
- package/dist/pages/NSLoginPage.d.ts +0 -6
- package/dist/pages/NSLoginPage.js +0 -8
- package/dist/pages/NSLoginPage.js.map +0 -1
- package/dist/pages/NSNotFoundPage.d.ts +0 -1
- package/dist/pages/NSNotFoundPage.js +0 -7
- package/dist/pages/NSNotFoundPage.js.map +0 -1
- package/dist/props/IBaseComponentProps.d.ts +0 -7
- package/dist/props/IBaseComponentProps.js +0 -2
- package/dist/props/IBaseComponentProps.js.map +0 -1
- package/dist/props/IHeaderIconProps.d.ts +0 -8
- package/dist/props/IHeaderIconProps.js +0 -2
- package/dist/props/IHeaderIconProps.js.map +0 -1
- package/dist/props/IHeaderProps.d.ts +0 -5
- package/dist/props/IHeaderProps.js +0 -2
- package/dist/props/IHeaderProps.js.map +0 -1
- package/dist/props/IImageProps.d.ts +0 -4
- package/dist/props/IImageProps.js +0 -2
- package/dist/props/IImageProps.js.map +0 -1
- package/dist/props/ILinkProps.d.ts +0 -5
- package/dist/props/ILinkProps.js +0 -2
- package/dist/props/ILinkProps.js.map +0 -1
- package/dist/props/IValidationNumberProps.d.ts +0 -4
- package/dist/props/IValidationNumberProps.js +0 -2
- package/dist/props/IValidationNumberProps.js.map +0 -1
- package/dist/props/IValidationProps.d.ts +0 -6
- package/dist/props/IValidationProps.js +0 -2
- package/dist/props/IValidationProps.js.map +0 -1
- package/dist/props/IValidationRegexProps.d.ts +0 -4
- package/dist/props/IValidationRegexProps.js +0 -2
- package/dist/props/IValidationRegexProps.js.map +0 -1
- package/dist/props/IValidationStringProps.d.ts +0 -4
- package/dist/props/IValidationStringProps.js +0 -2
- package/dist/props/IValidationStringProps.js.map +0 -1
- package/dist/routing/INSRouterMaker.d.ts +0 -5
- package/dist/routing/INSRouterMaker.js +0 -2
- package/dist/routing/INSRouterMaker.js.map +0 -1
- package/dist/routing/INSRouterProps.d.ts +0 -4
- package/dist/routing/INSRouterProps.js +0 -2
- package/dist/routing/INSRouterProps.js.map +0 -1
- package/dist/routing/INSRouterState.d.ts +0 -4
- package/dist/routing/INSRouterState.js +0 -2
- package/dist/routing/INSRouterState.js.map +0 -1
- package/dist/routing/NSRouterMaker.d.ts +0 -11
- package/dist/routing/NSRouterMaker.js +0 -23
- package/dist/routing/NSRouterMaker.js.map +0 -1
- package/dist/routing/Notifier.d.ts +0 -16
- package/dist/routing/Notifier.js +0 -68
- package/dist/routing/Notifier.js.map +0 -1
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { Component } from 'react';
|
|
2
|
-
import { IBaseComponentProps } from '../main';
|
|
3
|
-
export interface INSGroupedListProps extends IBaseComponentProps {
|
|
4
|
-
groups: INSGroupedListProps_Group[];
|
|
5
|
-
onClick: (group: string, item: string) => void;
|
|
6
|
-
}
|
|
7
|
-
export interface INSGroupedListProps_Group {
|
|
8
|
-
name: string;
|
|
9
|
-
text: string;
|
|
10
|
-
items: INSGroupedListProps_Item[];
|
|
11
|
-
}
|
|
12
|
-
export interface INSGroupedListProps_Item {
|
|
13
|
-
name: string;
|
|
14
|
-
text: string;
|
|
15
|
-
text_bold?: string;
|
|
16
|
-
description?: string;
|
|
17
|
-
}
|
|
18
|
-
interface INSGroupedListState {
|
|
19
|
-
isVisible: boolean;
|
|
20
|
-
}
|
|
21
|
-
export default class NSGroupedList extends Component<INSGroupedListProps, INSGroupedListState> {
|
|
22
|
-
private groupListRef;
|
|
23
|
-
constructor(props: INSGroupedListProps);
|
|
24
|
-
componentDidMount(): void;
|
|
25
|
-
componentWillUnmount(): void;
|
|
26
|
-
handleClickOutside(event: MouseEvent): void;
|
|
27
|
-
hide(): void;
|
|
28
|
-
show(): void;
|
|
29
|
-
render(): import("react/jsx-runtime").JSX.Element | null;
|
|
30
|
-
}
|
|
31
|
-
export {};
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { Component, createRef } from 'react';
|
|
4
|
-
import Styles from "./NSGroupedList.module.css";
|
|
5
|
-
export default class NSGroupedList extends Component {
|
|
6
|
-
constructor(props) {
|
|
7
|
-
super(props);
|
|
8
|
-
this.groupListRef = createRef();
|
|
9
|
-
this.state = {
|
|
10
|
-
isVisible: true,
|
|
11
|
-
};
|
|
12
|
-
this.handleClickOutside = this.handleClickOutside.bind(this);
|
|
13
|
-
this.hide = this.hide.bind(this);
|
|
14
|
-
this.show = this.show.bind(this);
|
|
15
|
-
}
|
|
16
|
-
componentDidMount() {
|
|
17
|
-
document.addEventListener('mousedown', this.handleClickOutside);
|
|
18
|
-
}
|
|
19
|
-
componentWillUnmount() {
|
|
20
|
-
document.removeEventListener('mousedown', this.handleClickOutside);
|
|
21
|
-
}
|
|
22
|
-
handleClickOutside(event) {
|
|
23
|
-
if (this.groupListRef.current && !this.groupListRef.current.contains(event.target)) {
|
|
24
|
-
this.hide();
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
hide() {
|
|
28
|
-
this.setState({ isVisible: false });
|
|
29
|
-
}
|
|
30
|
-
show() {
|
|
31
|
-
this.setState({ isVisible: true }, () => {
|
|
32
|
-
console.log("State after show:", this.state);
|
|
33
|
-
});
|
|
34
|
-
}
|
|
35
|
-
render() {
|
|
36
|
-
if (!this.state.isVisible) {
|
|
37
|
-
return null;
|
|
38
|
-
}
|
|
39
|
-
return (_jsx("div", { ref: this.groupListRef, className: Styles.ns_group_list_parent, children: this.props.groups.map((group, index) => (_jsxs("ul", { className: Styles.ns_group_list, children: [_jsx("div", { className: 'd-flex w-100 justify-content-between align-items-center', children: _jsxs("span", { className: Styles.ns_group_category, children: [group.text, _jsx("img", { onClick: this.hide, src: "https://static.namirasoft.com/image/concept/close/blue.svg", alt: "input-icon", width: 24, height: 24 })] }) }), group.items.map((item, index) => (_jsx("li", { onClick: () => this.props.onClick(group.name, item.name), children: _jsxs("div", { className: Styles.ns_group_item, children: [_jsx("span", { children: item.text && _jsx("span", { children: item.text }) }), _jsx("span", { style: item.text_bold ? { fontWeight: 'bold' } : {}, children: _jsxs("b", { children: [" ", item.text_bold] }) }), item.description && _jsx("span", { className: Styles.ns_block, children: item.description })] }) }, index)))] }, index))) }));
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
//# sourceMappingURL=NSGroupedList.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NSGroupedList.js","sourceRoot":"","sources":["../../src/components/NSGroupedList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { FilterLinkFullRow } from 'namirasoft-api-link';
|
|
3
|
-
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
4
|
-
import { IHeaderProps } from "../props/IHeaderProps";
|
|
5
|
-
export interface INSHeaderProps extends IBaseComponentProps {
|
|
6
|
-
scope: string;
|
|
7
|
-
name: string;
|
|
8
|
-
logo: string;
|
|
9
|
-
nav?: IBaseComponentProps;
|
|
10
|
-
header: IHeaderProps;
|
|
11
|
-
}
|
|
12
|
-
export interface NSHeaderState {
|
|
13
|
-
filters: FilterLinkFullRow[];
|
|
14
|
-
selected: FilterLinkFullRow | null;
|
|
15
|
-
showNavbar: boolean;
|
|
16
|
-
}
|
|
17
|
-
export declare class NSHeader extends React.Component<INSHeaderProps, NSHeaderState> {
|
|
18
|
-
constructor(props: INSHeaderProps);
|
|
19
|
-
componentDidMount(): void;
|
|
20
|
-
private onMenuItemToggled;
|
|
21
|
-
private hasChild;
|
|
22
|
-
handleShowNavbar(): void;
|
|
23
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
24
|
-
private render_menu;
|
|
25
|
-
private render_menuItem;
|
|
26
|
-
}
|
|
@@ -1,81 +0,0 @@
|
|
|
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 "./NSHeader.module.css";
|
|
5
|
-
import NavDropdown from 'react-bootstrap/NavDropdown';
|
|
6
|
-
import { NamirasoftAPILinkServer } from 'namirasoft-api-link';
|
|
7
|
-
export class NSHeader extends React.Component {
|
|
8
|
-
constructor(props) {
|
|
9
|
-
super(props);
|
|
10
|
-
this.state = {
|
|
11
|
-
filters: [],
|
|
12
|
-
selected: null,
|
|
13
|
-
showNavbar: false
|
|
14
|
-
};
|
|
15
|
-
this.hasChild = this.hasChild.bind(this);
|
|
16
|
-
this.onMenuItemToggled = this.onMenuItemToggled.bind(this);
|
|
17
|
-
this.render_menu = this.render_menu.bind(this);
|
|
18
|
-
this.render_menuItem = this.render_menuItem.bind(this);
|
|
19
|
-
this.handleShowNavbar = this.handleShowNavbar.bind(this);
|
|
20
|
-
}
|
|
21
|
-
componentDidMount() {
|
|
22
|
-
let server = new NamirasoftAPILinkServer(console.error);
|
|
23
|
-
server.filter.ListFilterLinks(this.props.scope, this.props.name, null, null, null).then(filters => {
|
|
24
|
-
this.setState({ filters: filters.rows });
|
|
25
|
-
}).catch(() => { });
|
|
26
|
-
}
|
|
27
|
-
onMenuItemToggled(checked, selected) {
|
|
28
|
-
if (checked)
|
|
29
|
-
this.setState({ selected });
|
|
30
|
-
}
|
|
31
|
-
hasChild(id) {
|
|
32
|
-
return this.state.filters.filter(f => f.parent_id === id).length > 0;
|
|
33
|
-
}
|
|
34
|
-
handleShowNavbar() {
|
|
35
|
-
this.setState({ showNavbar: !this.state.showNavbar });
|
|
36
|
-
}
|
|
37
|
-
render() {
|
|
38
|
-
var _a, _b, _c, _d, _e, _f;
|
|
39
|
-
let nav = this.props.nav;
|
|
40
|
-
if (!nav)
|
|
41
|
-
nav = { style: {} };
|
|
42
|
-
if (!nav.style)
|
|
43
|
-
nav.style = {};
|
|
44
|
-
if (!((_a = nav.style) === null || _a === void 0 ? void 0 : _a.backgroundColor))
|
|
45
|
-
nav.style.backgroundColor = "rgba(20, 27, 92, 1)";
|
|
46
|
-
return (_jsx("header", { id: this.props.id, className: `${Styles.ns_header} ${(_b = this.props.classList) === null || _b === void 0 ? void 0 : _b.join(" ")}`, style: this.props.style, children: _jsx("nav", { id: (_c = this.props.nav) === null || _c === void 0 ? void 0 : _c.id, className: `${Styles.ns_navbar} ${(_e = (_d = this.props.nav) === null || _d === void 0 ? void 0 : _d.classList) === null || _e === void 0 ? void 0 : _e.join(" ")}`, style: nav === null || nav === void 0 ? void 0 : nav.style, children: _jsxs("div", { className: `${Styles.ns_navbar_parent_content} container`, children: [_jsx("a", { href: "/", children: _jsx("img", { src: this.props.logo, alt: "Logo", width: 48, height: 48 }) }), _jsxs("div", { className: `${Styles.ns_navbar_content} `, children: [_jsx("div", { className: `${Styles.ns_navbar_elements} ${this.state.showNavbar && Styles.ns_navbar_active}`, children: this.render_menu(0, null) }), this.props.header &&
|
|
47
|
-
_jsxs("div", { className: "d-flex gap-3 align-items-center", children: [_jsx("span", { className: Styles.ns_navbar_title, children: (_f = this.props.header) === null || _f === void 0 ? void 0 : _f.title }), this.props.header.icons.map((icon) => _jsxs("button", { className: Styles.ns_header_icon, onClick: () => icon.onClicked(icon), children: [_jsx("img", { src: icon.src, alt: icon.alt, width: 20, height: 20 }), icon.count &&
|
|
48
|
-
_jsx("span", { className: Styles.ns_navbar_notification_count, children: icon.count < 100 ? icon.count : "+99" }), icon.children] }))] }), _jsx("div", { className: Styles.ns_navbar_menu_icon, onClick: this.handleShowNavbar, children: _jsx("img", { src: this.state.showNavbar ?
|
|
49
|
-
"https://static.namirasoft.com/image/concept/close/white.svg"
|
|
50
|
-
: "https://static.namirasoft.com/image/concept/menu/burger-white.svg", alt: "Menu Icon", width: 24, height: 24 }) })] })] }) }) }));
|
|
51
|
-
}
|
|
52
|
-
render_menu(level, parent_id) {
|
|
53
|
-
var _a;
|
|
54
|
-
let fs = (_a = this.state.filters) === null || _a === void 0 ? void 0 : _a.filter(f => f.parent_id === parent_id);
|
|
55
|
-
return (_jsx("div", { className: `me-auto nav ${Styles.ns_navbar_items_container}`, children: (fs === null || fs === void 0 ? void 0 : fs.map(f => this.render_menuItem(level, f))) }));
|
|
56
|
-
}
|
|
57
|
-
render_menuItem(level, filter) {
|
|
58
|
-
var _a;
|
|
59
|
-
if (this.hasChild(filter.id)) {
|
|
60
|
-
let sub_menus = _jsx(_Fragment, {});
|
|
61
|
-
if (level === 0)
|
|
62
|
-
if (this.state.selected) {
|
|
63
|
-
sub_menus =
|
|
64
|
-
_jsx("div", { id: `dropdown_items${filter.id}`, children: this.render_menu(1, this.state.selected.id) });
|
|
65
|
-
}
|
|
66
|
-
return _jsx(_Fragment, { children: _jsx(NavDropdown, { onToggle: (checked) => this.onMenuItemToggled(checked, filter), className: level === 0 ? Styles.ns_navbar_first_level_item : Styles.ns_navbar_second_level_item, title: filter.name, id: `dropdown_parent${filter.id}`, children: sub_menus }) });
|
|
67
|
-
}
|
|
68
|
-
else {
|
|
69
|
-
let href = (_a = filter.link) === null || _a === void 0 ? void 0 : _a.url;
|
|
70
|
-
if (process.env.REACT_APP_STANDALONE)
|
|
71
|
-
if (href) {
|
|
72
|
-
let url = new URL(href);
|
|
73
|
-
url.host = window.location.host;
|
|
74
|
-
url.protocol = window.location.protocol;
|
|
75
|
-
href = url.toString();
|
|
76
|
-
}
|
|
77
|
-
return (_jsx("a", { className: `${Styles.ns_navbar_items_link} ${level === 0 ? Styles.ns_navbar_first_level_item : Styles.ns_navbar_second_level_item}`, href: href, children: filter.name }, filter.id));
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
//# sourceMappingURL=NSHeader.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NSHeader.js","sourceRoot":"","sources":["../../src/components/NSHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { IBaseComponentProps } from '../props/IBaseComponentProps';
|
|
3
|
-
import { INSBarNotificationProps } from './NSBarNotification';
|
|
4
|
-
import { IHeaderProps } from '../props/IHeaderProps';
|
|
5
|
-
import { INSBarActionProps } from './NSBarAction';
|
|
6
|
-
import { INSBarHeroBannerProps } from './NSBarHeroBanner';
|
|
7
|
-
import { INSBarTitleProps } from './NSBarTitle';
|
|
8
|
-
export interface INSLayoutProps extends IBaseComponentProps {
|
|
9
|
-
scope: string;
|
|
10
|
-
logo: string;
|
|
11
|
-
background?: string;
|
|
12
|
-
header: IHeaderProps;
|
|
13
|
-
notifications: INSBarNotificationProps[];
|
|
14
|
-
action?: INSBarActionProps;
|
|
15
|
-
banner?: INSBarHeroBannerProps;
|
|
16
|
-
title?: INSBarTitleProps;
|
|
17
|
-
children: ReactNode;
|
|
18
|
-
}
|
|
19
|
-
export interface NSLayoutState {
|
|
20
|
-
action_show: boolean;
|
|
21
|
-
}
|
|
22
|
-
export declare function NSLayout(props: INSLayoutProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import Styles from './NSLayout.module.css';
|
|
3
|
-
import { NSHeader } from './NSHeader';
|
|
4
|
-
import { NSFooter } from './NSFooter';
|
|
5
|
-
import { NSBarNotification } from './NSBarNotification';
|
|
6
|
-
import { NSBarAction } from './NSBarAction';
|
|
7
|
-
import { NSBarHeroBanner } from './NSBarHeroBanner';
|
|
8
|
-
import { NSBarTitle } from './NSBarTitle';
|
|
9
|
-
import { NSSpace, NSSpaceSizeType } from './NSSpace';
|
|
10
|
-
export function NSLayout(props) {
|
|
11
|
-
var _a;
|
|
12
|
-
function isValidAction(action) {
|
|
13
|
-
if (action)
|
|
14
|
-
if (action.title || action.description || Object.keys(action.menus).length > 0)
|
|
15
|
-
return true;
|
|
16
|
-
return false;
|
|
17
|
-
}
|
|
18
|
-
return (_jsxs("div", { id: props.id, className: `${Styles.ns_container} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: {
|
|
19
|
-
minHeight: "100vh",
|
|
20
|
-
width: "100%",
|
|
21
|
-
display: "flex",
|
|
22
|
-
flexDirection: "column",
|
|
23
|
-
justifyContent: "center",
|
|
24
|
-
background: props.background,
|
|
25
|
-
backgroundSize: "cover",
|
|
26
|
-
backgroundAttachment: "fixed"
|
|
27
|
-
}, children: [_jsx(NSHeader, { scope: props.scope, name: "Header", logo: props.logo, header: props.header }), props.notifications.map(props => _jsx(NSBarNotification, Object.assign({}, props))), isValidAction(props.action) && _jsx(NSBarAction, Object.assign({}, props.action)), props.banner && _jsx(NSBarHeroBanner, Object.assign({}, props.banner)), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), props.title &&
|
|
28
|
-
_jsxs(_Fragment, { children: [_jsx(NSBarTitle, Object.assign({}, props.title)), _jsx(NSSpace, { size: NSSpaceSizeType.MEDUIM })] }), _jsx("main", { className: `d-flex flex-column text-white ${Styles.ns_layout_main}`, children: props.children }), _jsx(NSSpace, { size: NSSpaceSizeType.MEDUIM }), _jsx(NSFooter, { scope: props.scope, name: "Footer", logo: props.logo })] }));
|
|
29
|
-
}
|
|
30
|
-
//# sourceMappingURL=NSLayout.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NSLayout.js","sourceRoot":"","sources":["../../src/components/NSLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,iBAAiB,EAA2B,MAAM,qBAAqB,CAAC;AAEjF,OAAO,EAAqB,WAAW,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAyB,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAoB,UAAU,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAoBrD,MAAM,UAAU,QAAQ,CAAC,KAAqB;;IAE7C,SAAS,aAAa,CAAC,MAA0B;QAEhD,IAAI,MAAM;YACT,IAAI,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,WAAW,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC;gBAC7E,OAAO,IAAI,CAAC;QACd,OAAO,KAAK,CAAC;IACd,CAAC;IACD,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,GACnB,EACD,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,KAAC,iBAAiB,oBAAK,KAAK,EAAsB,CAAC,EACpF,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,KAAC,WAAW,oBAAK,KAAK,CAAC,MAAM,EAAkB,EAC9E,KAAK,CAAC,MAAM,IAAI,KAAC,eAAe,oBAAK,KAAK,CAAC,MAAM,EAAsB,EACxE,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,KAAK,GAAI,EACvC,KAAK,CAAC,KAAK;gBACX,8BACC,KAAC,UAAU,oBAAK,KAAK,CAAC,KAAK,EAAiB,EAC5C,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,MAAM,GAAI,IACvC,EAEJ,eAAM,SAAS,EAAE,iCAAiC,MAAM,CAAC,cAAc,EAAE,YACvE,KAAK,CAAC,QAAQ,GACT,EACP,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,MAAM,GAAI,EACzC,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,IAC1D,CACP,CAAC;AACH,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NSLine.js","sourceRoot":"","sources":["../../src/components/NSLine.tsx"],"names":[],"mappings":";AAEA,OAAO,IAAI,MAAM,2BAA2B,CAAC;AAO7C,MAAM,UAAU,MAAM;IAElB,OAAO,CACH,cAAK,GAAG,EAAE,IAAI,EACV,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,aAAa,GACvB,CACL,CAAC;AACN,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
2
|
-
import { ILinkProps } from "../props/ILinkProps";
|
|
3
|
-
export interface INSILinkProps extends ILinkProps, IBaseComponentProps {
|
|
4
|
-
}
|
|
5
|
-
export declare function NSLink(props: INSILinkProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import Styles from "./NSLink.module.css";
|
|
3
|
-
export function NSLink(props) {
|
|
4
|
-
var _a, _b;
|
|
5
|
-
return (_jsx("div", { id: props.id, className: `${Styles.ns_link_parent} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, children: _jsx("a", { className: `text-white text-decoration-none ${props.title ? Styles.ns_link : Styles.ns_link_absolute}`, href: props.href, target: (_b = props === null || props === void 0 ? void 0 : props.target) !== null && _b !== void 0 ? _b : "_self", style: props.style, children: props.title }) }));
|
|
6
|
-
}
|
|
7
|
-
//# sourceMappingURL=NSLink.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NSLink.js","sourceRoot":"","sources":["../../src/components/NSLink.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAMzC,MAAM,UAAU,MAAM,CAAC,KAAoB;;IAE1C,OAAO,CACN,cACC,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,GAAG,MAAM,CAAC,cAAc,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,YAEnE,YACC,SAAS,EAAE,mCAAmC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,EAAE,EACtG,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,mCAAI,OAAO,EAChC,KAAK,EAAE,KAAK,CAAC,KAAK,YAEjB,KAAK,CAAC,KAAK,GACT,GACC,CACN,CAAC;AACH,CAAC"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { NSLink } from "./NSLink";
|
|
3
|
-
export function NSLinkBlue(props) {
|
|
4
|
-
return (_jsx(NSLink, { id: props.id, style: {
|
|
5
|
-
color: "#fff",
|
|
6
|
-
border: "none",
|
|
7
|
-
backgroundColor: "rgba(3, 119, 255, 1)",
|
|
8
|
-
width: "358px",
|
|
9
|
-
height: "48px",
|
|
10
|
-
boxShadow: "inset 0 - 4px 4px 0px rgb(0 0 0 / 25 %)"
|
|
11
|
-
}, title: props.title, href: props.href, target: props.target }));
|
|
12
|
-
}
|
|
13
|
-
//# sourceMappingURL=NSLinkBlue.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NSLinkBlue.js","sourceRoot":"","sources":["../../src/components/NSLinkBlue.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAiB,MAAM,UAAU,CAAC;AAEjD,MAAM,UAAU,UAAU,CAAC,KAAoB;IAE9C,OAAO,CACN,KAAC,MAAM,IACN,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,KAAK,EACJ;YACA,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,eAAe,EAAE,sBAAsB;YACvC,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,MAAM;YACd,SAAS,EAAE,yCAAyC;SACpD,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,GACnB,CAAC,CAAC;AACN,CAAC"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { NSLink } from "./NSLink";
|
|
3
|
-
export function NSLinkGreen(props) {
|
|
4
|
-
return _jsx(NSLink, { id: props.id, classList: props.classList, style: Object.assign(Object.assign({}, props.style), { backgroundColor: "#06D182" }), title: props.title, href: props.href, target: props.target });
|
|
5
|
-
}
|
|
6
|
-
//# sourceMappingURL=NSLinkGreen.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NSLinkGreen.js","sourceRoot":"","sources":["../../src/components/NSLinkGreen.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAiB,MAAM,UAAU,CAAC;AAEjD,MAAM,UAAU,WAAW,CAAC,KAAoB;IAE5C,OAAO,KAAC,MAAM,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,kCAAO,KAAK,CAAC,KAAK,KAAE,eAAe,EAAE,SAAS,KAAI,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI,CAAC;AACnL,CAAC"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { NSLink } from "./NSLink";
|
|
3
|
-
export function NSLinkRed(props) {
|
|
4
|
-
return _jsx(NSLink, { id: props.id, classList: props.classList, style: Object.assign(Object.assign({}, props.style), { backgroundColor: "rgb(265, 63, 63, 1)" }), title: props.title, href: props.href, target: props.target });
|
|
5
|
-
}
|
|
6
|
-
//# sourceMappingURL=NSLinkRed.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NSLinkRed.js","sourceRoot":"","sources":["../../src/components/NSLinkRed.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAiB,MAAM,UAAU,CAAC;AAEjD,MAAM,UAAU,SAAS,CAAC,KAAoB;IAE1C,OAAO,KAAC,MAAM,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,kCAAO,KAAK,CAAC,KAAK,KAAE,eAAe,EAAE,qBAAqB,KAAI,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI,CAAC;AAC/L,CAAC"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import Styles from './NSLoading.module.css';
|
|
3
|
-
import { NSSection } from './NSSection';
|
|
4
|
-
export function NSLoading(props) {
|
|
5
|
-
return (_jsx(NSSection, Object.assign({}, props, { children: _jsxs("div", { className: Styles.ns_loading_parent, children: [_jsx("h5", { children: "Loading" }), _jsx("div", { className: Styles.ns_loader }), _jsx("p", { children: "Please wait ..." })] }) })));
|
|
6
|
-
}
|
|
7
|
-
//# sourceMappingURL=NSLoading.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NSLoading.js","sourceRoot":"","sources":["../../src/components/NSLoading.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAOxC,MAAM,UAAU,SAAS,CAAC,KAAsB;IAE/C,OAAO,CACN,KAAC,SAAS,oBAAK,KAAK,cACnB,eAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,aACvC,mCAAgB,EAChB,cAAK,SAAS,EAAE,MAAM,CAAC,SAAS,GAAQ,EACxC,0CAAsB,IACjB,IACK,CACZ,CAAC;AACH,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { IBaseComponentProps } from "../main";
|
|
3
|
-
export interface INSModalProps extends IBaseComponentProps {
|
|
4
|
-
title?: string;
|
|
5
|
-
description?: string;
|
|
6
|
-
show: boolean;
|
|
7
|
-
children?: React.ReactNode;
|
|
8
|
-
onClose: () => void;
|
|
9
|
-
}
|
|
10
|
-
export declare function NSModal(props: INSModalProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { NSSpace, NSSpaceSizeType, NSTitle } from "../main";
|
|
3
|
-
import Styles from './NSModal.module.css';
|
|
4
|
-
export function NSModal(props) {
|
|
5
|
-
var _a;
|
|
6
|
-
const handleModalClick = (event) => {
|
|
7
|
-
event.stopPropagation();
|
|
8
|
-
};
|
|
9
|
-
return (_jsx("div", { onClick: props.onClose, children: _jsx("section", { id: props.id, className: `${props.show ? Styles.ns_show : Styles.ns_hide}
|
|
10
|
-
${Styles.ns_modal}
|
|
11
|
-
${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, onClick: props.onClose, children: _jsx("div", { className: Styles.ns_modal_container, onClick: handleModalClick, children: _jsxs("div", { className: Styles.ns_modal_content, children: [props.title && (_jsxs(_Fragment, { children: [_jsx(NSTitle, { title: props.title, style: { marginBottom: "0" } }), _jsx(NSSpace, { size: NSSpaceSizeType.MICRO })] })), props.description && (_jsx("div", { children: _jsx("p", { style: { marginBottom: "0" }, className: Styles.ns_modal_description, children: props.description }) })), props.children && (_jsx("div", { children: props.children }))] }) }) }) }));
|
|
12
|
-
}
|
|
13
|
-
//# sourceMappingURL=NSModal.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NSModal.js","sourceRoot":"","sources":["../../src/components/NSModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AACjF,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAS1C,MAAM,UAAU,OAAO,CAAC,KAAoB;;IAE3C,MAAM,gBAAgB,GAAG,CAAC,KAAuB,EAAE,EAAE;QAEpD,KAAK,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC,CAAC;IACF,OAAO,CACN,cAAK,OAAO,EAAE,KAAK,CAAC,OAAO,YAC1B,kBACC,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO;OACvD,MAAM,CAAC,QAAQ;OACf,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAC/B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,KAAK,CAAC,OAAO,YAEtB,cAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,EAAE,OAAO,EAAE,gBAAgB,YACnE,eAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,aACrC,KAAK,CAAC,KAAK,IAAI,CACf,8BACC,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,GAAG,EAAE,GAAI,EAC7D,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,KAAK,GAAI,IACtC,CACH,EACA,KAAK,CAAC,WAAW,IAAI,CACrB,wBACC,YAAG,KAAK,EAAE,EAAE,YAAY,EAAE,GAAG,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,oBAAoB,YAAG,KAAK,CAAC,WAAW,GAAK,GAC3F,CACN,EACA,KAAK,CAAC,QAAQ,IAAI,CAClB,wBACE,KAAK,CAAC,QAAQ,GACV,CACN,IACI,GACD,GACG,GACL,CACN,CAAC;AACH,CAAC"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import Styles from './NSNoData.module.css';
|
|
3
|
-
export function NSNoData(props) {
|
|
4
|
-
var _a;
|
|
5
|
-
return (_jsxs("div", { id: props.id, className: `${Styles.ns_table_no_data} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, children: [_jsx("img", { src: 'https://static.namirasoft.com/image/concept/no_data/white.svg', alt: 'No Data', width: 96, height: 96 }), _jsx("h4", { children: props.lable })] }));
|
|
6
|
-
}
|
|
7
|
-
//# sourceMappingURL=NSNoData.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NSNoData.js","sourceRoot":"","sources":["../../src/components/NSNoData.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAQ3C,MAAM,UAAU,QAAQ,CAAC,KAAqB;;IAE7C,OAAO,CACN,eACC,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,GAAG,MAAM,CAAC,gBAAgB,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EACrE,KAAK,EAAE,KAAK,CAAC,KAAK,aAElB,cACC,GAAG,EAAC,+DAA+D,EACnE,GAAG,EAAC,SAAS,EACb,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GAAI,EACf,uBAAK,KAAK,CAAC,KAAK,GAAM,IACjB,CACN,CAAC;AACH,CAAC"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { Component } from 'react';
|
|
2
|
-
import { IBaseComponentProps } from '../props/IBaseComponentProps';
|
|
3
|
-
import React from "react";
|
|
4
|
-
import { NSBoxCombo } from './NSBoxCombo';
|
|
5
|
-
export interface INSPaginationProps extends IBaseComponentProps {
|
|
6
|
-
totalItems: number;
|
|
7
|
-
onPageChange: (page: number, size: number) => void;
|
|
8
|
-
}
|
|
9
|
-
interface INSPaginationState {
|
|
10
|
-
currentPage: number;
|
|
11
|
-
pageSize: number;
|
|
12
|
-
}
|
|
13
|
-
export declare class NSPagination extends Component<INSPaginationProps, INSPaginationState> {
|
|
14
|
-
PageSize: React.RefObject<NSBoxCombo>;
|
|
15
|
-
constructor(props: INSPaginationProps);
|
|
16
|
-
getCurrentPage(): number;
|
|
17
|
-
getPageSize(): number;
|
|
18
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
19
|
-
}
|
|
20
|
-
export {};
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { Component } from 'react';
|
|
3
|
-
import Styles from './NSPagination.module.css';
|
|
4
|
-
import React from "react";
|
|
5
|
-
import { NSBoxCombo } from './NSBoxCombo';
|
|
6
|
-
let pageSizes = [25, 50, 100, 200, 500];
|
|
7
|
-
export class NSPagination extends Component {
|
|
8
|
-
constructor(props) {
|
|
9
|
-
super(props);
|
|
10
|
-
this.PageSize = React.createRef();
|
|
11
|
-
this.state = { currentPage: 1, pageSize: pageSizes[0] };
|
|
12
|
-
}
|
|
13
|
-
getCurrentPage() {
|
|
14
|
-
return this.state.currentPage;
|
|
15
|
-
}
|
|
16
|
-
getPageSize() {
|
|
17
|
-
return this.state.pageSize;
|
|
18
|
-
}
|
|
19
|
-
render() {
|
|
20
|
-
var _a;
|
|
21
|
-
let pageSize = this.state.pageSize;
|
|
22
|
-
const { totalItems, onPageChange } = this.props;
|
|
23
|
-
const totalPages = Math.ceil(totalItems / pageSize);
|
|
24
|
-
const windowSize = 2;
|
|
25
|
-
const minPage = Math.max(2, this.state.currentPage - windowSize);
|
|
26
|
-
const maxPage = Math.min(this.state.currentPage + windowSize, totalPages - 1);
|
|
27
|
-
const current_min = Math.min(totalItems, (this.state.currentPage - 1) * pageSize + 1);
|
|
28
|
-
const current_max = Math.min(totalItems, this.state.currentPage * pageSize);
|
|
29
|
-
const pages = [];
|
|
30
|
-
const pushPage = (page) => {
|
|
31
|
-
pages.push(_jsx("div", { className: `${Styles.ns_select_number_parent}`, children: _jsx("a", { href: "#", className: `${Styles.ns_paginate_link} ${page === this.state.currentPage ? Styles.ns_select_number : ''}`, onClick: (e) => {
|
|
32
|
-
e.preventDefault();
|
|
33
|
-
let currentPage = page;
|
|
34
|
-
let pageSize = this.state.pageSize;
|
|
35
|
-
this.setState({ currentPage, pageSize }, () => {
|
|
36
|
-
onPageChange(currentPage, pageSize);
|
|
37
|
-
});
|
|
38
|
-
}, children: page }) }, page));
|
|
39
|
-
};
|
|
40
|
-
pages.push(_jsx("div", { children: _jsx("a", { href: "#", onClick: (e) => {
|
|
41
|
-
e.preventDefault();
|
|
42
|
-
if (this.state.currentPage > 1) {
|
|
43
|
-
let currentPage = this.state.currentPage - 1;
|
|
44
|
-
let pageSize = this.state.pageSize;
|
|
45
|
-
this.setState({ currentPage, pageSize }, () => {
|
|
46
|
-
onPageChange(currentPage, pageSize);
|
|
47
|
-
});
|
|
48
|
-
}
|
|
49
|
-
}, children: _jsx("img", { style: { margin: "0 8px 0 0" }, src: "https://static.namirasoft.com/image/concept/arrow/left/white-blue.svg", alt: "left_vector", width: 32, height: 32 }) }) }, "prev"));
|
|
50
|
-
pushPage(1);
|
|
51
|
-
if (this.state.currentPage > windowSize + 2) {
|
|
52
|
-
pages.push(_jsx("div", { className: Styles.ns_pagination_left_ellipses, children: _jsx("a", { href: "#", className: `${Styles.ns_paginate_link}`, onClick: (e) => e.preventDefault(), children: "..." }) }, "ellipsis1"));
|
|
53
|
-
}
|
|
54
|
-
for (let i = minPage; i <= maxPage; i++)
|
|
55
|
-
pushPage(i);
|
|
56
|
-
if (this.state.currentPage < totalPages - windowSize - 1) {
|
|
57
|
-
pages.push(_jsx("div", { className: Styles.ns_pagination_right_ellipses, children: _jsx("a", { href: "#", className: `${Styles.ns_paginate_link}`, onClick: (e) => e.preventDefault(), children: "..." }) }, "ellipsis2"));
|
|
58
|
-
}
|
|
59
|
-
if (totalPages > 1) {
|
|
60
|
-
pushPage(totalPages);
|
|
61
|
-
}
|
|
62
|
-
pages.push(_jsx("div", { children: _jsx("a", { href: "#", onClick: (e) => {
|
|
63
|
-
e.preventDefault();
|
|
64
|
-
if (this.state.currentPage < totalPages) {
|
|
65
|
-
let currentPage = this.state.currentPage + 1;
|
|
66
|
-
let pageSize = this.state.pageSize;
|
|
67
|
-
this.setState({ currentPage, pageSize }, () => {
|
|
68
|
-
onPageChange(currentPage, pageSize);
|
|
69
|
-
});
|
|
70
|
-
}
|
|
71
|
-
}, children: _jsx("img", { style: { margin: "0 0 0 8px" }, src: "https://static.namirasoft.com/image/concept/arrow/right/white-blue.svg", width: 32, height: 32, alt: "right_vector" }) }) }, "next"));
|
|
72
|
-
return (_jsx(_Fragment, { children: _jsxs("div", { id: this.props.id, className: `${Styles.ns_pagination_container} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(' ')}`, style: this.props.style, children: [pages, _jsxs("div", { className: Styles.ns_pagination_info, children: [_jsx("div", { className: Styles.ns_pagination_combobox, children: _jsx(NSBoxCombo, { searchable: false, ref: this.PageSize, multiple: false, title: '', required: false, defaultValue: "25", options: pageSizes.map(pagesize => { return { desc: pagesize.toString(), value: pagesize.toString() }; }), onChanged: () => {
|
|
73
|
-
var _a, _b;
|
|
74
|
-
let currentPage = this.state.currentPage;
|
|
75
|
-
let pageSize = parseInt((_b = (_a = this.PageSize.current) === null || _a === void 0 ? void 0 : _a.getValue()) !== null && _b !== void 0 ? _b : pageSizes[0].toString());
|
|
76
|
-
this.setState({ currentPage, pageSize }, () => {
|
|
77
|
-
onPageChange(currentPage, pageSize);
|
|
78
|
-
});
|
|
79
|
-
} }) }), _jsx("h6", { children: `(${current_min} - ${current_max}) of ${totalItems}` })] })] }) }));
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
//# sourceMappingURL=NSPagination.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NSPagination.js","sourceRoot":"","sources":["../../src/components/NSPagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from "react";
|
|
2
|
-
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
3
|
-
export interface NSPanelProps extends IBaseComponentProps {
|
|
4
|
-
children: ReactNode;
|
|
5
|
-
grid: boolean;
|
|
6
|
-
}
|
|
7
|
-
export declare function NSPanel(props: NSPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import Styles from './NSPanel.module.css';
|
|
3
|
-
export function NSPanel(props) {
|
|
4
|
-
var _a;
|
|
5
|
-
return (_jsx("section", { id: props.id, className: `${props.grid ? Styles.ns_panel_grid : Styles.ns_panel_column} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, children: props.children }));
|
|
6
|
-
}
|
|
7
|
-
//# sourceMappingURL=NSPanel.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NSPanel.js","sourceRoot":"","sources":["../../src/components/NSPanel.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAQ1C,MAAM,UAAU,OAAO,CAAC,KAAmB;;IAEvC,OAAO,CACH,kBAAS,EAAE,EAAE,KAAK,CAAC,EAAE,EACjB,SAAS,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EACxG,KAAK,EAAE,KAAK,CAAC,KAAK,YAEjB,KAAK,CAAC,QAAQ,GACT,CACb,CAAC;AACN,CAAC"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { Component } from 'react';
|
|
2
|
-
export interface NSPrintModalProps {
|
|
3
|
-
onClose: () => void;
|
|
4
|
-
}
|
|
5
|
-
interface NSPrintModalState {
|
|
6
|
-
}
|
|
7
|
-
export declare class NSPrintModal extends Component<NSPrintModalProps, NSPrintModalState> {
|
|
8
|
-
private toastRef;
|
|
9
|
-
constructor(props: NSPrintModalProps);
|
|
10
|
-
componentDidMount(): void;
|
|
11
|
-
componentWillUnmount(): void;
|
|
12
|
-
private onClickOutside;
|
|
13
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
}
|
|
15
|
-
export default NSPrintModal;
|