namirasoft-site-react 1.3.395 → 1.3.396

package/dist/components/NSTable.module.css

@@ -1,274 +1,274 @@
-.ns_table {
-    display: flex;
-    flex-direction: column;
-    color: rgba(20, 27, 92, 1);
-}
-
-.ns_search_input {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    flex-wrap: wrap;
-    position: relative;
-    z-index: -1;
-}
-
-.ns_table thead {
-    clip: rect(0 0 0 0);
-    position: fixed;
-}
-
-.ns_table tr {
-    border-radius: 8px;
-    padding: 16px;
-    display: block;
-    background-color: rgba(255, 255, 255, 1);
-    margin: 24px 0;
-    transition: all 0.2s ease-in-out;
-    padding: 0 !important;
-}
-
-.ns_table td {
-    display: flex;
-    flex-direction: row;
-    gap: 16px;
-    padding: 8px 0;
-    font-size: 16px;
-    justify-content: left;
-    align-items: center;
-}
-
-.ns_table td::before {
-    content: attr(data-label);
-    font-weight: bold;
-    float: left;
-    min-width: 30%;
-}
-
-/* Button Group  */
-.ns_pagination_button {
-    display: flex;
-    flex-direction: column;
-}
-
-.ns_button {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: center;
-}
-
-.ns_modal a {
-    float: right;
-}
-
-.modal img {
-    width: 32px;
-    height: 32px;
-    right: 0;
-}
-
-.ns_table_no_data {
-    display: flex;
-    justify-content: center
-}
-
-@media screen and (min-width: 768px) {
-    .ns_table {
-        color: #000000;
-    }
-
-    .ns_table thead {
-        position: static;
-        background-color: rgba(20, 27, 92, 1);
-        border-top-left-radius: 8px;
-        border-top-right-radius: 8px;
-    }
-
-    .ns_table tbody {
-        background-color: rgba(255, 255, 255, 1);
-    }
-
-    .ns_table tr {
-        display: grid;
-        grid-template-columns: 50px repeat(auto-fit, minmax(100px, 1fr));
-        padding: 12px 16px;
-        margin: 0;
-        border-radius: 0;
-        border-bottom: 1px solid rgba(20, 27, 92, 0.3);
-        background-color: transparent;
-        align-items: center;
-    }
-
-    .ns_checkbox {
-        display: flex;
-        justify-content: left;
-        align-items: center;
-    }
-
-    .ns_table tr:hover {
-        background-color: rgba(20, 27, 92, 0.5);
-        color: white;
-        border-radius: 8px;
-    }
-
-    .ns_table td {
-        text-align: left;
-        display: flex;
-        align-items: flex-start;
-        padding: 0;
-        margin: 0;
-    }
-
-    .ns_table th {
-        font-size: 16px;
-        font-weight: 300;
-        color: #ffffff;
-        margin: 0;
-        padding: 0;
-    }
-
-    .ns_table td::before {
-        content: "";
-        float: left;
-        font-weight: bold;
-        min-width: unset;
-        display: none;
-    }
-
-    /* Button Group  */
-    .ns_pagination_button {
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        justify-content: center;
-        padding: 16px 0;
-    }
-
-    .ns_button {
-        display: flex;
-        flex-direction: row;
-        justify-content: space-between;
-        align-items: center;
-        gap: 24px;
-    }
-
-    .ns_check_box {
-        display: flex;
-        align-items: center;
-        cursor: pointer;
-    }
-}
-
-@media screen and (min-width: 1024px) {
-
-    .ns_table thead {
-        font-size: 24px;
-    }
-
-    .ns_table tr {
-        font-size: 24px;
-    }
-
-    /* Button Group  */
-    .ns_pagination_button {
-        display: flex;
-        flex-direction: row;
-        width: 100%;
-        padding: 16px 0;
-    }
-}
-
-.ns_table th {
-    word-break: break-all;
-    height: 100%;
-}
-
-.ns_table td {
-    word-break: break-all;
-    color: #000;
-    height: 100%;
-    max-height: 124px;
-    overflow: auto;
-    display: flex;
-    justify-content: left;
-    align-items: center;
-    max-height: 75px;
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-}
-
-.ns_tbody tr:nth-child(odd) {
-    background-color: #eaeaea;
-}
-
-.ns_tbody tr:nth-child(even) {
-    background-color: #ffffff;
-}
-
-.ns_check_box_input {
-    width: 100% !important;
-}
-
-.ns_check_box input {
-    width: 24px !important;
-    height: 24px;
-    cursor: pointer;
-}
-
-.ns_check_box input:checked {
-    accent-color: #141B5C;
-}
-
-.ns_indeterminate:indeterminate {
-    border: 1px solid rgba(255, 148, 50, 1);
-}
-
-.ns_indeterminate {
-    position: relative;
-}
-
-.ns_indeterminate::after {
-    content: "-";
-    display: block;
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    top: 0;
-    left: 0;
-    background: #fff;
-    border: 5px solid #fffbff;
-    color: #141b5c;
-    background: #141b5c;
-}
-
-.ns_checkbox_label {
-    display: block;
-    width: 100%;
-    height: 100%;
-    cursor: pointer;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.ns_td_input {
-    width: 100%;
-    text-align: center;
-}
-
-.ns_table tr:hover {
-    background-color: #dbdbdb !important;
-}
-
-.ns_td_input {
-    height: 24px;
-    width: 24px !important;
-    cursor: pointer;
-}
-
-.ns_td_input:checked {
-    accent-color: #141B5C;
+.ns_table {
+    display: flex;
+    flex-direction: column;
+    color: rgba(20, 27, 92, 1);
+}
+
+.ns_search_input {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: wrap;
+    position: relative;
+    z-index: -1;
+}
+
+.ns_table thead {
+    clip: rect(0 0 0 0);
+    position: fixed;
+}
+
+.ns_table tr {
+    border-radius: 8px;
+    padding: 16px;
+    display: block;
+    background-color: rgba(255, 255, 255, 1);
+    margin: 24px 0;
+    transition: all 0.2s ease-in-out;
+    padding: 0 !important;
+}
+
+.ns_table td {
+    display: flex;
+    flex-direction: row;
+    gap: 16px;
+    padding: 8px 0;
+    font-size: 16px;
+    justify-content: left;
+    align-items: center;
+}
+
+.ns_table td::before {
+    content: attr(data-label);
+    font-weight: bold;
+    float: left;
+    min-width: 30%;
+}
+
+/* Button Group  */
+.ns_pagination_button {
+    display: flex;
+    flex-direction: column;
+}
+
+.ns_button {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.ns_modal a {
+    float: right;
+}
+
+.modal img {
+    width: 32px;
+    height: 32px;
+    right: 0;
+}
+
+.ns_table_no_data {
+    display: flex;
+    justify-content: center
+}
+
+@media screen and (min-width: 768px) {
+    .ns_table {
+        color: #000000;
+    }
+
+    .ns_table thead {
+        position: static;
+        background-color: rgba(20, 27, 92, 1);
+        border-top-left-radius: 8px;
+        border-top-right-radius: 8px;
+    }
+
+    .ns_table tbody {
+        background-color: rgba(255, 255, 255, 1);
+    }
+
+    .ns_table tr {
+        display: grid;
+        grid-template-columns: 50px repeat(auto-fit, minmax(100px, 1fr));
+        padding: 12px 16px;
+        margin: 0;
+        border-radius: 0;
+        border-bottom: 1px solid rgba(20, 27, 92, 0.3);
+        background-color: transparent;
+        align-items: center;
+    }
+
+    .ns_checkbox {
+        display: flex;
+        justify-content: left;
+        align-items: center;
+    }
+
+    .ns_table tr:hover {
+        background-color: rgba(20, 27, 92, 0.5);
+        color: white;
+        border-radius: 8px;
+    }
+
+    .ns_table td {
+        text-align: left;
+        display: flex;
+        align-items: flex-start;
+        padding: 0;
+        margin: 0;
+    }
+
+    .ns_table th {
+        font-size: 16px;
+        font-weight: 300;
+        color: #ffffff;
+        margin: 0;
+        padding: 0;
+    }
+
+    .ns_table td::before {
+        content: "";
+        float: left;
+        font-weight: bold;
+        min-width: unset;
+        display: none;
+    }
+
+    /* Button Group  */
+    .ns_pagination_button {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: center;
+        padding: 16px 0;
+    }
+
+    .ns_button {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: center;
+        gap: 24px;
+    }
+
+    .ns_check_box {
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+    }
+}
+
+@media screen and (min-width: 1024px) {
+
+    .ns_table thead {
+        font-size: 24px;
+    }
+
+    .ns_table tr {
+        font-size: 24px;
+    }
+
+    /* Button Group  */
+    .ns_pagination_button {
+        display: flex;
+        flex-direction: row;
+        width: 100%;
+        padding: 16px 0;
+    }
+}
+
+.ns_table th {
+    word-break: break-all;
+    height: 100%;
+}
+
+.ns_table td {
+    word-break: break-all;
+    color: #000;
+    height: 100%;
+    max-height: 124px;
+    overflow: auto;
+    display: flex;
+    justify-content: left;
+    align-items: center;
+    max-height: 75px;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+
+.ns_tbody tr:nth-child(odd) {
+    background-color: #eaeaea;
+}
+
+.ns_tbody tr:nth-child(even) {
+    background-color: #ffffff;
+}
+
+.ns_check_box_input {
+    width: 100% !important;
+}
+
+.ns_check_box input {
+    width: 24px !important;
+    height: 24px;
+    cursor: pointer;
+}
+
+.ns_check_box input:checked {
+    accent-color: #141B5C;
+}
+
+.ns_indeterminate:indeterminate {
+    border: 1px solid rgba(255, 148, 50, 1);
+}
+
+.ns_indeterminate {
+    position: relative;
+}
+
+.ns_indeterminate::after {
+    content: "-";
+    display: block;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    background: #fff;
+    border: 5px solid #fffbff;
+    color: #141b5c;
+    background: #141b5c;
+}
+
+.ns_checkbox_label {
+    display: block;
+    width: 100%;
+    height: 100%;
+    cursor: pointer;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.ns_td_input {
+    width: 100%;
+    text-align: center;
+}
+
+.ns_table tr:hover {
+    background-color: #dbdbdb !important;
+}
+
+.ns_td_input {
+    height: 24px;
+    width: 24px !important;
+    cursor: pointer;
+}
+
+.ns_td_input:checked {
+    accent-color: #141B5C;
 }

package/dist/components/NSTag.d.ts

@@ -1,2 +1,20 @@
-declare function NSTag(): import("react/jsx-runtime").JSX.Element;
+import { Component } from 'react';
+export interface NSTagProps {
+    onChanged?: () => void;
+    onDeleted?: () => void;
+}
+export interface NSTagValue {
+    name: string;
+    value: string;
+    description?: string;
+}
+declare class NSTag extends Component<NSTagProps> {
+    static isEmpty(value: NSTagValue): boolean;
+    private NSBoxString_Key;
+    private NSBoxString_Value;
+    private NSBoxString_Description;
+    getValue(checkError?: boolean): NSTagValue;
+    setValue(value: NSTagValue): void;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
 export default NSTag;

package/dist/components/NSTag.js

@@ -1,14 +1,48 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Component, createRef } from 'react';
 import { NSBoxString } from './NSBoxString';
 import NSButton from './NSButton';
 import Styles from './NSTag.module.css';
-function NSTag() {
-    return (_jsx("section", { className: Styles.ns_tag_input_container, children: _jsxs("div", { className: Styles.ns_tag_input_group, children: [_jsx(NSBoxString, { title: 'Key', required: true }), _jsx(NSBoxString, { title: 'Value', required: true }), _jsx(NSBoxString, { title: 'Option', required: true }), _jsx(NSButton, { title: 'Remove', onClick: () => { }, style: {
-                        backgroundColor: "transparent",
-                        border: "1px solid rgba(3, 119, 255, 1)",
-                        width: "145px",
-                        marginTop: "28px"
-                    } })] }) }));
+class NSTag extends Component {
+    constructor() {
+        super(...arguments);
+        this.NSBoxString_Key = createRef();
+        this.NSBoxString_Value = createRef();
+        this.NSBoxString_Description = createRef();
+    }
+    static isEmpty(value) {
+        if (value.name || value.value || value.description)
+            return false;
+        return true;
+    }
+    getValue(checkError = true) {
+        var _a, _b, _c, _d, _e, _f;
+        let name = (_b = (_a = this.NSBoxString_Key.current) === null || _a === void 0 ? void 0 : _a.getValue(checkError)) !== null && _b !== void 0 ? _b : "";
+        let value = (_d = (_c = this.NSBoxString_Value.current) === null || _c === void 0 ? void 0 : _c.getValue(checkError)) !== null && _d !== void 0 ? _d : "";
+        let description = (_f = (_e = this.NSBoxString_Description.current) === null || _e === void 0 ? void 0 : _e.getValue(checkError)) !== null && _f !== void 0 ? _f : "";
+        return {
+            name,
+            value,
+            description
+        };
+    }
+    setValue(value) {
+        var _a, _b, _c, _d;
+        (_a = this.NSBoxString_Key.current) === null || _a === void 0 ? void 0 : _a.setValue(value.name);
+        (_b = this.NSBoxString_Value.current) === null || _b === void 0 ? void 0 : _b.setValue(value.value);
+        (_c = this.NSBoxString_Description.current) === null || _c === void 0 ? void 0 : _c.setValue((_d = value.description) !== null && _d !== void 0 ? _d : "");
+    }
+    render() {
+        return (_jsx("section", { className: Styles.ns_tag_input_container, children: _jsxs("div", { className: Styles.ns_tag_input_group, children: [_jsx(NSBoxString, { ref: this.NSBoxString_Key, title: 'Name', required: true, onChanged: this.props.onChanged }), _jsx(NSBoxString, { ref: this.NSBoxString_Value, title: 'Value', required: true, onChanged: this.props.onChanged }), _jsx(NSBoxString, { ref: this.NSBoxString_Description, title: 'Description', required: false, onChanged: this.props.onChanged }), _jsx(NSButton, { title: 'Remove', onClick: () => {
+                            if (this.props.onDeleted)
+                                this.props.onDeleted();
+                        }, style: {
+                            backgroundColor: "transparent",
+                            border: "1px solid rgba(3, 119, 255, 1)",
+                            width: "145px",
+                            marginTop: "28px"
+                        } })] }) }));
+    }
 }
 export default NSTag;
 //# sourceMappingURL=NSTag.js.map

package/dist/components/NSTag.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSTag.js","sourceRoot":"","sources":["../../src/components/NSTag.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAExC,SAAS,KAAK;IAEV,OAAO,CACH,kBAAS,SAAS,EAAE,MAAM,CAAC,sBAAsB,YAC7C,eAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,aACrC,KAAC,WAAW,IAAC,KAAK,EAAC,KAAK,EAAC,QAAQ,SAAG,EACpC,KAAC,WAAW,IAAC,KAAK,EAAC,OAAO,EAAC,QAAQ,SAAG,EACtC,KAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,EAAC,QAAQ,SAAG,EACvC,KAAC,QAAQ,IACL,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,EAClB,KAAK,EAAE;wBACH,eAAe,EAAE,aAAa;wBAC9B,MAAM,EAAE,gCAAgC;wBACxC,KAAK,EAAE,OAAO;wBACd,SAAS,EAAE,MAAM;qBACpB,GACH,IACA,GACA,CACb,CAAA;AACL,CAAC;AAwBD,eAAe,KAAK,CAAC"}
+{"version":3,"file":"NSTag.js","sourceRoot":"","sources":["../../src/components/NSTag.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAcxC,MAAM,KAAM,SAAQ,SAAqB;IAAzC;;QASY,oBAAe,GAAG,SAAS,EAAe,CAAC;QAC3C,sBAAiB,GAAG,SAAS,EAAe,CAAC;QAC7C,4BAAuB,GAAG,SAAS,EAAe,CAAC;IA6C/D,CAAC;IAtDG,MAAM,CAAC,OAAO,CAAC,KAAiB;QAE5B,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,WAAW;YAC9C,OAAO,KAAK,CAAA;QAChB,OAAO,IAAI,CAAC;IAChB,CAAC;IAMD,QAAQ,CAAC,aAAsB,IAAI;;QAE/B,IAAI,IAAI,GAAG,MAAA,MAAA,IAAI,CAAC,eAAe,CAAC,OAAO,0CAAE,QAAQ,CAAC,UAAU,CAAC,mCAAI,EAAE,CAAC;QACpE,IAAI,KAAK,GAAG,MAAA,MAAA,IAAI,CAAC,iBAAiB,CAAC,OAAO,0CAAE,QAAQ,CAAC,UAAU,CAAC,mCAAI,EAAE,CAAC;QACvE,IAAI,WAAW,GAAG,MAAA,MAAA,IAAI,CAAC,uBAAuB,CAAC,OAAO,0CAAE,QAAQ,CAAC,UAAU,CAAC,mCAAI,EAAE,CAAC;QACnF,OAAO;YACH,IAAI;YACJ,KAAK;YACL,WAAW;SACd,CAAC;IACN,CAAC;IACD,QAAQ,CAAC,KAAiB;;QAEtB,MAAA,IAAI,CAAC,eAAe,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACnD,MAAA,IAAI,CAAC,iBAAiB,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACtD,MAAA,IAAI,CAAC,uBAAuB,CAAC,OAAO,0CAAE,QAAQ,CAAC,MAAA,KAAK,CAAC,WAAW,mCAAI,EAAE,CAAC,CAAC;IAC5E,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,kBAAS,SAAS,EAAE,MAAM,CAAC,sBAAsB,YAC7C,eAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,aACrC,KAAC,WAAW,IAAC,GAAG,EAAE,IAAI,CAAC,eAAe,EAAE,KAAK,EAAC,MAAM,EAAC,QAAQ,QAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,GAAI,EACjG,KAAC,WAAW,IAAC,GAAG,EAAE,IAAI,CAAC,iBAAiB,EAAE,KAAK,EAAC,OAAO,EAAC,QAAQ,QAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,GAAI,EACpG,KAAC,WAAW,IAAC,GAAG,EAAE,IAAI,CAAC,uBAAuB,EAAE,KAAK,EAAC,aAAa,EAAC,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,GAAI,EACxH,KAAC,QAAQ,IACL,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,GAAG,EAAE;4BAEV,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;gCACpB,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;wBAC/B,CAAC,EACD,KAAK,EAAE;4BACH,eAAe,EAAE,aAAa;4BAC9B,MAAM,EAAE,gCAAgC;4BACxC,KAAK,EAAE,OAAO;4BACd,SAAS,EAAE,MAAM;yBACpB,GACH,IACA,GACA,CACb,CAAC;IACN,CAAC;CACJ;AACD,eAAe,KAAK,CAAC"}