namirasoft-site-react 1.2.0 → 1.2.2

package/.gitlab-ci.yml

@@ -8,7 +8,7 @@ publish:
     - rm -rf dist
     - ncu -u
     - npm i
-    - tsc
+    - npm run build
     - npm publish
   only:
     - master

package/dist/App.d.ts

@@ -0,0 +1,4 @@
+import './App.css';
+import 'bootstrap/dist/css/bootstrap.min.css';
+declare function App(): import("react/jsx-runtime").JSX.Element;
+export default App;

package/dist/App.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './App.css';
+import 'bootstrap/dist/css/bootstrap.min.css';
+import NSHeader from './components/NSHeader';
+import NSFooter from './components/NSFooter';
+import NSInputText from './components/NSInputText';
+import NSInputInteger from './components/NSInputInteger';
+import NSInputFloat from './components/NSInputFloat';
+import NSInputPrice from './components/NSInputPrice';
+import NSInputDate from './components/NSInputDate';
+import NSInputTime from './components/NSInputTime';
+import NSInputDuration from './components/NSInputDuration';
+import NSInputString from './components/NSInputString';
+import NSInputIP from './components/NSInputIP';
+import NSInputEmail from './components/NSInputEmail';
+import NSInputSearch from './components/NSInputSearch';
+import NSInputPhone from './components/NSInputPhone';
+import { NSButtonGreen } from './components/NSButtonGreen';
+import { NSButtonRed } from './components/NSButtonRed';
+import NSSelectBox from './components/NSSelectBox';
+function App() {
+    const options = [
+        {
+            label: 'Test1',
+            value: 'test1',
+            desc: 'Test1',
+        },
+        {
+            label: 'Test2',
+            value: 'test2',
+            desc: 'Test2',
+        },
+        {
+            label: 'Test3',
+            value: 'test3',
+            desc: 'Test3',
+        },
+        {
+            label: 'Test4',
+            value: 'test4',
+            desc: 'Test4',
+        },
+    ];
+    return (_jsxs("div", Object.assign({ className: "App" }, { children: [_jsx(NSHeader, { scope: 'test', name: 'test' }), _jsxs("div", Object.assign({ className: 'my-4' }, { children: [_jsx(NSInputText, { title: 'Text' }), _jsx(NSInputInteger, { title: 'Integer' }), _jsx(NSInputFloat, { title: 'Floating Point' }), _jsx(NSInputPrice, { title: 'Price' }), _jsx(NSInputDate, { title: 'Date' }), _jsx(NSInputTime, { title: 'Time' }), _jsx(NSInputDuration, { title: 'Duration' }), _jsx(NSInputString, { title: 'String' }), _jsx(NSInputIP, { title: 'IP' }), _jsx(NSInputEmail, { title: 'Email' }), _jsx(NSInputSearch, { title: 'Search' }), _jsx(NSInputPhone, { title: 'Phone' }), _jsx(NSSelectBox, { title: "t", options: options }), _jsx(NSButtonGreen, { title: 'Save', onClick: () => { } }), _jsx(NSButtonRed, { title: 'Delete', onClick: () => { } })] })), _jsx(NSFooter, { scope: 'test', name: 'test' })] })));
+}
+export default App;
+//# sourceMappingURL=App.js.map

package/dist/App.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAC9C,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,cAAc,MAAM,6BAA6B,CAAC;AACzD,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAC/C,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAGnD,SAAS,GAAG;IACR,MAAM,OAAO,GAA2B;QACpC;YACI,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;SAChB;QACD;YACI,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;SAChB;QACD;YACI,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;SAChB;QACD;YACI,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;SAChB;KACJ,CAAC;IACF,OAAO,CACH,6BAAK,SAAS,EAAC,KAAK,iBAChB,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,GAAG,EACrC,6BAAK,SAAS,EAAC,MAAM,iBACjB,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,KAAC,cAAc,IAAC,KAAK,EAAC,SAAS,GAAG,EAClC,KAAC,YAAY,IAAC,KAAK,EAAC,gBAAgB,GAAG,EACvC,KAAC,YAAY,IAAC,KAAK,EAAC,OAAO,GAAG,EAC9B,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,KAAC,eAAe,IAAC,KAAK,EAAC,UAAU,GAAG,EACpC,KAAC,aAAa,IAAC,KAAK,EAAC,QAAQ,GAAG,EAChC,KAAC,SAAS,IAAC,KAAK,EAAC,IAAI,GAAG,EACxB,KAAC,YAAY,IAAC,KAAK,EAAC,OAAO,GAAG,EAC9B,KAAC,aAAa,IAAC,KAAK,EAAC,QAAQ,GAAG,EAChC,KAAC,YAAY,IAAC,KAAK,EAAC,OAAO,GAAG,EAC9B,KAAC,WAAW,IAAC,KAAK,EAAC,GAAG,EAAC,OAAO,EAAE,OAAO,GAAI,EAC3C,KAAC,aAAa,IAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,GAAI,EAClD,KAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,GAAI,KAChD,EACN,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,GAAG,KACnC,CACT,CAAC;AACN,CAAC;AAED,eAAe,GAAG,CAAC"}

package/dist/components/NSButtonGreen.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+interface IProps {
+    title: string;
+    onClick: () => void;
+}
+interface IState {
+}
+export declare class NSButtonGreen extends React.Component<IProps, IState> {
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/dist/components/NSButtonGreen.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import Style from "./NSButtonGreen.module.css";
+export class NSButtonGreen extends React.Component {
+    render() {
+        return _jsx("button", Object.assign({ onClick: this.props.onClick, className: Style.ns_button_green }, { children: this.props.title }));
+    }
+}
+//# sourceMappingURL=NSButtonGreen.js.map

package/dist/components/NSButtonGreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSButtonGreen.js","sourceRoot":"","sources":["../../src/components/NSButtonGreen.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,4BAA4B,CAAC;AAQ/C,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAyB;IAErD,MAAM;QACX,OAAO,+BAAQ,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,eAAe,gBAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAU,CAAC;IAC9G,CAAC;CACJ"}

package/dist/components/NSButtonGreen.module.css

@@ -0,0 +1,12 @@
+.ns_button_green {
+    width: 358px;
+    max-width: 100%;
+    height: 48px;
+    border-radius: 8px;
+    background-color: #06D182;
+    color: #fff;
+    border: 0;
+    box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
+    font-size: 16px;
+    font-weight: 400;
+}

package/dist/components/NSButtonRed.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+interface IProps {
+    title: string;
+    onClick: () => void;
+}
+interface IState {
+}
+export declare class NSButtonRed extends React.Component<IProps, IState> {
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/dist/components/NSButtonRed.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import Style from "./NSButtonRed.module.css";
+export class NSButtonRed extends React.Component {
+    render() {
+        return _jsx("button", Object.assign({ onClick: this.props.onClick, className: Style.ns_button_red }, { children: this.props.title }));
+    }
+}
+//# sourceMappingURL=NSButtonRed.js.map

package/dist/components/NSButtonRed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSButtonRed.js","sourceRoot":"","sources":["../../src/components/NSButtonRed.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,0BAA0B,CAAC;AAQ7C,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAyB;IAEnD,MAAM;QACX,OAAO,+BAAQ,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,aAAa,gBAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAU,CAAC;IAC5G,CAAC;CACJ"}

package/dist/components/NSButtonRed.module.css

@@ -0,0 +1,12 @@
+.ns_button_red {
+    width: 358px;
+    max-width: 100%;
+    height: 48px;
+    border-radius: 8px;
+    background-color: #FF3F3F;
+    color: #fff;
+    border: 0;
+    box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
+    font-size: 16px;
+    font-weight: 400;
+}

package/dist/components/NSFooter.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { FilterLinkRow } from 'namirasoft-api-link';
+interface IProps {
+    scope: string;
+    name: string;
+}
+interface IState {
+    filters: FilterLinkRow[];
+    selected: FilterLinkRow | null;
+}
+export default class NSFooter extends React.Component<IProps, IState> {
+    constructor(props: IProps);
+    componentDidMount(): void;
+    private hasChild;
+    render(): import("react/jsx-runtime").JSX.Element;
+    private render_menu;
+    private render_menuItem;
+}
+export {};

package/dist/components/NSFooter.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from "react";
+import Styles from "./NSFooter.module.css";
+import { NamirasoftAPILinkServer } from 'namirasoft-api-link';
+export default class NSFooter extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            filters: [],
+            selected: null
+        };
+        this.hasChild = this.hasChild.bind(this);
+        this.render_menu = this.render_menu.bind(this);
+        this.render_menuItem = this.render_menuItem.bind(this);
+    }
+    componentDidMount() {
+        let server = new NamirasoftAPILinkServer(console.error);
+        server.filter.GetFilters(this.props.scope, this.props.name).then(filters => {
+            this.setState({ filters });
+        });
+    }
+    hasChild(id) {
+        return this.state.filters.filter(f => f.parent_id === id).length > 0;
+    }
+    render() {
+        return (_jsx("div", Object.assign({ className: Styles.ns_footer }, { children: _jsxs("div", Object.assign({ className: "container" }, { children: [_jsxs("div", Object.assign({ className: `d-flex justify-content-between ${Styles.ns_footer_parent_items}` }, { children: [_jsx("div", Object.assign({ className: "d-none d-md-block" }, { children: _jsx("div", { children: _jsx("a", Object.assign({ href: "/" }, { children: _jsx("img", { src: "https://static.namirasoft.com/logo/account/base.png", alt: 'footer', width: 48, height: 48 }) })) }) })), _jsx("div", Object.assign({ className: "d-flex flex-wrap w-100 gap-5" }, { children: this.render_menu(0, null) })), _jsx("div", Object.assign({ className: "justify-content-end d-none d-md-flex" }, { children: _jsx("div", { children: _jsx("a", Object.assign({ href: "/" }, { children: _jsx("img", { src: "https://static.namirasoft.com/logo/namirasoft/name.png", alt: 'footer', width: 48, height: 48 }) })) }) }))] })), _jsxs("div", Object.assign({ className: "d-flex justify-content-center gap-4 mb-3 d-block d-md-none" }, { children: [_jsx("div", { children: _jsx("a", Object.assign({ href: "/" }, { children: _jsx("img", { src: "https://static.namirasoft.com/logo/account/base.png", alt: 'footer', width: 48, height: 48 }) })) }), _jsx("div", { children: _jsx("a", Object.assign({ href: "/" }, { children: _jsx("img", { src: "https://static.namirasoft.com/logo/namirasoft/name.png", alt: 'footer', width: 48, height: 48 }) })) })] })), _jsx("div", Object.assign({ className: `row ${Styles.ns_footer_copyright}` }, { children: "\u00A9Copyright 2010 - 2023 Namira Software Corporation. All rights reserved." }))] })) })));
+    }
+    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(_Fragment, { children: (fs === null || fs === void 0 ? void 0 : fs.map(f => this.render_menuItem(level, f))) }));
+    }
+    render_menuItem(level, filter) {
+        if (this.hasChild(filter.id)) {
+            return (_jsx(_Fragment, { children: _jsxs("ul", Object.assign({ id: `dropdown_parent${filter.id}` }, { children: [filter.name, this.render_menu(1, filter.id)] })) }));
+        }
+        else if (level == 0) {
+            return (_jsx(_Fragment, { children: _jsx("ul", Object.assign({ id: `dropdown_parent${filter.id}` }, { children: filter.name })) }));
+        }
+        else {
+            return (_jsx("li", Object.assign({ className: "mb-2" }, { children: filter.name })));
+        }
+    }
+}
+//# sourceMappingURL=NSFooter.js.map

package/dist/components/NSFooter.js.map

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

package/dist/components/NSFooter.module.css

@@ -0,0 +1,32 @@
+.ns_footer {
+    width: 100%;
+    background: rgba(0, 0, 0, 0.3);
+    padding: 16px 0 8px 0;
+}
+
+.footns_footer li {
+    color: #fff;
+}
+
+.ns_footer ul {
+    list-style: none;
+    color: #fff;
+    padding: 0;
+}
+.ns_footer_copyright{
+    color: #fff !important;
+    text-align: center;
+    justify-content: center;
+    width: 100%;
+}
+.ns_footer_parent_items{
+    gap: 64px;
+}
+.ns_footer li{
+    font-size: 12px !important;
+    font-weight: 300 !important;
+}
+.ns_footer h5{
+    font-size: 16px !important;
+    font-weight: 600 !important;
+}

package/dist/components/NSHeader.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import { FilterLinkRow } from 'namirasoft-api-link';
+interface IProps {
+    scope: string;
+    name: string;
+}
+interface IState {
+    filters: FilterLinkRow[];
+    selected: FilterLinkRow | null;
+    showNavbar: boolean;
+}
+export default class NSHeader extends React.Component<IProps, IState> {
+    constructor(props: IProps);
+    componentDidMount(): void;
+    private onMenuItemToggled;
+    private hasChild;
+    handleShowNavbar(): void;
+    render(): import("react/jsx-runtime").JSX.Element;
+    private render_menu;
+    private render_menuItem;
+}
+export {};

package/dist/components/NSHeader.js

@@ -0,0 +1,63 @@
+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 Nav from 'react-bootstrap/Nav';
+import Menu from '../assets/images/menu.svg';
+import Exit from '../assets/images/exit.svg';
+import NavDropdown from 'react-bootstrap/NavDropdown';
+import { NamirasoftAPILinkServer } from 'namirasoft-api-link';
+export default 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.GetFilters(this.props.scope, this.props.name).then(filters => {
+            this.setState({ filters });
+        });
+    }
+    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() {
+        return (_jsx("nav", Object.assign({ className: Styles.ns_navbar }, { children: _jsxs("div", Object.assign({ className: `${Styles.ns_navbar_parent_content} container` }, { children: [_jsx("img", { src: "https://static.namirasoft.com/logo/account/base.png", alt: "logo", width: 48, height: 48 }), _jsxs("div", Object.assign({ className: `${Styles.ns_navbar_content} gap-2 d-flex justify-content-between` }, { children: [_jsx("div", Object.assign({ className: `${Styles.ns_navbar_elements} ${this.state.showNavbar && Styles.ns_navbar_active}` }, { children: this.render_menu(0, null) })), _jsxs("div", Object.assign({ className: "d-flex justify-content-center align-items-center" }, { children: [_jsx("span", Object.assign({ className: `me-2 ${Styles.ns_navbar_usersname}` }, { children: "name" })), _jsx("img", { src: Exit, alt: "exit", width: 20, height: 20 })] })), _jsx("div", Object.assign({ className: Styles.ns_navbar_menu_icon, onClick: this.handleShowNavbar }, { children: _jsx("img", { src: Menu, alt: "menu", width: 19, height: 17 }) }))] }))] })) })));
+    }
+    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(Nav, Object.assign({ className: "me-auto" }, { 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", Object.assign({ id: `dropdown_items${filter.id}` }, { children: this.render_menu(1, this.state.selected.id) }));
+                }
+            return (_jsx(_Fragment, { children: _jsx(NavDropdown, Object.assign({ 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 {
+            return (_jsxs(Nav.Link, Object.assign({ className: level === 0 ? Styles.ns_navbar_first_level_item : Styles.ns_navbar_second_level_item, href: (_a = filter.link) === null || _a === void 0 ? void 0 : _a.url }, { children: [filter.name, "li"] })));
+        }
+    }
+}
+//# 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/NSHeader.module.css

@@ -0,0 +1,127 @@
+.ns_navbar_usersname {
+    color: #fff !important;
+    font-size: 16px;
+    font-weight: 400;
+}
+
+.ns_navbar {
+    min-height: 60px;
+    background-color: rgba(0, 0, 0, 0.3) !important;
+    position: relative;
+    z-index: 10;
+    display: flex;
+    align-items: center;
+}
+
+.ns_navbar_menu_icon {
+    display: none;
+}
+
+.ns_navbar_elements ul {
+    display: flex;
+    justify-content: space-between;
+    list-style-type: none;
+}
+
+.ns_navbar_elements ul li:not(:last-child) {
+    margin-right: 60px;
+}
+
+.ns_navbar_elements ul a {
+    font-size: 16px;
+    font-weight: 400;
+    color: #2f234f;
+    text-decoration: none;
+}
+
+.ns_navbar_elements ul a.ns_navbar_active {
+    color: #574c4c;
+    font-weight: 500;
+    position: relative;
+}
+
+.ns_navbar_elements ul a.ns_navbar_active::after {
+    content: "";
+    position: absolute;
+    bottom: -4px;
+    left: 0;
+    width: 100%;
+    height: 2px;
+    background-color: #574c4c;
+}
+
+@media (max-width: 768px) {
+    .ns_navbar_elements ul li:not(:last-child) {
+        margin-right: 30px;
+    }
+}
+
+@media (max-width: 600px) {
+    .ns_navbar_menu_icon {
+        display: block;
+        cursor: pointer;
+    }
+
+    .ns_navbar_elements {
+        position: absolute;
+        right: 0;
+        top: 60px;
+        width: 0px;
+        height: calc(100vh - 60px);
+        transition: all 0.3s ease-in;
+        overflow: hidden;
+        background-color: rgb(0 15 53 / 98%) !important;
+    }
+
+    .ns_navbar_elements.ns_navbar_active {
+        width: 270px;
+    }
+
+    .ns_navbar_elements ul {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .ns_navbar_elements ul li {
+        margin-right: unset;
+        margin-top: 22px;
+    }
+
+    .ns_navbar_elements div {
+        flex-direction: column;
+        align-content: center;
+    }
+}
+
+.ns_navbar_parent_content {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+@media only screen and (min-width: 991px) {
+    .ns_nav_second_item .dropdown-menu {
+        margin-top: -20% !important;
+        margin-left: 100%;
+    }
+
+    .ns_navbar_content {
+        width: 100%;
+    }
+}
+
+.ns_navbar_first_level_item a {
+    color: #fff;
+}
+
+.ns_navbar_second_level_item a {
+    color: #000 !important;
+}
+
+.ns_navbar_first_level_item {
+    color: #fff;
+}
+
+.ns_navbar_second_level_item {
+    color: #000 !important;
+}

package/dist/components/NSInputDate.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+interface IProps {
+    title: string;
+}
+interface IState {
+    value: string;
+}
+export default class NSInputDate extends React.Component<IProps, IState> {
+    constructor(props: IProps);
+    setValue(e: React.ChangeEvent<HTMLInputElement>): void;
+    setDefaultValue(value: string): void;
+    getValue(): string;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/dist/components/NSInputDate.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import Styles from "./NSInputDate.module.css";
+export default class NSInputDate extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            value: "",
+        };
+        this.setValue = this.setValue.bind(this);
+        this.getValue = this.getValue.bind(this);
+        this.setDefaultValue = this.setDefaultValue.bind(this);
+    }
+    setValue(e) {
+        this.setState({ value: e.target.value });
+    }
+    setDefaultValue(value) {
+        this.setState({ value });
+    }
+    getValue() {
+        return this.state.value;
+    }
+    render() {
+        return (_jsxs("div", Object.assign({ className: `${Styles.ns_parent_input} p-2` }, { children: [_jsx("span", Object.assign({ className: Styles.ns_input_title }, { children: this.props.title })), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "date", className: Styles.ns_input, placeholder: "YYYY/MM/DD" })] })));
+    }
+}
+//# sourceMappingURL=NSInputDate.js.map

package/dist/components/NSInputDate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSInputDate.js","sourceRoot":"","sources":["../../src/components/NSInputDate.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAY9C,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAyB;IACpE,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,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,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,QAAQ,CAAC,CAAsC;QAE3C,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,iBAC3C,6BAAM,SAAS,EAAE,MAAM,CAAC,cAAc,gBAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAQ,EACjE,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,YAAY,GAC1B,KACA,CACT,CAAC;IACN,CAAC;CACJ"}

package/dist/components/NSInputDate.module.css

@@ -0,0 +1,32 @@
+.ns_parent_input{
+    display: flex;
+    flex-direction: column;
+    width: 326px;
+    color: #fff;
+    position: relative;
+    max-width: 100%;
+}
+.ns_input{
+    border-radius: 8px;
+    padding: 10px 12px;
+    font-size: 16px;
+    font-weight: 400;
+}
+.ns_input_icon{
+    position: absolute;
+    right: 20px;
+    top: 51%;
+}
+.ns_input_title {
+    font-size: 16px;
+    font-weight: 400;
+}
+input[type="date"]::-webkit-calendar-picker-indicator {
+    display: block;
+    background: url(../assets/images/icon-input-date.svg) no-repeat;
+    width: 24px;
+    height: 24px;
+    position: relative;
+    top: 3px;
+    left: 4px;
+}

package/dist/components/NSInputDuration.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+interface IProps {
+    title: string;
+}
+interface IState {
+    value: string;
+}
+export default class NSInputDuration extends React.Component<IProps, IState> {
+    constructor(props: IProps);
+    setValue(e: React.ChangeEvent<HTMLInputElement>): void;
+    setDefaultValue(value: string): void;
+    getValue(): string;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/dist/components/NSInputDuration.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import Styles from "./NSInputDuration.module.css";
+import IconInputDuration from '../assets/images/icon-input-duration.svg';
+export default class NSInputDuration extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            value: "",
+        };
+        this.setValue = this.setValue.bind(this);
+        this.getValue = this.getValue.bind(this);
+        this.setDefaultValue = this.setDefaultValue.bind(this);
+    }
+    setValue(e) {
+        this.setState({ value: e.target.value });
+    }
+    setDefaultValue(value) {
+        this.setState({ value });
+    }
+    getValue() {
+        return this.state.value;
+    }
+    render() {
+        return (_jsxs("div", Object.assign({ className: `${Styles.ns_input_parent} p-2` }, { children: [_jsx("span", Object.assign({ className: Styles.ns_input_title }, { children: this.props.title })), _jsx("img", { className: Styles.ns_input_icon, src: IconInputDuration, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "time", className: Styles.ns_input, placeholder: "21:44:06", step: "2" })] })));
+    }
+}
+//# sourceMappingURL=NSInputDuration.js.map

package/dist/components/NSInputDuration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSInputDuration.js","sourceRoot":"","sources":["../../src/components/NSInputDuration.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAClD,OAAO,iBAAiB,MAAM,0CAA0C,CAAC;AAYzE,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,KAAK,CAAC,SAAyB;IACxE,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,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,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,QAAQ,CAAC,CAAsC;QAE3C,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,iBAC3C,6BAAM,SAAS,EAAE,MAAM,CAAC,cAAc,gBAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,iBAAiB,EACtB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,UAAU,EACtB,IAAI,EAAC,GAAG,GACV,KACA,CACT,CAAC;IACN,CAAC;CACJ"}

package/dist/components/NSInputDuration.module.css

@@ -0,0 +1,26 @@
+.ns_input_parent {
+    display: flex;
+    flex-direction: column;
+    width: 326px;
+    color: #fff;
+    position: relative;
+    max-width: 100%;
+}
+
+.ns_input {
+    border-radius: 8px;
+    padding: 10px 12px;
+    font-size: 16px;
+    font-weight: 400;
+}
+
+.ns_input_icon {
+    position: absolute;
+    right: 20px;
+    top: 51%;
+}
+
+.ns_input_title {
+    font-size: 16px;
+    font-weight: 400;
+}