namirasoft-site-react 1.3.21 → 1.3.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/App.js +2 -2
- package/dist/App.js.map +1 -1
- package/dist/assets/images/icon-input-search.svg +2 -3
- package/dist/assets/images/icon-select-box.svg +3 -0
- package/dist/components/NSInputSearch.d.ts +0 -1
- package/dist/components/NSInputSearch.js +1 -1
- package/dist/components/NSInputSearch.js.map +1 -1
- package/dist/components/NSInputSearch.module.css +2 -1
- package/dist/components/NSSelectBox.js +3 -2
- package/dist/components/NSSelectBox.js.map +1 -1
- package/dist/components/NSSelectBox.module.css +1 -1
- package/package.json +1 -1
- package/src/App.tsx +2 -2
- package/src/assets/images/icon-input-search.svg +2 -3
- package/src/assets/images/icon-select-box.svg +3 -0
- package/src/components/NSInputSearch.module.css +2 -1
- package/src/components/NSInputSearch.tsx +3 -6
- package/src/components/NSSelectBox.module.css +1 -1
- package/src/components/NSSelectBox.tsx +3 -2
package/dist/App.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import './App.css';
|
|
3
3
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
4
|
-
import { NSButtonBlue, NSButtonBlueVector, NSLayoutTitle, NSPagination
|
|
4
|
+
import { NSButtonBlue, NSButtonBlueVector, NSLayoutTitle, NSPagination } from './main';
|
|
5
5
|
export function App() {
|
|
6
|
-
return (_jsx("div", { className: "App", children: _jsxs(NSLayoutTitle, { scope: 'Namirasoft Account Console', logo: '', title: "Namirasoft", description: 'paragraph', children: [_jsx(NSPagination, { page: 1, size: 25 }), _jsx(NSButtonBlue, { title: 'Apply', onClick: () => "" }), _jsx(NSButtonBlueVector, { title: 'New', onClick: () => "", vector: '/assets/images/add-vector.png' })
|
|
6
|
+
return (_jsx("div", { className: "App", children: _jsxs(NSLayoutTitle, { scope: 'Namirasoft Account Console', logo: '', title: "Namirasoft", description: 'paragraph', children: [_jsx(NSPagination, { page: 1, size: 25 }), _jsx(NSButtonBlue, { title: 'Apply', onClick: () => "" }), _jsx(NSButtonBlueVector, { title: 'New', onClick: () => "", vector: '/assets/images/add-vector.png' })] }) }));
|
|
7
7
|
}
|
|
8
8
|
//# sourceMappingURL=App.js.map
|
package/dist/App.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,aAAa,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAEvF,MAAM,UAAU,GAAG;IAEf,OAAO,CACH,cAAK,SAAS,EAAC,KAAK,YAChB,MAAC,aAAa,IAAC,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,YAAY,EAAC,WAAW,EAAC,WAAW,aAChG,KAAC,YAAY,IAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,GAAI,EACnC,KAAC,YAAY,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,GAAI,EACjD,KAAC,kBAAkB,IAAC,KAAK,EAAC,KAAK,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,MAAM,EAAC,+BAA+B,GAAG,IAEhF,GACd,CACT,CAAC;AACN,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
<svg width="
|
|
2
|
-
<
|
|
3
|
-
<path d="M25.4656 24.1578L19.2822 17.9745C20.2418 16.734 20.7608 15.2173 20.7608 13.6221C20.7608 11.7126 20.0156 9.92211 18.668 8.57211C17.3203 7.22211 15.5251 6.47925 13.618 6.47925C11.7108 6.47925 9.91557 7.22449 8.56795 8.57211C7.21795 9.91972 6.4751 11.7126 6.4751 13.6221C6.4751 15.5292 7.22034 17.3245 8.56795 18.6721C9.91557 20.0221 11.7084 20.765 13.618 20.765C15.2132 20.765 16.7275 20.2459 17.968 19.2888L24.1513 25.4697C24.1694 25.4879 24.1909 25.5023 24.2146 25.5121C24.2383 25.5219 24.2637 25.527 24.2894 25.527C24.315 25.527 24.3404 25.5219 24.3641 25.5121C24.3878 25.5023 24.4093 25.4879 24.4275 25.4697L25.4656 24.434C25.4837 24.4159 25.4981 24.3944 25.5079 24.3707C25.5177 24.347 25.5228 24.3216 25.5228 24.2959C25.5228 24.2703 25.5177 24.2449 25.5079 24.2212C25.4981 24.1975 25.4837 24.176 25.4656 24.1578ZM17.3894 17.3935C16.3799 18.4007 15.0418 18.9554 13.618 18.9554C12.1941 18.9554 10.8561 18.4007 9.84653 17.3935C8.83938 16.384 8.28462 15.0459 8.28462 13.6221C8.28462 12.1983 8.83938 10.8578 9.84653 9.85068C10.8561 8.84353 12.1941 8.28877 13.618 8.28877C15.0418 8.28877 16.3822 8.84115 17.3894 9.85068C18.3965 10.8602 18.9513 12.1983 18.9513 13.6221C18.9513 15.0459 18.3965 16.3864 17.3894 17.3935Z" fill="white"/>
|
|
1
|
+
<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M16.6666 14.6667H15.6133L15.24 14.3067C16.0732 13.3386 16.6822 12.1984 17.0234 10.9675C17.3645 9.7366 17.4294 8.44553 17.2133 7.18666C16.5866 3.48 13.4933 0.519997 9.75997 0.0666636C8.44745 -0.0993821 7.11435 0.0370258 5.86267 0.465449C4.61098 0.893872 3.47389 1.60296 2.53841 2.53844C1.60292 3.47392 0.893842 4.61101 0.465418 5.8627C0.0369953 7.11438 -0.0994126 8.44748 0.0666331 9.76C0.519966 13.4933 3.47997 16.5867 7.18663 17.2133C8.4455 17.4294 9.73657 17.3645 10.9675 17.0234C12.1983 16.6823 13.3386 16.0733 14.3066 15.24L14.6666 15.6133V16.6667L20.3333 22.3333C20.88 22.88 21.7733 22.88 22.32 22.3333C22.8666 21.7867 22.8666 20.8933 22.32 20.3467L16.6666 14.6667ZM8.66663 14.6667C5.34663 14.6667 2.66663 11.9867 2.66663 8.66666C2.66663 5.34666 5.34663 2.66666 8.66663 2.66666C11.9866 2.66666 14.6666 5.34666 14.6666 8.66666C14.6666 11.9867 11.9866 14.6667 8.66663 14.6667Z" fill="#141B5C"/>
|
|
4
3
|
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M9.70912 12.1877C8.93017 13.4695 7.06983 13.4695 6.29088 12.1877L1.18647 3.7887C0.37647 2.45587 1.33594 0.749999 2.8956 0.749999L13.1044 0.75C14.6641 0.75 15.6235 2.45587 14.8135 3.7887L9.70912 12.1877Z" fill="#141B5C"/>
|
|
3
|
+
</svg>
|
|
@@ -32,7 +32,7 @@ export class NSInputSearch extends React.Component {
|
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
34
|
render() {
|
|
35
|
-
return (_jsxs("div", { className: `${Styles.ns_input_form} p-2`, children: [_jsx("
|
|
35
|
+
return (_jsxs("div", { className: `${Styles.ns_input_form} p-2`, children: [_jsx("img", { className: Styles.ns_input_icon, src: IconInputSearch, alt: "icon", width: 22, height: 22 }), _jsx("input", { value: this.state.value, onChange: this.setValue, onKeyDown: this.keyDownEvent, type: "text", className: Styles.ns_input, placeholder: "Search" })] }));
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
//# sourceMappingURL=NSInputSearch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSInputSearch.js","sourceRoot":"","sources":["../../src/components/NSInputSearch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,eAAe,MAAM,wCAAwC,CAAC;
|
|
1
|
+
{"version":3,"file":"NSInputSearch.js","sourceRoot":"","sources":["../../src/components/NSInputSearch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,eAAe,MAAM,wCAAwC,CAAC;AAUrE,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAiD;IACtF,YAAY,KAAyB;QAEjC,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;QACvD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACrD,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;IACD,SAAS,CAAC,CAAsC;QAE5C,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACrB,CAAC;IACD,YAAY,CAAC,KAA0C;QAEnD,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAC1B,CAAC;YAEG,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAA;QAC3B,CAAC;IACL,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,aAAa,MAAM,aACzC,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,eAAe,EACpB,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,SAAS,EAAE,IAAI,CAAC,YAAY,EAC5B,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,QAAQ,GACtB,IACA,CACT,CAAC;IACN,CAAC;CACJ"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import React from "react";
|
|
4
4
|
import Styles from "./NSSelectBox.module.css";
|
|
5
5
|
import { Select, Space } from 'antd';
|
|
6
|
+
import IconSelectBox from '../assets/images/icon-select-box.svg';
|
|
6
7
|
export class NSSelectBox extends React.Component {
|
|
7
8
|
constructor(props) {
|
|
8
9
|
super(props);
|
|
@@ -18,7 +19,7 @@ export class NSSelectBox extends React.Component {
|
|
|
18
19
|
return this.state.value;
|
|
19
20
|
}
|
|
20
21
|
render() {
|
|
21
|
-
return (
|
|
22
|
+
return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2`, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx(Select, { mode: "multiple", style: { width: '100%' }, className: Styles.ns_input_select, placeholder: "Combo Box", onChange: this.setValue, optionLabelProp: "label", options: this.props.options, optionRender: (option) => (_jsx(Space, { className: Styles.ns_input_select_option, children: option.data.desc })), suffixIcon: _jsx("img", { src: IconSelectBox, alt: "SelectBox Icon" }) })] }));
|
|
22
23
|
}
|
|
23
24
|
}
|
|
24
25
|
//# sourceMappingURL=NSSelectBox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSSelectBox.js","sourceRoot":"","sources":["../../src/components/NSSelectBox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"NSSelectBox.js","sourceRoot":"","sources":["../../src/components/NSSelectBox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAErC,OAAO,aAAa,MAAM,sCAAsC,CAAC;AAajE,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAA6C;IAChF,YAAY,KAAuB;QAE/B,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;IAC7C,CAAC;IACD,QAAQ,CAAC,KAAe;QAEpB,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,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,aAC3C,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,KAAC,MAAM,IACH,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACxB,SAAS,EAAE,MAAM,CAAC,eAAe,EACjC,WAAW,EAAC,WAAW,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,eAAe,EAAC,OAAO,EACvB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,YAAY,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,CACtB,KAAC,KAAK,IAAC,SAAS,EAAE,MAAM,CAAC,sBAAsB,YAC1C,MAAM,CAAC,IAAI,CAAC,IAAI,GACb,CACX,EACD,UAAU,EAAE,cAAK,GAAG,EAAE,aAAa,EAAE,GAAG,EAAC,gBAAgB,GAAG,GAC9D,IACA,CACT,CAAC;IACN,CAAC;CACJ"}
|
package/package.json
CHANGED
package/src/App.tsx
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './App.css';
|
|
2
2
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
3
|
-
import { NSButtonBlue, NSButtonBlueVector, NSLayoutTitle, NSPagination
|
|
3
|
+
import { NSButtonBlue, NSButtonBlueVector, NSLayoutTitle, NSPagination } from './main';
|
|
4
4
|
|
|
5
5
|
export function App()
|
|
6
6
|
{
|
|
@@ -10,7 +10,7 @@ export function App()
|
|
|
10
10
|
<NSPagination page={1} size={25} />
|
|
11
11
|
<NSButtonBlue title='Apply' onClick={() => ""} />
|
|
12
12
|
<NSButtonBlueVector title='New' onClick={() => ""} vector='/assets/images/add-vector.png' />
|
|
13
|
-
|
|
13
|
+
|
|
14
14
|
</NSLayoutTitle>
|
|
15
15
|
</div>
|
|
16
16
|
);
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
<svg width="
|
|
2
|
-
<
|
|
3
|
-
<path d="M25.4656 24.1578L19.2822 17.9745C20.2418 16.734 20.7608 15.2173 20.7608 13.6221C20.7608 11.7126 20.0156 9.92211 18.668 8.57211C17.3203 7.22211 15.5251 6.47925 13.618 6.47925C11.7108 6.47925 9.91557 7.22449 8.56795 8.57211C7.21795 9.91972 6.4751 11.7126 6.4751 13.6221C6.4751 15.5292 7.22034 17.3245 8.56795 18.6721C9.91557 20.0221 11.7084 20.765 13.618 20.765C15.2132 20.765 16.7275 20.2459 17.968 19.2888L24.1513 25.4697C24.1694 25.4879 24.1909 25.5023 24.2146 25.5121C24.2383 25.5219 24.2637 25.527 24.2894 25.527C24.315 25.527 24.3404 25.5219 24.3641 25.5121C24.3878 25.5023 24.4093 25.4879 24.4275 25.4697L25.4656 24.434C25.4837 24.4159 25.4981 24.3944 25.5079 24.3707C25.5177 24.347 25.5228 24.3216 25.5228 24.2959C25.5228 24.2703 25.5177 24.2449 25.5079 24.2212C25.4981 24.1975 25.4837 24.176 25.4656 24.1578ZM17.3894 17.3935C16.3799 18.4007 15.0418 18.9554 13.618 18.9554C12.1941 18.9554 10.8561 18.4007 9.84653 17.3935C8.83938 16.384 8.28462 15.0459 8.28462 13.6221C8.28462 12.1983 8.83938 10.8578 9.84653 9.85068C10.8561 8.84353 12.1941 8.28877 13.618 8.28877C15.0418 8.28877 16.3822 8.84115 17.3894 9.85068C18.3965 10.8602 18.9513 12.1983 18.9513 13.6221C18.9513 15.0459 18.3965 16.3864 17.3894 17.3935Z" fill="white"/>
|
|
1
|
+
<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M16.6666 14.6667H15.6133L15.24 14.3067C16.0732 13.3386 16.6822 12.1984 17.0234 10.9675C17.3645 9.7366 17.4294 8.44553 17.2133 7.18666C16.5866 3.48 13.4933 0.519997 9.75997 0.0666636C8.44745 -0.0993821 7.11435 0.0370258 5.86267 0.465449C4.61098 0.893872 3.47389 1.60296 2.53841 2.53844C1.60292 3.47392 0.893842 4.61101 0.465418 5.8627C0.0369953 7.11438 -0.0994126 8.44748 0.0666331 9.76C0.519966 13.4933 3.47997 16.5867 7.18663 17.2133C8.4455 17.4294 9.73657 17.3645 10.9675 17.0234C12.1983 16.6823 13.3386 16.0733 14.3066 15.24L14.6666 15.6133V16.6667L20.3333 22.3333C20.88 22.88 21.7733 22.88 22.32 22.3333C22.8666 21.7867 22.8666 20.8933 22.32 20.3467L16.6666 14.6667ZM8.66663 14.6667C5.34663 14.6667 2.66663 11.9867 2.66663 8.66666C2.66663 5.34666 5.34663 2.66666 8.66663 2.66666C11.9866 2.66666 14.6666 5.34666 14.6666 8.66666C14.6666 11.9867 11.9866 14.6667 8.66663 14.6667Z" fill="#141B5C"/>
|
|
4
3
|
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M9.70912 12.1877C8.93017 13.4695 7.06983 13.4695 6.29088 12.1877L1.18647 3.7887C0.37647 2.45587 1.33594 0.749999 2.8956 0.749999L13.1044 0.75C14.6641 0.75 15.6235 2.45587 14.8135 3.7887L9.70912 12.1877Z" fill="#141B5C"/>
|
|
3
|
+
</svg>
|
|
@@ -5,9 +5,7 @@ import Styles from "./NSInputSearch.module.css";
|
|
|
5
5
|
import IconInputSearch from '../assets/images/icon-input-search.svg';
|
|
6
6
|
|
|
7
7
|
export interface NSInputSearchProps
|
|
8
|
-
{
|
|
9
|
-
title: string;
|
|
10
|
-
}
|
|
8
|
+
{}
|
|
11
9
|
|
|
12
10
|
export interface NSInputSearchState
|
|
13
11
|
{
|
|
@@ -54,13 +52,12 @@ export class NSInputSearch extends React.Component<NSInputSearchProps, NSInputSe
|
|
|
54
52
|
{
|
|
55
53
|
return (
|
|
56
54
|
<div className={`${Styles.ns_input_form} p-2`}>
|
|
57
|
-
<span className={Styles.ns_input_title}>{this.props.title}</span>
|
|
58
55
|
<img
|
|
59
56
|
className={Styles.ns_input_icon}
|
|
60
57
|
src={IconInputSearch}
|
|
61
58
|
alt="icon"
|
|
62
|
-
width={
|
|
63
|
-
height={
|
|
59
|
+
width={22}
|
|
60
|
+
height={22}
|
|
64
61
|
/>
|
|
65
62
|
<input
|
|
66
63
|
value={this.state.value}
|
|
@@ -4,7 +4,7 @@ import React from "react";
|
|
|
4
4
|
import Styles from "./NSSelectBox.module.css";
|
|
5
5
|
import { Select, Space } from 'antd';
|
|
6
6
|
import type { SelectProps } from 'antd';
|
|
7
|
-
|
|
7
|
+
import IconSelectBox from '../assets/images/icon-select-box.svg';
|
|
8
8
|
|
|
9
9
|
export interface NSSelectBoxProps
|
|
10
10
|
{
|
|
@@ -38,8 +38,8 @@ export class NSSelectBox extends React.Component<NSSelectBoxProps, NSSelectBoxSt
|
|
|
38
38
|
{
|
|
39
39
|
return (
|
|
40
40
|
<div className={`${Styles.ns_input_parent} p-2`}>
|
|
41
|
+
<span className={Styles.ns_input_title}>{this.props.title}</span>
|
|
41
42
|
<Select
|
|
42
|
-
// suffixIcon={<CaretDownOutlined />}
|
|
43
43
|
mode="multiple"
|
|
44
44
|
style={{ width: '100%' }}
|
|
45
45
|
className={Styles.ns_input_select}
|
|
@@ -52,6 +52,7 @@ export class NSSelectBox extends React.Component<NSSelectBoxProps, NSSelectBoxSt
|
|
|
52
52
|
{option.data.desc}
|
|
53
53
|
</Space>
|
|
54
54
|
)}
|
|
55
|
+
suffixIcon={<img src={IconSelectBox} alt="SelectBox Icon" />}
|
|
55
56
|
/>
|
|
56
57
|
</div>
|
|
57
58
|
);
|