namirasoft-site-react 1.3.310 → 1.3.313

package/dist/components/NSGroupedList.d.ts

@@ -0,0 +1,31 @@
+import { Component } from 'react';
+import { IBaseComponentProps } from '../main';
+export interface INSGroupedListProps extends IBaseComponentProps {
+    groups: INSGroupedListProps_Group[];
+    onClick: (group: string, item: string) => void;
+}
+export interface INSGroupedListProps_Group {
+    name: string;
+    text: string;
+    items: INSGroupedListProps_Item[];
+}
+export interface INSGroupedListProps_Item {
+    name: string;
+    text: string;
+    text_bold?: string;
+    description?: string;
+}
+interface INSGroupedListState {
+    isVisible: boolean;
+}
+export default class NSGroupedList extends Component<INSGroupedListProps, INSGroupedListState> {
+    private groupListRef;
+    constructor(props: INSGroupedListProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    handleClickOutside(event: MouseEvent): void;
+    hide(): void;
+    show(): void;
+    render(): import("react/jsx-runtime").JSX.Element | null;
+}
+export {};

package/dist/components/NSGroupedList.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Component, createRef } from 'react';
+import Styles from "./NSGroupedList.module.css";
+export default class NSGroupedList extends Component {
+    constructor(props) {
+        super(props);
+        this.groupListRef = createRef();
+        this.state = {
+            isVisible: true,
+        };
+        this.handleClickOutside = this.handleClickOutside.bind(this);
+        this.hide = this.hide.bind(this);
+        this.show = this.show.bind(this);
+    }
+    componentDidMount() {
+        document.addEventListener('mousedown', this.handleClickOutside);
+    }
+    componentWillUnmount() {
+        document.removeEventListener('mousedown', this.handleClickOutside);
+    }
+    handleClickOutside(event) {
+        if (this.groupListRef.current && !this.groupListRef.current.contains(event.target)) {
+            this.hide();
+        }
+    }
+    hide() {
+        this.setState({ isVisible: false });
+    }
+    show() {
+        this.setState({ isVisible: true }, () => {
+            console.log("State after show:", this.state);
+        });
+    }
+    render() {
+        if (!this.state.isVisible) {
+            return null;
+        }
+        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))) }));
+    }
+}
+//# sourceMappingURL=NSGroupedList.js.map

package/dist/components/NSGroupedList.js.map

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

package/dist/components/NSHeader.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import { FilterLinkFullRow } from 'namirasoft-api-link';
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+import { IHeaderProps } from "../props/IHeaderProps";
+export interface INSHeaderProps extends IBaseComponentProps {
+    scope: string;
+    name: string;
+    logo: string;
+    nav?: IBaseComponentProps;
+    header: IHeaderProps;
+}
+export interface NSHeaderState {
+    filters: FilterLinkFullRow[];
+    selected: FilterLinkFullRow | null;
+    showNavbar: boolean;
+}
+export declare class NSHeader extends React.Component<INSHeaderProps, NSHeaderState> {
+    constructor(props: INSHeaderProps);
+    componentDidMount(): void;
+    private onMenuItemToggled;
+    private hasChild;
+    handleShowNavbar(): void;
+    render(): import("react/jsx-runtime").JSX.Element;
+    private render_menu;
+    private render_menuItem;
+}

package/dist/components/NSHeader.js

@@ -0,0 +1,81 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from "react";
+import Styles from "./NSHeader.module.css";
+import NavDropdown from 'react-bootstrap/NavDropdown';
+import { NamirasoftAPILinkServer } from 'namirasoft-api-link';
+export class NSHeader extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            filters: [],
+            selected: null,
+            showNavbar: false
+        };
+        this.hasChild = this.hasChild.bind(this);
+        this.onMenuItemToggled = this.onMenuItemToggled.bind(this);
+        this.render_menu = this.render_menu.bind(this);
+        this.render_menuItem = this.render_menuItem.bind(this);
+        this.handleShowNavbar = this.handleShowNavbar.bind(this);
+    }
+    componentDidMount() {
+        let server = new NamirasoftAPILinkServer(console.error);
+        server.filter.ListFilterLinks(this.props.scope, this.props.name, null, null, null).then(filters => {
+            this.setState({ filters: filters.rows });
+        }).catch(() => { });
+    }
+    onMenuItemToggled(checked, selected) {
+        if (checked)
+            this.setState({ selected });
+    }
+    hasChild(id) {
+        return this.state.filters.filter(f => f.parent_id === id).length > 0;
+    }
+    handleShowNavbar() {
+        this.setState({ showNavbar: !this.state.showNavbar });
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f;
+        let nav = this.props.nav;
+        if (!nav)
+            nav = { style: {} };
+        if (!nav.style)
+            nav.style = {};
+        if (!((_a = nav.style) === null || _a === void 0 ? void 0 : _a.backgroundColor))
+            nav.style.backgroundColor = "rgba(20, 27, 92, 1)";
+        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 &&
+                                    _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 &&
+                                                        _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 ?
+                                            "https://static.namirasoft.com/image/concept/close/white.svg"
+                                            : "https://static.namirasoft.com/image/concept/menu/burger-white.svg", alt: "Menu Icon", width: 24, height: 24 }) })] })] }) }) }));
+    }
+    render_menu(level, parent_id) {
+        var _a;
+        let fs = (_a = this.state.filters) === null || _a === void 0 ? void 0 : _a.filter(f => f.parent_id === parent_id);
+        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))) }));
+    }
+    render_menuItem(level, filter) {
+        var _a;
+        if (this.hasChild(filter.id)) {
+            let sub_menus = _jsx(_Fragment, {});
+            if (level === 0)
+                if (this.state.selected) {
+                    sub_menus =
+                        _jsx("div", { id: `dropdown_items${filter.id}`, children: this.render_menu(1, this.state.selected.id) });
+                }
+            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 }) });
+        }
+        else {
+            let href = (_a = filter.link) === null || _a === void 0 ? void 0 : _a.url;
+            if (process.env.REACT_APP_STANDALONE)
+                if (href) {
+                    let url = new URL(href);
+                    url.host = window.location.host;
+                    url.protocol = window.location.protocol;
+                    href = url.toString();
+                }
+            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));
+        }
+    }
+}
+//# sourceMappingURL=NSHeader.js.map

package/dist/components/NSHeader.js.map

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

package/dist/components/NSLayout.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+import { IBaseComponentProps } from '../props/IBaseComponentProps';
+import { INSBarNotificationProps } from './NSBarNotification';
+import { IHeaderProps } from '../props/IHeaderProps';
+import { INSBarActionProps } from './NSBarAction';
+import { INSBarHeroBannerProps } from './NSBarHeroBanner';
+import { INSBarTitleProps } from './NSBarTitle';
+export interface INSLayoutProps extends IBaseComponentProps {
+    scope: string;
+    logo: string;
+    background?: string;
+    header: IHeaderProps;
+    notifications: INSBarNotificationProps[];
+    action?: INSBarActionProps;
+    banner?: INSBarHeroBannerProps;
+    title?: INSBarTitleProps;
+    children: ReactNode;
+}
+export interface NSLayoutState {
+    action_show: boolean;
+}
+export declare function NSLayout(props: INSLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSLayout.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import Styles from './NSLayout.module.css';
+import { NSHeader } from './NSHeader';
+import { NSFooter } from './NSFooter';
+import { NSBarNotification } from './NSBarNotification';
+import { NSBarAction } from './NSBarAction';
+import { NSBarHeroBanner } from './NSBarHeroBanner';
+import { NSBarTitle } from './NSBarTitle';
+import { NSSpace, NSSpaceSizeType } from './NSSpace';
+export function NSLayout(props) {
+    var _a;
+    function isValidAction(action) {
+        if (action)
+            if (action.title || action.description || Object.keys(action.menus).length > 0)
+                return true;
+        return false;
+    }
+    return (_jsxs("div", { id: props.id, className: `${Styles.ns_container} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: {
+            minHeight: "100vh",
+            width: "100%",
+            display: "flex",
+            flexDirection: "column",
+            justifyContent: "center",
+            background: props.background,
+            backgroundSize: "cover",
+            backgroundAttachment: "fixed"
+        }, 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 &&
+                _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 })] }));
+}
+//# sourceMappingURL=NSLayout.js.map

package/dist/components/NSLayout.js.map

@@ -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"}

package/dist/components/NSLine.d.ts

@@ -0,0 +1,4 @@
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+export interface INSLineProps extends IBaseComponentProps {
+}
+export declare function NSLine(): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSLine.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Line from "../assets/images/line.png";
+export function NSLine() {
+    return (_jsx("img", { src: Line, alt: "Line", width: "100%", height: "max-content" }));
+}
+//# sourceMappingURL=NSLine.js.map

package/dist/components/NSLine.js.map

@@ -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"}

package/dist/components/NSLink.d.ts

@@ -0,0 +1,5 @@
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+import { ILinkProps } from "../props/ILinkProps";
+export interface INSILinkProps extends ILinkProps, IBaseComponentProps {
+}
+export declare function NSLink(props: INSILinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSLink.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Styles from "./NSLink.module.css";
+export function NSLink(props) {
+    var _a, _b;
+    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 }) }));
+}
+//# sourceMappingURL=NSLink.js.map

package/dist/components/NSLink.js.map

@@ -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"}

package/dist/components/NSLinkBlue.d.ts

@@ -0,0 +1,2 @@
+import { INSILinkProps } from "./NSLink";
+export declare function NSLinkBlue(props: INSILinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSLinkBlue.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { NSLink } from "./NSLink";
+export function NSLinkBlue(props) {
+    return (_jsx(NSLink, { id: props.id, style: {
+            color: "#fff",
+            border: "none",
+            backgroundColor: "rgba(3, 119, 255, 1)",
+            width: "358px",
+            height: "48px",
+            boxShadow: "inset 0 - 4px 4px 0px rgb(0 0 0 / 25 %)"
+        }, title: props.title, href: props.href, target: props.target }));
+}
+//# sourceMappingURL=NSLinkBlue.js.map

package/dist/components/NSLinkBlue.js.map

@@ -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"}

package/dist/components/NSLinkGreen.d.ts

@@ -0,0 +1,2 @@
+import { INSILinkProps } from "./NSLink";
+export declare function NSLinkGreen(props: INSILinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSLinkGreen.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { NSLink } from "./NSLink";
+export function NSLinkGreen(props) {
+    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 });
+}
+//# sourceMappingURL=NSLinkGreen.js.map

package/dist/components/NSLinkGreen.js.map

@@ -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"}

package/dist/components/NSLinkRed.d.ts

@@ -0,0 +1,2 @@
+import { INSILinkProps } from "./NSLink";
+export declare function NSLinkRed(props: INSILinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSLinkRed.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { NSLink } from "./NSLink";
+export function NSLinkRed(props) {
+    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 });
+}
+//# sourceMappingURL=NSLinkRed.js.map

package/dist/components/NSLinkRed.js.map

@@ -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"}

package/dist/components/NSLoading.d.ts

@@ -0,0 +1,4 @@
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+export interface INSLoadingProps extends IBaseComponentProps {
+}
+export declare function NSLoading(props: INSLoadingProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSLoading.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Styles from './NSLoading.module.css';
+import { NSSection } from './NSSection';
+export function NSLoading(props) {
+    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 ..." })] }) })));
+}
+//# sourceMappingURL=NSLoading.js.map

package/dist/components/NSLoading.js.map

@@ -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"}

package/dist/components/NSModal.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { IBaseComponentProps } from "../main";
+export interface INSModalProps extends IBaseComponentProps {
+    title?: string;
+    description?: string;
+    show: boolean;
+    children?: React.ReactNode;
+    onClose: () => void;
+}
+export declare function NSModal(props: INSModalProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSModal.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { NSSpace, NSSpaceSizeType, NSTitle } from "../main";
+import Styles from './NSModal.module.css';
+export function NSModal(props) {
+    var _a;
+    const handleModalClick = (event) => {
+        event.stopPropagation();
+    };
+    return (_jsx("div", { onClick: props.onClose, children: _jsx("section", { id: props.id, className: `${props.show ? Styles.ns_show : Styles.ns_hide}
+					${Styles.ns_modal} 
+					${(_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 }))] }) }) }) }));
+}
+//# sourceMappingURL=NSModal.js.map

package/dist/components/NSModal.js.map

@@ -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"}

package/dist/components/NSNoData.d.ts

@@ -0,0 +1,5 @@
+import { IBaseComponentProps } from '../props/IBaseComponentProps';
+export interface INSNoDataProps extends IBaseComponentProps {
+    lable: string;
+}
+export declare function NSNoData(props: INSNoDataProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSNoData.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Styles from './NSNoData.module.css';
+export function NSNoData(props) {
+    var _a;
+    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 })] }));
+}
+//# sourceMappingURL=NSNoData.js.map

package/dist/components/NSNoData.js.map

@@ -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"}

package/dist/components/NSPagination.d.ts

@@ -0,0 +1,20 @@
+import { Component } from 'react';
+import { IBaseComponentProps } from '../props/IBaseComponentProps';
+import React from "react";
+import { NSBoxCombo } from './NSBoxCombo';
+export interface INSPaginationProps extends IBaseComponentProps {
+    totalItems: number;
+    onPageChange: (page: number, size: number) => void;
+}
+interface INSPaginationState {
+    currentPage: number;
+    pageSize: number;
+}
+export declare class NSPagination extends Component<INSPaginationProps, INSPaginationState> {
+    PageSize: React.RefObject<NSBoxCombo>;
+    constructor(props: INSPaginationProps);
+    getCurrentPage(): number;
+    getPageSize(): number;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/dist/components/NSPagination.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Component } from 'react';
+import Styles from './NSPagination.module.css';
+import React from "react";
+import { NSBoxCombo } from './NSBoxCombo';
+let pageSizes = [25, 50, 100, 200, 500];
+export class NSPagination extends Component {
+    constructor(props) {
+        super(props);
+        this.PageSize = React.createRef();
+        this.state = { currentPage: 1, pageSize: pageSizes[0] };
+    }
+    getCurrentPage() {
+        return this.state.currentPage;
+    }
+    getPageSize() {
+        return this.state.pageSize;
+    }
+    render() {
+        var _a;
+        let pageSize = this.state.pageSize;
+        const { totalItems, onPageChange } = this.props;
+        const totalPages = Math.ceil(totalItems / pageSize);
+        const windowSize = 2;
+        const minPage = Math.max(2, this.state.currentPage - windowSize);
+        const maxPage = Math.min(this.state.currentPage + windowSize, totalPages - 1);
+        const current_min = Math.min(totalItems, (this.state.currentPage - 1) * pageSize + 1);
+        const current_max = Math.min(totalItems, this.state.currentPage * pageSize);
+        const pages = [];
+        const pushPage = (page) => {
+            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) => {
+                        e.preventDefault();
+                        let currentPage = page;
+                        let pageSize = this.state.pageSize;
+                        this.setState({ currentPage, pageSize }, () => {
+                            onPageChange(currentPage, pageSize);
+                        });
+                    }, children: page }) }, page));
+        };
+        pages.push(_jsx("div", { children: _jsx("a", { href: "#", onClick: (e) => {
+                    e.preventDefault();
+                    if (this.state.currentPage > 1) {
+                        let currentPage = this.state.currentPage - 1;
+                        let pageSize = this.state.pageSize;
+                        this.setState({ currentPage, pageSize }, () => {
+                            onPageChange(currentPage, pageSize);
+                        });
+                    }
+                }, 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"));
+        pushPage(1);
+        if (this.state.currentPage > windowSize + 2) {
+            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"));
+        }
+        for (let i = minPage; i <= maxPage; i++)
+            pushPage(i);
+        if (this.state.currentPage < totalPages - windowSize - 1) {
+            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"));
+        }
+        if (totalPages > 1) {
+            pushPage(totalPages);
+        }
+        pages.push(_jsx("div", { children: _jsx("a", { href: "#", onClick: (e) => {
+                    e.preventDefault();
+                    if (this.state.currentPage < totalPages) {
+                        let currentPage = this.state.currentPage + 1;
+                        let pageSize = this.state.pageSize;
+                        this.setState({ currentPage, pageSize }, () => {
+                            onPageChange(currentPage, pageSize);
+                        });
+                    }
+                }, 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"));
+        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: () => {
+                                        var _a, _b;
+                                        let currentPage = this.state.currentPage;
+                                        let pageSize = parseInt((_b = (_a = this.PageSize.current) === null || _a === void 0 ? void 0 : _a.getValue()) !== null && _b !== void 0 ? _b : pageSizes[0].toString());
+                                        this.setState({ currentPage, pageSize }, () => {
+                                            onPageChange(currentPage, pageSize);
+                                        });
+                                    } }) }), _jsx("h6", { children: `(${current_min} - ${current_max}) of ${totalItems}` })] })] }) }));
+    }
+}
+//# sourceMappingURL=NSPagination.js.map

package/dist/components/NSPagination.js.map

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

package/dist/components/NSPanel.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from "react";
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+export interface NSPanelProps extends IBaseComponentProps {
+    children: ReactNode;
+    grid: boolean;
+}
+export declare function NSPanel(props: NSPanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSPanel.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Styles from './NSPanel.module.css';
+export function NSPanel(props) {
+    var _a;
+    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 }));
+}
+//# sourceMappingURL=NSPanel.js.map

package/dist/components/NSPanel.js.map

@@ -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"}

package/dist/components/NSPrintModal.d.ts

@@ -0,0 +1,15 @@
+import { Component } from 'react';
+export interface NSPrintModalProps {
+    onClose: () => void;
+}
+interface NSPrintModalState {
+}
+export declare class NSPrintModal extends Component<NSPrintModalProps, NSPrintModalState> {
+    private toastRef;
+    constructor(props: NSPrintModalProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private onClickOutside;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export default NSPrintModal;