namirasoft-site-react 1.4.134 → 1.4.136

package/dist/components/NSMenuButton.js

@@ -1,31 +1,43 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Styles from './NSMenuButton.module.css';
 import { useRef, useState } from 'react';
 import { CopyToClipboard } from '../CopyToClipboard';
-import Styles from './NSMenuButton.module.css';
+import { NSBoxTextArea } from '../components/NSBoxTextArea';
+import { NSDialog } from '../components/NSDialog';
+export function safeMenuMenuItem(props, pusher) {
+    let menu = props.menu;
+    if (!menu)
+        menu = { items: [], builtin: {} };
+    if (menu.items)
+        menu.items = [];
+    pusher(menu.items);
+    return menu;
+}
 export function NSMenuButton(props) {
-    var _a;
+    var _a, _b, _c, _d, _e, _f, _g;
     let textarea = useRef(null);
-    let [state, setState] = useState({ value: props.value, fullscreen: false });
+    let [state, setState] = useState({ value: "", fullscreen: false });
     const onClose = () => {
         setState(prevState => { return Object.assign(Object.assign({}, prevState), { fullscreen: false }); });
         props.setValue(state.value);
     };
     const onChanged = (e) => {
-        setState(prevState => { return Object.assign(Object.assign({}, prevState), { value: e.target.value }); });
+        setState(prevState => { return Object.assign(Object.assign({}, prevState), { value: e.getValue() }); });
     };
     let buttons = [];
-    if (!props.hideCopy && props.value)
+    if (((_b = (_a = props.menu) === null || _a === void 0 ? void 0 : _a.builtin) === null || _b === void 0 ? void 0 : _b.copy) !== false)
         buttons.push({
-            title: "Copy", icon: "https://static.namirasoft.com/image/concept/copy/blue.svg", onClick: () => { CopyToClipboard.copyToClipboard(props.value); }
+            title: "Copy", icon: "https://static.namirasoft.com/image/concept/copy/blue.svg", onClick: () => { CopyToClipboard.copyToClipboard(props.getValue()); }
         });
-    if (!props.hideFullscreen)
+    if (((_d = (_c = props.menu) === null || _c === void 0 ? void 0 : _c.builtin) === null || _d === void 0 ? void 0 : _d.fullscreen) !== false)
         buttons.push({
             title: "Full Screen", icon: "https://static.namirasoft.com/image/concept/full-screen/blue.svg", onClick: () => {
-                setState(prevState => { return Object.assign(Object.assign({}, prevState), { fullscreen: true }); });
+                setState(prevState => { return Object.assign(Object.assign({}, prevState), { fullscreen: true, value: props.getValue() }); });
                 let focus = () => {
-                    if (textarea.current) {
-                        textarea.current.focus({});
-                        if (document.activeElement === textarea.current)
+                    var _a;
+                    if ((_a = textarea.current) === null || _a === void 0 ? void 0 : _a.textarea.current) {
+                        textarea.current.textarea.current.focus({});
+                        if (document.activeElement === textarea.current.textarea.current)
                             return;
                     }
                     setTimeout(focus, 10);
@@ -33,10 +45,11 @@ export function NSMenuButton(props) {
                 focus();
             }
         });
-    if (props.menus)
-        buttons.push(...props.menus);
-    return (_jsx("div", { id: props.id, className: `${Styles.ns_container} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, children: _jsxs("div", { className: Styles.ns_input_parent, children: [_jsx("div", { className: Styles.ns_input_title_group, children: _jsx("div", { style: { direction: "rtl" }, children: buttons.map(button => (button.href ?
-                            _jsx("a", { title: button.title, className: Styles.ns_menu_item, href: button.href, children: _jsx("img", { src: button.icon, alt: button.title, width: 16, height: 16 }) }) :
-                            _jsx("button", { title: button.title, className: Styles.ns_menu_item, onClick: button.onClick, children: _jsx("img", { src: button.icon, alt: button.title, width: 16, height: 16 }) }))) }) }), _jsxs("div", { className: Styles.ns_input_modal_full_screen, style: { display: state.fullscreen ? "block" : "none" }, children: [_jsx("div", { className: Styles.ns_cover_background, children: _jsx("img", { className: Styles.ns_modal_icon_close, src: "https://static.namirasoft.com/image/concept/close/blue.svg", alt: "Close Button", width: 24, height: 24, onClick: onClose }) }), _jsx("div", { className: Styles.ns_input_modal_full, onClick: onClose }), _jsx("textarea", { ref: textarea, defaultValue: props.value, onChange: onChanged })] })] }) }));
+    if ((_e = props.menu) === null || _e === void 0 ? void 0 : _e.items)
+        buttons.push(...(_f = props.menu) === null || _f === void 0 ? void 0 : _f.items);
+    return (_jsx("div", { id: props.id, className: `${Styles.ns_menu_button_container} ${(_g = props.classList) === null || _g === void 0 ? void 0 : _g.join(" ")}`, style: props.style, children: _jsxs("div", { className: Styles.ns_menu_button_group_parrent, children: [_jsx("div", { className: Styles.ns_menu_button_group, children: _jsx("div", { style: { direction: "rtl" }, children: buttons.map(button => (button.href ?
+                            _jsx("a", { title: button.title, className: Styles.ns_menu_button_menu_item, href: button.href, children: _jsx("img", { src: button.icon, alt: button.title, width: 16, height: 16 }) }) :
+                            _jsx("button", { title: button.title, className: Styles.ns_menu_button_menu_item, onClick: button.onClick, children: _jsx("img", { src: button.icon, alt: button.title, width: 16, height: 16 }) }))) }) }), state.fullscreen &&
+                    _jsx(NSDialog, { onClose: () => { onClose(); }, center_dialog: true, hideCloseButton: true, style: { width: "80%", height: "80%", maxWidth: "100%", maxHeight: "100%" }, children: _jsx(NSBoxTextArea, { ref: textarea, required: false, title: '', hideHeader: true, defaultValue: props.getValue(), onChanged: onChanged, style: { width: "100%", height: "100%", maxWidth: "100%", maxHeight: "100%", zIndex: "999" } }) })] }) }));
 }
 //# sourceMappingURL=NSMenuButton.js.map

package/dist/components/NSMenuButton.js.map

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

package/dist/components/NSMenuButton.module.css

@@ -1,125 +1,45 @@
-.ns_container {
-    display: flex;
-    flex-direction: column;
-    justify-content: left;
-    align-items: flex-end;
-}
-
-.ns_input_parent {
-    display: flex;
-    flex-direction: row;
-    width: 100%;
-    color: #141B5C;
-    justify-content: space-between;
-    max-width: 100%;
-}
-
-.ns_input {
-    border-radius: 8px;
-    padding: 10px 48px 10px 12px;
-    font-size: 16px;
-    font-weight: 400;
-    border: 1px solid rgba(0, 0, 0, 1) !important;
-    height: 48px;
-    width: 272px
-}
-
-.ns_input:focus-visible {
-    border-color: rgba(0, 0, 0, 1) !important;
-    outline: solid 1px #4096ff !important;
-}
-
-.ns_input li {
-    color: #000 !important
-}
-
-.ns_input_title {
-    font-size: 16px;
-    font-weight: 400;
-    display: flex;
-}
-
-.ns_input_title_group {
-    display: flex;
-    width: 100%;
-    justify-content: space-between;
-}
-
-@media only screen and (min-width: 380px) {
-    .ns_input {
-        max-width: 272px;
-    }
-}
-
-/*Start Input phone*/
-.ns_input_phone_parent input {
-    width: 100% !important;
-    height: 48px !important;
-}
-
-@media only screen and (min-width: 380px) {
-    .ns_input_phone_parent input {
-        width: 272px !important;
-    }
-}
-
-/*End Input phone*/
-
-.ns_menu_item {
-    display: inline-flex;
-    width: 30px;
-    height: 30px;
-    opacity: 1;
-    color: #000;
-    border: 1px solid transparent;
-    cursor: pointer;
-    background-color: transparent;
-    box-sizing: border-box;
-    align-items: center;
-    justify-content: center;
-}
-
-.ns_menu_item:hover {
-    border-color: #aaaaaa;
-    border-width: 1px;
-    border-style: solid;
-    border-radius: 5px;
-}
-
-.ns_menu_item img {
-    position: inherit;
-}
-
-.ns_input_modal_full {
-    position: fixed;
-    top: 0;
-    left: 0;
-    background-color: rgba(0, 0, 0, 0.6);
-    height: 100%;
-    width: 100%;
-    z-index: 15;
-}
-
-.ns_input_modal_full_screen textarea {
-    height: 80%;
-    width: 80%;
-    z-index: 15;
-    position: fixed;
-    top: 10%;
-    left: 10%;
-    text-align: left;
-}
-
-.ns_input_modal_full_screen img {
-    position: fixed;
-    top: 12%;
-    right: 11%;
-    z-index: 20;
-    transition: all 0.3s ease-in-out;
-    cursor: pointer;
-    border-radius: 50%;
-}
-
-.ns_input_modal_full_screen img:hover {
-    scale: 1.2;
+.ns_menu_button_container {
+    display: flex;
+    flex-direction: column;
+    justify-content: left;
+    align-items: flex-end;
+}
+
+.ns_menu_button_group_parrent {
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+    color: #141B5C;
+    justify-content: right;
+    max-width: 100%;
+}
+
+.ns_menu_button_group {
+    display: flex;
+    width: max-content;
+}
+
+.ns_menu_button_menu_item {
+    display: inline-flex;
+    width: 30px;
+    height: 30px;
+    opacity: 1;
+    color: #000;
+    border: 1px solid transparent;
+    cursor: pointer;
+    background-color: transparent;
+    box-sizing: border-box;
+    align-items: center;
+    justify-content: center;
+}
+
+.ns_menu_button_menu_item:hover {
+    border-color: #aaaaaa;
+    border-width: 1px;
+    border-style: solid;
+    border-radius: 5px;
+}
+
+.ns_menu_button_menu_item img {
+    position: inherit;
 }

package/dist/components/NSNoData.module.css

@@ -1,10 +1,10 @@
-.ns_table_no_data {
-    background-color: rgb(255, 255, 255);
-    color: rgba(140, 140, 140, 0.7);
-    text-align: center;
-    width: 100%;
-}
-
-.ns_table_no_data h4 {
-    font-size: 24px;
+.ns_table_no_data {
+    background-color: rgb(255, 255, 255);
+    color: rgba(140, 140, 140, 0.7);
+    text-align: center;
+    width: 100%;
+}
+
+.ns_table_no_data h4 {
+    font-size: 24px;
 }

package/dist/components/NSPagination.js

@@ -31,55 +31,64 @@ export class NSPagination extends Component {
         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 pushButton = (name, selected, onClick) => {
+            pages.push(_jsx("div", { className: `${Styles.ns_pagination_button_parent}`, children: _jsx("button", { className: `${Styles.ns_pagination_button} ${selected ? Styles.ns_pagination_button_selected : ''}`, onClick: (e) => {
+                        e.preventDefault();
+                        onClick();
+                    }, children: name }) }, name));
+        };
         const pushPage = (page) => {
-            pages.push(_jsx("div", { className: `${Styles.ns_select_number_parent}`, children: _jsx("a", { className: `${Styles.ns_paginate_link} ${page === this.state.currentPage ? Styles.ns_select_number : ''}`, onClick: (e) => {
+            pushButton(page.toLocaleString(), page === this.state.currentPage, () => {
+                let currentPage = page;
+                this.setState({ currentPage }, () => {
+                    let pageSize = this.getPageSize();
+                    onPageChange(currentPage, pageSize);
+                });
+            });
+        };
+        const pushArrow = (key, logo, onClick) => {
+            pages.push(_jsx("div", { className: `${Styles.ns_pagination_button_parent}`, children: _jsx("button", { className: Styles.ns_pagination_button, onClick: e => {
                         e.preventDefault();
-                        let currentPage = page;
-                        this.setState({ currentPage }, () => {
-                            let pageSize = this.getPageSize();
-                            onPageChange(currentPage, pageSize);
-                        });
-                    }, children: page }) }, page));
+                        onClick();
+                    }, children: _jsx("img", { src: logo, alt: key, width: 32, height: 32 }) }) }, key));
         };
-        pages.push(_jsx("div", { children: _jsx("a", { onClick: (e) => {
-                    e.preventDefault();
-                    if (this.state.currentPage > 1) {
-                        let currentPage = this.state.currentPage - 1;
-                        this.setState({ currentPage }, () => {
-                            let pageSize = this.getPageSize();
-                            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"));
+        pushArrow("previous", "https://static.namirasoft.com/image/concept/arrow/left/white-blue.svg", () => {
+            if (this.state.currentPage > 1) {
+                let currentPage = this.state.currentPage - 1;
+                this.setState({ currentPage }, () => {
+                    let pageSize = this.getPageSize();
+                    onPageChange(currentPage, pageSize);
+                });
+            }
+        });
         pushPage(1);
         if (this.state.currentPage > windowSize + 2) {
-            pages.push(_jsx("div", { className: Styles.ns_pagination_left_ellipses, children: _jsx("a", { className: `${Styles.ns_paginate_link}`, onClick: (e) => e.preventDefault(), children: "..." }) }, "ellipsis1"));
+            pushButton("...", false, () => { });
         }
         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", { className: `${Styles.ns_paginate_link}`, onClick: (e) => e.preventDefault(), children: "..." }) }, "ellipsis2"));
+            pushButton("...", false, () => { });
         }
         if (totalPages > 1) {
             pushPage(totalPages);
         }
-        pages.push(_jsx("div", { children: _jsx("a", { onClick: (e) => {
-                    e.preventDefault();
-                    if (this.state.currentPage < totalPages) {
-                        let currentPage = this.state.currentPage + 1;
-                        this.setState({ currentPage }, () => {
-                            let pageSize = this.getPageSize();
-                            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: (_b = this.props.style) !== null && _b !== void 0 ? _b : {}, children: [pages, _jsxs("div", { className: Styles.ns_pagination_info, children: [_jsx("div", { className: Styles.ns_pagination_combobox, children: _jsx(NSBoxCombo, { ref: this.PageSize, title: '', required: false, searchable: false, multiple: false, defaultValue: "25", getOptions: () => pageSizes.map(pagesize => { return { value: pagesize.toString(), title: pagesize.toString() }; }), onChanged: () => {
-                                        let currentPage = this.state.currentPage;
-                                        this.setState({ currentPage }, () => {
-                                            let pageSize = this.getPageSize();
-                                            onPageChange(currentPage, pageSize);
-                                        });
-                                    } }) }), _jsx("h6", { children: `(${current_min} - ${current_max}) of ${totalItems}` })] })] }) }));
+        pushArrow("next", "https://static.namirasoft.com/image/concept/arrow/right/white-blue.svg", () => {
+            if (this.state.currentPage < totalPages) {
+                let currentPage = this.state.currentPage + 1;
+                this.setState({ currentPage }, () => {
+                    let pageSize = this.getPageSize();
+                    onPageChange(currentPage, pageSize);
+                });
+            }
+        });
+        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: (_b = this.props.style) !== null && _b !== void 0 ? _b : {}, children: [_jsx("div", { className: Styles.ns_pagination_buttons_container, children: pages }), _jsx(NSBoxCombo, { ref: this.PageSize, title: '', required: false, searchable: false, multiple: false, defaultValue: "25", placeholder: 'Page', hideHeader: true, getOptions: () => pageSizes.map(pagesize => { return { value: pagesize.toString(), title: pagesize.toString() }; }), onChanged: () => {
+                            let currentPage = this.state.currentPage;
+                            this.setState({ currentPage }, () => {
+                                let pageSize = this.getPageSize();
+                                onPageChange(currentPage, pageSize);
+                            });
+                        }, style: { width: "75px" } }), _jsx("p", { className: Styles.ns_pagination_info, children: `(${current_min.toLocaleString()} - ${current_max.toLocaleString()}) of ${totalItems.toLocaleString()}` })] }) }));
     }
 }
 //# sourceMappingURL=NSPagination.js.map

package/dist/components/NSPagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSPagination.js","sourceRoot":"","sources":["../../src/components/NSPagination.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAa1C,IAAI,SAAS,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AAExC,MAAM,OAAO,YAAa,SAAQ,SAA+C;IAG7E,YAAY,KAAwB;QAEhC,KAAK,CAAC,KAAK,CAAC,CAAC;QAHjB,aAAQ,GAAG,KAAK,CAAC,SAAS,EAAc,CAAC;QAIrC,IAAI,CAAC,KAAK,GAAG,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC;IACpC,CAAC;IACD,cAAc;QAEV,OAAO,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC;IAClC,CAAC;IACD,WAAW;;QAEP,IAAI,GAAG,GAAG,MAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;QACjD,IAAI,CAAC,GAAG;YACJ,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QAClC,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC;IACzB,CAAC;IACQ,MAAM;;QAEX,IAAI,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QAClC,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAChD,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,CAAC;QACpD,MAAM,UAAU,GAAG,CAAC,CAAC;QACrB,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,UAAU,CAAC,CAAC;QACjE,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,UAAU,EAAE,UAAU,GAAG,CAAC,CAAC,CAAC;QAC9E,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC,GAAG,QAAQ,GAAG,CAAC,CAAC,CAAC;QACtF,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,QAAQ,CAAC,CAAC;QAC5E,MAAM,KAAK,GAAG,EAAE,CAAC;QAEjB,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAE,EAAE;YAE9B,KAAK,CAAC,IAAI,CACN,cAAgB,SAAS,EAAE,GAAG,MAAM,CAAC,uBAAuB,EAAE,YAC1D,YACI,SAAS,EAAE,GAAG,MAAM,CAAC,gBAAgB,IAAI,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,EAAE,EACzG,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;wBAEX,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,IAAI,WAAW,GAAG,IAAI,CAAC;wBACvB,IAAI,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,EAAE,GAAG,EAAE;4BAEhC,IAAI,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;4BAClC,YAAY,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;wBACxC,CAAC,CAAC,CAAC;oBACP,CAAC,YAEA,IAAI,GACL,IAfE,IAAI,CAgBR,CACT,CAAC;QACN,CAAC,CAAC;QAEF,KAAK,CAAC,IAAI,CACN,wBACI,YACI,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBAEX,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,CAAC,EAC9B,CAAC;wBACG,IAAI,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC;wBAC7C,IAAI,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,EAAE,GAAG,EAAE;4BAEhC,IAAI,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;4BAClC,YAAY,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;wBACxC,CAAC,CAAC,CAAC;oBACP,CAAC;gBACL,CAAC,YAED,cACI,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,EAC9B,GAAG,EAAC,uEAAuE,EAC3E,GAAG,EAAC,aAAa,EACjB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,GACF,IAvBC,MAAM,CAwBT,CACT,CAAC;QAEF,QAAQ,CAAC,CAAC,CAAC,CAAC;QACZ,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,UAAU,GAAG,CAAC,EAC3C,CAAC;YACG,KAAK,CAAC,IAAI,CACN,cAAqB,SAAS,EAAE,MAAM,CAAC,2BAA2B,YAC9D,YAAG,SAAS,EAAE,GAAG,MAAM,CAAC,gBAAgB,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,oBAAS,IADlF,WAAW,CAEd,CACT,CAAC;QACN,CAAC;QACD,KAAK,IAAI,CAAC,GAAG,OAAO,EAAE,CAAC,IAAI,OAAO,EAAE,CAAC,EAAE;YACnC,QAAQ,CAAC,CAAC,CAAC,CAAC;QAChB,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,UAAU,GAAG,UAAU,GAAG,CAAC,EACxD,CAAC;YACG,KAAK,CAAC,IAAI,CACN,cAAqB,SAAS,EAAE,MAAM,CAAC,4BAA4B,YAC/D,YAAG,SAAS,EAAE,GAAG,MAAM,CAAC,gBAAgB,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,oBAAS,IADlF,WAAW,CAEd,CACT,CAAC;QACN,CAAC;QAED,IAAI,UAAU,GAAG,CAAC,EAClB,CAAC;YACG,QAAQ,CAAC,UAAU,CAAC,CAAC;QACzB,CAAC;QAED,KAAK,CAAC,IAAI,CACN,wBACI,YACI,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBAEX,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,UAAU,EACvC,CAAC;wBACG,IAAI,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC;wBAC7C,IAAI,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,EAAE,GAAG,EAAE;4BAEhC,IAAI,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;4BAClC,YAAY,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;wBACxC,CAAC,CAAC,CAAC;oBACP,CAAC;gBACL,CAAC,YAED,cACI,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,EAC9B,GAAG,EAAC,wEAAwE,EAC5E,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,GAAG,EAAC,cAAc,GACpB,GACF,IAvBC,MAAM,CAwBT,CACT,CAAC;QACF,OAAO,CACH,4BACI,eACI,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EACjB,SAAS,EAAE,GAAG,MAAM,CAAC,uBAAuB,IAAI,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EACjF,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,mCAAI,EAAE,aAE5B,KAAK,EACN,eAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,aACrC,cAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,YACzC,KAAC,UAAU,IACP,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,KAAK,EAAC,EAAE,EACR,QAAQ,EAAE,KAAK,EACf,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,KAAK,EACf,YAAY,EAAC,IAAI,EACjB,UAAU,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,GAAG,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAA,CAAC,CAAC,CAAC,EAClH,SAAS,EAAE,GAAG,EAAE;wCAEZ,IAAI,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC;wCACzC,IAAI,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,EAAE,GAAG,EAAE;4CAEhC,IAAI,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;4CAClC,YAAY,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;wCACxC,CAAC,CAAC,CAAC;oCACP,CAAC,GACH,GACA,EACN,uBACK,IAAI,WAAW,MAAM,WAAW,QAAQ,UAAU,EAAE,GACpD,IACH,IACJ,GACP,CACN,CAAC;IACN,CAAC;CACJ"}
+{"version":3,"file":"NSPagination.js","sourceRoot":"","sources":["../../src/components/NSPagination.tsx"],"names":[],"mappings":"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"}

package/dist/components/NSPagination.module.css

@@ -1,111 +1,86 @@
-.ns_pagination_container {
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: center;
-	text-align: left;
-	font-size: 14px;
-	justify-items: center;
-	width: 100%;
-	max-width: max-content;
-	flex-wrap: wrap;
-	gap: 16px 0;
-}
-
-.ns_select_number_parent {
-	font-weight: 500;
-	border-radius: 50px;
-	height: 32px;
-	width: 32px;
-	text-align: center;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-}
-
-.ns_paginate_link {
-	color: rgba(20, 27, 92, 1);
-	text-decoration: none;
-	font-size: 14px;
-	font-weight: 600;
-	line-height: 22px;
-	font-family: inherit;
-}
-
-.ns_select_number {
-	color: rgba(20, 27, 92, 1);
-	font-weight: 500;
-	background-color: rgb(255, 255, 255);
-	border: 2px solid rgba(20, 27, 92, 1);
-	border-radius: 50px;
-	border-radius: 50px;
-	height: 32px;
-	width: 32px;
-	text-align: center;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-}
-
-.ns_pagination_left_ellipses {
-	padding-bottom: 10px;
-}
-
-.ns_pagination_left_ellipses button {
-	color: rgba(20, 27, 92, 1);
-	font-size: 24px;
-	font-weight: 700;
-}
-
-.ns_pagination_right_ellipses {
-	padding-bottom: 10px;
-}
-
-.ns_pagination_right_ellipses button {
-	color: rgba(20, 27, 92, 1);
-	font-size: 24px;
-	font-weight: 700;
-}
-
-.ns_pagination_info {
-	margin-left: 12px;
-	width: fit-content;
-	min-width: 140px;
-	height: 48px;
-	display: flex;
-	flex-direction: row;
-	justify-content: center;
-	gap: 12px;
-	min-width: 248px;
-}
-
-.ns_pagination_info h6 {
-	background-color: rgb(255, 255, 255);
-	width: 124px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	height: 100%;
-	color: rgba(20, 27, 92, 1);
-	padding-left: 16px 24px;
-	text-align: center;
-	border-radius: 8px;
-	border: 1px solid black;
-}
-
-.ns_pagination_combobox div {
-	width: 74px;
-	margin: 0;
-	padding: 0;
-}
-
-.ns_pagination_combobox span {
-	margin: 0
-}
-
-@media only screen and (min-width: 480px) {
-	.ns_pagination_container {
-		justify-content: space-between;
-		flex-wrap: nowrap;
-	}
+.ns_pagination_container {
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: center;
+	text-align: left;
+	font-size: 14px;
+	justify-items: center;
+	width: 100%;
+	max-width: max-content;
+	flex-wrap: wrap;
+	gap: 16px;
+}
+
+.ns_pagination_buttons_container {
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: center;
+	justify-items: center;
+	width: 100%;
+	max-width: max-content;
+	flex-wrap: wrap;
+	gap: 8px;
+}
+
+.ns_pagination_button_parent {
+	font-weight: 500;
+	border-radius: 50px;
+	height: 32px;
+	width: 32px;
+	text-align: center;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.ns_pagination_button {
+	font-size: 14px;
+	font-weight: 600;
+	line-height: 22px;
+	font-family: inherit;
+	color: rgba(20, 27, 92, 1);
+	font-weight: 500;
+	background-color: rgb(255, 255, 255);
+	border: 1px solid rgba(20, 27, 92, 1);
+	border-radius: 50px;
+	height: 32px;
+	width: 32px;
+	text-align: center;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	text-decoration: none;
+}
+
+.ns_pagination_button_selected {
+	color: rgba(255, 255, 255, 1);
+	background-color: rgb(3, 119, 255);
+	border: 1px solid rgba(20, 27, 92, 1);
+}
+
+.ns_pagination_info {
+	padding: 8px;
+	margin: 0px;
+	border: 1px solid rgba(0, 0, 0, 1) !important;
+	border-radius: 8px;
+	height: 48px !important;
+	width: fit-content;
+	max-width: inherit;
+	background-size: 24px 24px;
+	font-weight: bold;
+	display: flex;
+	justify-content: center;
+	background-color: rgb(255, 255, 255);
+	align-items: center;
+	color: rgba(20, 27, 200, 1);
+	text-align: center;
+}
+
+@media only screen and (min-width: 480px) {
+	.ns_pagination_container {
+		justify-content: space-between;
+		flex-wrap: nowrap;
+	}
 }