namirasoft-site-react 1.3.150 → 1.3.152

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.
Files changed (27) hide show
  1. package/dist/App.js +45 -158
  2. package/dist/App.js.map +1 -1
  3. package/dist/components/NSBoxTextArea.d.ts +24 -0
  4. package/dist/components/NSBoxTextArea.js +51 -0
  5. package/dist/components/NSBoxTextArea.js.map +1 -0
  6. package/dist/components/NSBoxTextArea.module.css +38 -0
  7. package/dist/components/NSFilterBox.d.ts +3 -0
  8. package/dist/components/NSFilterBox.js +43 -23
  9. package/dist/components/NSFilterBox.js.map +1 -1
  10. package/dist/components/NSGroupedList.js +1 -1
  11. package/dist/components/NSGroupedList.js.map +1 -1
  12. package/dist/components/NSGroupedList.module.css +1 -1
  13. package/dist/components/NSLayoutAction.js.map +1 -1
  14. package/dist/components/NSTable.module.css +3 -1
  15. package/dist/main.d.ts +1 -0
  16. package/dist/main.js +1 -0
  17. package/dist/main.js.map +1 -1
  18. package/package.json +4 -4
  19. package/src/App.tsx +69 -176
  20. package/src/components/NSBoxTextArea.module.css +38 -0
  21. package/src/components/NSBoxTextArea.tsx +98 -0
  22. package/src/components/NSFilterBox.tsx +70 -35
  23. package/src/components/NSGroupedList.module.css +1 -1
  24. package/src/components/NSGroupedList.tsx +3 -5
  25. package/src/components/NSLayoutAction.tsx +0 -4
  26. package/src/components/NSTable.module.css +3 -1
  27. package/src/main.ts +1 -0
package/dist/App.js CHANGED
@@ -1,163 +1,50 @@
1
- import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import './App.css';
3
3
  import 'bootstrap/dist/css/bootstrap.min.css';
4
- import { NSLayoutAction } from './components/NSLayoutAction';
5
- import { NSFilterBox } from './components/NSFilterBox';
6
- import { FilterItemColumnType } from 'namirasoft-core';
7
- const actions = [
8
- {
9
- group: "test-1",
10
- items: [
11
- {
12
- id: "1",
13
- menu_item: "View",
14
- handler() {
15
- console.log("View");
16
- },
17
- isActive() {
18
- return true;
19
- }
20
- },
21
- {
22
- id: "2",
23
- menu_item: "View History",
24
- handler() {
25
- console.log("View History");
26
- },
27
- isActive() {
28
- return true;
29
- }
30
- },
31
- {
32
- id: "3",
33
- menu_item: "Edit",
34
- handler() {
35
- console.log("Edit");
36
- },
37
- isActive() {
38
- return true;
39
- }
40
- },
41
- {
42
- id: "4",
43
- menu_item: "Delete",
44
- handler() {
45
- console.log("Delete");
46
- },
47
- isActive() {
48
- return true;
49
- }
50
- },
51
- ]
52
- }
53
- ];
54
- const suggest_items = [
55
- {
56
- name: "test-category-1",
57
- text: "test-category-1",
58
- columns: [
59
- {
60
- name: "item-id-test-1",
61
- text: "item-title-test-1",
62
- type: FilterItemColumnType.String
63
- },
64
- {
65
- name: "item-id-test-2",
66
- text: "item-title-test-2",
67
- type: FilterItemColumnType.String
68
- },
69
- {
70
- name: "item-id-test-2",
71
- text: "item-title-test-2",
72
- type: FilterItemColumnType.String
73
- },
74
- {
75
- name: "item-id-test-2",
76
- text: "item-title-test-2",
77
- type: FilterItemColumnType.String
78
- },
79
- ]
80
- },
81
- {
82
- name: "test-category-1",
83
- text: "test-category-1",
84
- columns: [
85
- {
86
- name: "item-id-test-1",
87
- text: "item-title-test-1",
88
- type: FilterItemColumnType.String
89
- },
90
- {
91
- name: "item-id-test-2",
92
- text: "item-title-test-2",
93
- type: FilterItemColumnType.String
94
- },
95
- {
96
- name: "item-id-test-2",
97
- text: "item-title-test-2",
98
- type: FilterItemColumnType.String
99
- },
100
- {
101
- name: "item-id-test-2",
102
- text: "item-title-test-2",
103
- type: FilterItemColumnType.String
104
- },
105
- ]
106
- },
107
- {
108
- name: "test-category-1",
109
- text: "test-category-2",
110
- columns: [
111
- {
112
- name: "item-id-test-2-1",
113
- text: "item-title-test-2-1",
114
- type: FilterItemColumnType.String
115
- },
116
- {
117
- name: "item-id-test-2-2",
118
- text: "item-title-test-2-1",
119
- type: FilterItemColumnType.String
120
- },
121
- {
122
- name: "item-id-test-2-3",
123
- text: "item-title-test-2-3",
124
- type: FilterItemColumnType.String
125
- },
126
- {
127
- name: "item-id-test-2-4",
128
- text: "item-title-test-2-4",
129
- type: FilterItemColumnType.String
130
- },
131
- ]
132
- },
133
- {
134
- name: "test-category-3",
135
- text: "test-category-3",
136
- columns: [
137
- {
138
- name: "item-id-test-3-1",
139
- text: "item-title-test-3-1",
140
- type: FilterItemColumnType.String
141
- },
142
- {
143
- name: "item-id-test-3-2",
144
- text: "item-title-test-3-2",
145
- type: FilterItemColumnType.String
146
- },
147
- {
148
- name: "item-id-test-3-3",
149
- text: "item-title-test-3-3",
150
- type: FilterItemColumnType.String
151
- },
152
- {
153
- name: "item-id-test-3-4",
154
- text: "item-title-test-3-4",
155
- type: FilterItemColumnType.String
156
- },
157
- ]
158
- },
159
- ];
4
+ import { NSBoxTextArea, NSTable } from './main';
5
+ import { useRef } from 'react';
160
6
  export function App() {
161
- return (_jsx(_Fragment, { children: _jsx(NSLayoutAction, { notifications: [], actions: actions, title: 'Test2 test2', description: 'Lorem lorem orem Lorem lorem orem Lorem lorem orem Lorem lorem orem Lorem lorem orem Lorem lorem orem ', scope: 'Namirasoft Account Console', logo: 'https://static.namirasoft.com/image/namirasoft/site/logo/base.png', children: _jsx(NSFilterBox, { tables: suggest_items, placeholder: 'placeholder' }) }) }));
7
+ let table = useRef(null);
8
+ let columns = {
9
+ "id": "ID",
10
+ "project": "Project",
11
+ "level": "Level",
12
+ "message": "Message",
13
+ "cent": "Cent",
14
+ "status": "Status",
15
+ };
16
+ let rows = [{
17
+ id: 1,
18
+ project: "Namirasoft Account",
19
+ level: "Debug",
20
+ message: "Lorem ipsum dolor sit amet, consetetur ",
21
+ cent: "26",
22
+ status: "pending"
23
+ },
24
+ {
25
+ id: 2,
26
+ project: "Namirasoft Account",
27
+ level: "Debug",
28
+ message: "Lorem ipsum dolor sit amet, consetetur ",
29
+ cent: "24",
30
+ status: "Done"
31
+ },
32
+ {
33
+ id: 3,
34
+ project: "Namirasoft Account",
35
+ level: "Debug",
36
+ message: "Lorem ipsum dolor sit amet, consetetur ",
37
+ cent: "24",
38
+ status: "Done"
39
+ }
40
+ ];
41
+ function getCell(row, column) {
42
+ return row[column];
43
+ }
44
+ function getRows(page) {
45
+ console.log(page);
46
+ }
47
+ function onChange() { }
48
+ return (_jsxs(_Fragment, { children: [_jsx(NSTable, { ref: table, columns: columns, rows: rows, getCell: getCell, getColumnAttributes: () => { return {}; }, getRowKey: row => row.id.toString(), onChanged: onChange, pageSize: 3, totalItems: 100, getRows: getRows }), _jsx(NSBoxTextArea, { title: 'Description', placeholder: '', required: false })] }));
162
49
  }
163
50
  //# 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,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,OAAO,GAAG;IACf;QACC,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE;YACN;gBACC,EAAE,EAAE,GAAG;gBACP,SAAS,EAAE,MAAM;gBACjB,OAAO;oBAEN,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;gBACpB,CAAC;gBACD,QAAQ;oBAEP,OAAO,IAAI,CAAA;gBACZ,CAAC;aACD;YACD;gBACC,EAAE,EAAE,GAAG;gBACP,SAAS,EAAE,cAAc;gBACzB,OAAO;oBAEN,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;gBAC5B,CAAC;gBACD,QAAQ;oBAEP,OAAO,IAAI,CAAA;gBACZ,CAAC;aACD;YACD;gBACC,EAAE,EAAE,GAAG;gBACP,SAAS,EAAE,MAAM;gBACjB,OAAO;oBAEN,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;gBACpB,CAAC;gBACD,QAAQ;oBAEP,OAAO,IAAI,CAAA;gBACZ,CAAC;aACD;YACD;gBACC,EAAE,EAAE,GAAG;gBACP,SAAS,EAAE,QAAQ;gBACnB,OAAO;oBAEN,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;gBACtB,CAAC;gBACD,QAAQ;oBAEP,OAAO,IAAI,CAAA;gBACZ,CAAC;aACD;SACD;KACD;CACD,CAAA;AAGD,MAAM,aAAa,GAAG;IACrB;QACC,IAAI,EAAE,iBAAiB;QACvB,IAAI,EAAE,iBAAiB;QACvB,OAAO,EAAE;YACR;gBACC,IAAI,EAAE,gBAAgB;gBACtB,IAAI,EAAE,mBAAmB;gBACzB,IAAI,EAAE,oBAAoB,CAAC,MAAM;aACjC;YACD;gBACC,IAAI,EAAE,gBAAgB;gBACtB,IAAI,EAAE,mBAAmB;gBACzB,IAAI,EAAE,oBAAoB,CAAC,MAAM;aACjC;YACD;gBACC,IAAI,EAAE,gBAAgB;gBACtB,IAAI,EAAE,mBAAmB;gBACzB,IAAI,EAAE,oBAAoB,CAAC,MAAM;aACjC;YACD;gBACC,IAAI,EAAE,gBAAgB;gBACtB,IAAI,EAAE,mBAAmB;gBACzB,IAAI,EAAE,oBAAoB,CAAC,MAAM;aACjC;SACD;KACD;IACD;QACC,IAAI,EAAE,iBAAiB;QACvB,IAAI,EAAE,iBAAiB;QACvB,OAAO,EAAE;YACR;gBACC,IAAI,EAAE,gBAAgB;gBACtB,IAAI,EAAE,mBAAmB;gBACzB,IAAI,EAAE,oBAAoB,CAAC,MAAM;aACjC;YACD;gBACC,IAAI,EAAE,gBAAgB;gBACtB,IAAI,EAAE,mBAAmB;gBACzB,IAAI,EAAE,oBAAoB,CAAC,MAAM;aACjC;YACD;gBACC,IAAI,EAAE,gBAAgB;gBACtB,IAAI,EAAE,mBAAmB;gBACzB,IAAI,EAAE,oBAAoB,CAAC,MAAM;aACjC;YACD;gBACC,IAAI,EAAE,gBAAgB;gBACtB,IAAI,EAAE,mBAAmB;gBACzB,IAAI,EAAE,oBAAoB,CAAC,MAAM;aACjC;SACD;KACD;IACD;QACC,IAAI,EAAE,iBAAiB;QACvB,IAAI,EAAE,iBAAiB;QACvB,OAAO,EAAE;YACR;gBACC,IAAI,EAAE,kBAAkB;gBACxB,IAAI,EAAE,qBAAqB;gBAC3B,IAAI,EAAE,oBAAoB,CAAC,MAAM;aACjC;YACD;gBACC,IAAI,EAAE,kBAAkB;gBACxB,IAAI,EAAE,qBAAqB;gBAC3B,IAAI,EAAE,oBAAoB,CAAC,MAAM;aACjC;YACD;gBACC,IAAI,EAAE,kBAAkB;gBACxB,IAAI,EAAE,qBAAqB;gBAC3B,IAAI,EAAE,oBAAoB,CAAC,MAAM;aACjC;YACD;gBACC,IAAI,EAAE,kBAAkB;gBACxB,IAAI,EAAE,qBAAqB;gBAC3B,IAAI,EAAE,oBAAoB,CAAC,MAAM;aACjC;SACD;KACD;IACD;QACC,IAAI,EAAE,iBAAiB;QACvB,IAAI,EAAE,iBAAiB;QACvB,OAAO,EAAE;YACR;gBACC,IAAI,EAAE,kBAAkB;gBACxB,IAAI,EAAE,qBAAqB;gBAC3B,IAAI,EAAE,oBAAoB,CAAC,MAAM;aACjC;YACD;gBACC,IAAI,EAAE,kBAAkB;gBACxB,IAAI,EAAE,qBAAqB;gBAC3B,IAAI,EAAE,oBAAoB,CAAC,MAAM;aACjC;YACD;gBACC,IAAI,EAAE,kBAAkB;gBACxB,IAAI,EAAE,qBAAqB;gBAC3B,IAAI,EAAE,oBAAoB,CAAC,MAAM;aACjC;YACD;gBACC,IAAI,EAAE,kBAAkB;gBACxB,IAAI,EAAE,qBAAqB;gBAC3B,IAAI,EAAE,oBAAoB,CAAC,MAAM;aACjC;SACD;KACD;CACD,CAAA;AAGD,MAAM,UAAU,GAAG;IAGlB,OAAO,CACN,4BACC,KAAC,cAAc,IACd,aAAa,EAAE,EAAE,EACjB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,aAAa,EACnB,WAAW,EAAC,wGAAwG,EACpH,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,mEAAmE,YAExE,KAAC,WAAW,IACX,MAAM,EAAE,aAAa,EACrB,WAAW,EAAC,aAAa,GAAG,GACb,GACf,CACH,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,MAAM,UAAU,GAAG;IAGlB,IAAI,KAAK,GAAG,MAAM,CAAe,IAAI,CAAC,CAAC;IACvC,IAAI,OAAO,GAAG;QACb,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,OAAO;QAChB,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;KAClB,CAAA;IACD,IAAI,IAAI,GAAG,CAAC;YACX,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,oBAAoB;YAC7B,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,yCAAyC;YAClD,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,SAAS;SACjB;QACD;YACC,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,oBAAoB;YAC7B,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,yCAAyC;YAClD,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,MAAM;SACd;QACD;YACC,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,oBAAoB;YAC7B,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,yCAAyC;YAClD,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,MAAM;SACd;KACA,CAAA;IAUD,SAAS,OAAO,CAAC,GAAQ,EAAE,MAAc;QAExC,OAAQ,GAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC;IACD,SAAS,OAAO,CAAC,IAAY;QAE5B,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC;IACD,SAAS,QAAQ,KACf,CAAC;IAEH,OAAO,CACN,8BACC,KAAC,OAAO,IACP,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,CAAA,CAAC,CAAC,EACxC,SAAS,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,QAAQ,EAAE,EACnC,SAAS,EAAE,QAAQ,EACnB,QAAQ,EAAE,CAAC,EACX,UAAU,EAAE,GAAG,EACf,OAAO,EAAE,OAAO,GACf,EACF,KAAC,aAAa,IACb,KAAK,EAAC,aAAa,EACnB,WAAW,EAAC,EAAE,EACd,QAAQ,EAAE,KAAK,GACd,IACA,CACH,CAAC;AACH,CAAC"}
package/dist/components/NSBoxTextArea.d.ts ADDED
@@ -0,0 +1,24 @@
1
+ import React from "react";
2
+ import { IBaseComponentProps } from "../props/IBaseComponentProps";
3
+ import { IValidationProps } from "../props/IValidationProps";
4
+ import { IValidationStringProps } from "../props/IValidationStringProps";
5
+ export interface INSBoxTextAreaProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
6
+ title: string;
7
+ defaultValue?: string;
8
+ onChanged?: () => void;
9
+ placeholder?: string;
10
+ cols?: number;
11
+ rows?: number;
12
+ }
13
+ export interface INSBoxTextAreaState {
14
+ value: string;
15
+ error?: string;
16
+ }
17
+ export declare class NSBoxTextArea extends React.Component<INSBoxTextAreaProps, INSBoxTextAreaState> {
18
+ constructor(props: INSBoxTextAreaProps);
19
+ getError(): string | null;
20
+ getValue(): string;
21
+ setValue(value: string): void;
22
+ private onChanged;
23
+ render(): import("react/jsx-runtime").JSX.Element;
24
+ }
package/dist/components/NSBoxTextArea.js ADDED
@@ -0,0 +1,51 @@
1
+ "use client";
2
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
3
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
4
+ return new (P || (P = Promise))(function (resolve, reject) {
5
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
6
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
7
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
8
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
9
+ });
10
+ };
11
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
12
+ import React from "react";
13
+ import Styles from "./NSBoxTextArea.module.css";
14
+ import { Validator } from "../Validator";
15
+ import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
16
+ import IconInputString from '../assets/images/icon-input-string.svg';
17
+ export class NSBoxTextArea extends React.Component {
18
+ constructor(props) {
19
+ var _a;
20
+ super(props);
21
+ this.onChanged = (e) => __awaiter(this, void 0, void 0, function* () {
22
+ yield this.setValue(e.target.value);
23
+ if (this.props.onChanged)
24
+ this.props.onChanged();
25
+ });
26
+ this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "" };
27
+ this.getValue = this.getValue.bind(this);
28
+ this.setValue = this.setValue.bind(this);
29
+ this.onChanged = this.onChanged.bind(this);
30
+ }
31
+ getError() {
32
+ return (Validator.getError(this.props.title, this.state.value, this.props) &&
33
+ Validator.getErrorString(this.props.title, this.state.value, this.props));
34
+ }
35
+ getValue() {
36
+ let error = this.getError();
37
+ if (error) {
38
+ this.setState({ error });
39
+ throw new Error(error);
40
+ }
41
+ return this.state.value;
42
+ }
43
+ setValue(value) {
44
+ this.setState({ value });
45
+ }
46
+ render() {
47
+ var _a;
48
+ return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_text_area_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsxs("span", { className: Styles.ns_text_area_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsxs("div", { className: Styles.ns_text_area_container, children: [_jsx("figure", { className: Styles.ns_text_area_icon_container, children: _jsx("img", { src: IconInputString, alt: "text-area-icon", width: 24, height: 24 }) }), _jsx("textarea", { style: { height: !this.props.rows ? "96px" : "" }, cols: this.props.cols, rows: this.props.rows, id: this.props.id, value: this.state.value, className: Styles.ns_text_area, placeholder: this.props.placeholder, onChange: this.onChanged })] })] }), _jsx(NSBoxErrorNotifier, { error: this.state.error })] }));
49
+ }
50
+ }
51
+ //# sourceMappingURL=NSBoxTextArea.js.map
package/dist/components/NSBoxTextArea.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSBoxTextArea.js","sourceRoot":"","sources":["../../src/components/NSBoxTextArea.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAIhD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,eAAe,MAAM,wCAAwC,CAAC;AAiBrE,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAmD;IAE3F,YAAY,KAA0B;;QAErC,KAAK,CAAC,KAAK,CAAC,CAAC;QA4BN,cAAS,GAAG,CAAO,CAAyC,EAAiB,EAAE;YAEtF,MAAM,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACpC,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;gBACvB,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;QACzB,CAAC,CAAA,CAAA;QAhCA,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,EAAE,EAAE,CAAC;QACjD,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,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5C,CAAC;IACD,QAAQ;QAEP,OAAO,CACN,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC;YAClE,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CACxE,CAAC;IACH,CAAC;IACD,QAAQ;QAEP,IAAI,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC5B,IAAI,KAAK,EACT;YACC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YACzB,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC;SACvB;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAEzB,CAAC;IACD,QAAQ,CAAC,KAAa;QAErB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC1B,CAAC;IAOQ,MAAM;;QAEd,OAAO,CACN,8BACC,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,mBAAmB,IAAI,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,aAC1G,gBAAM,SAAS,EAAE,MAAM,CAAC,kBAAkB,kBAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,kBAAU,OAAG,IAAI,CAAC,KAAK,CAAC,KAAK,SAAS,EACxI,eAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,aAC5C,iBAAQ,SAAS,EAAE,MAAM,CAAC,2BAA2B,YACpD,cACC,GAAG,EAAE,eAAe,EACpB,GAAG,EAAC,gBAAgB,EACpB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACT,GACM,EACT,mBACC,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,EACjD,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACrB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACrB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,SAAS,EAAE,MAAM,CAAC,YAAY,EAC9B,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,QAAQ,EAAE,IAAI,CAAC,SAAS,GACvB,IAGG,IACD,EACN,KAAC,kBAAkB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAI,IAC7C,CACH,CAAC;IACH,CAAC;CACD"}
package/dist/components/NSBoxTextArea.module.css ADDED
@@ -0,0 +1,38 @@
1
+ .ns_text_area_parent {
2
+ display: flex;
3
+ flex-direction: column;
4
+ width: fit-content;
5
+ color: #141B5C;
6
+ position: relative;
7
+ justify-content: center;
8
+ width: 100%;
9
+ max-width: 560px;
10
+ }
11
+
12
+ .ns_text_area_container {
13
+ display: flex;
14
+ align-items: center;
15
+ position: relative;
16
+ width: 100%;
17
+ }
18
+
19
+ .ns_text_area_icon_container {
20
+ margin: 0 !important;
21
+ position: absolute;
22
+ right: 12px;
23
+ top: 10px;
24
+ }
25
+
26
+ .ns_text_area {
27
+ border-radius: 8px;
28
+ padding: 10px 12px 10px 12px;
29
+ font-size: 16px;
30
+ font-weight: 400;
31
+ border: 1px solid rgba(0, 0, 0, 1) !important;
32
+ width: 100%;
33
+ }
34
+
35
+ .ns_text_area_title {
36
+ font-size: 16px;
37
+ font-weight: 400;
38
+ }
package/dist/components/NSFilterBox.d.ts CHANGED
@@ -13,6 +13,7 @@ interface INSFilterBoxProps extends IBaseComponentProps {
13
13
  type: FilterItemColumnType;
14
14
  }[];
15
15
  }[];
16
+ getData: (column: string) => string[];
16
17
  }
17
18
  interface INSFilterBoxState {
18
19
  filterItems: FilterItem[];
@@ -45,6 +46,8 @@ export declare class NSFilterBox extends Component<INSFilterBoxProps, INSFilterB
45
46
  getValue(): string;
46
47
  setValue(value: string): void;
47
48
  selectColumn(groupe: string, item: string): void;
49
+ selectOperator(group: string, item: string): void;
50
+ selectValue(group: string, item: string): void;
48
51
  removeSelected(text: string): void;
49
52
  private onChanged;
50
53
  render(): import("react/jsx-runtime").JSX.Element;
package/dist/components/NSFilterBox.js CHANGED
@@ -42,6 +42,8 @@ export class NSFilterBox extends Component {
42
42
  selectedValues: []
43
43
  };
44
44
  this.selectColumn = this.selectColumn.bind(this);
45
+ this.selectOperator = this.selectOperator.bind(this);
46
+ this.selectValue = this.selectValue.bind(this);
45
47
  this.removeSelected = this.removeSelected.bind(this);
46
48
  this.onChanged = this.onChanged.bind(this);
47
49
  this.getValue = this.getValue.bind(this);
@@ -59,17 +61,31 @@ export class NSFilterBox extends Component {
59
61
  });
60
62
  else
61
63
  this.setState({
62
- showSuggestList: false
64
+ showSuggestList: false,
65
+ groupListState: GroupListState.Normal,
66
+ searchValue: ""
63
67
  });
64
68
  }
65
69
  selectColumn(groupe, item) {
66
- console.log(item);
67
- let columns = this.props.tables.filter((table) => table.name === groupe);
70
+ console.log("item", groupe);
71
+ console.log("item", item);
68
72
  this.setState({
69
- selectedColumns: columns,
70
- groupListState: GroupListState.Opertor
73
+ groupListState: GroupListState.Opertor,
74
+ searchValue: item
71
75
  });
72
76
  }
77
+ selectOperator(group, item) {
78
+ console.log("item", item);
79
+ console.log("group", group);
80
+ debugger;
81
+ this.setState({
82
+ groupListState: GroupListState.Value,
83
+ });
84
+ }
85
+ selectValue(group, item) {
86
+ console.log("item", item);
87
+ console.log("group", group);
88
+ }
73
89
  removeSelected(text) {
74
90
  let selectedArray = [...this.state.filterItems];
75
91
  selectedArray = selectedArray.filter(item => item.column !== text);
@@ -78,9 +94,10 @@ export class NSFilterBox extends Component {
78
94
  });
79
95
  }
80
96
  render() {
81
- return (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsxs("div", { className: Styles.ns_input_container, children: [_jsx("figure", { className: Styles.ns_input_icon_container, children: _jsx("img", { src: "https://static.namirasoft.com/image/concept/magnifier/blue.svg", alt: "input-icon", width: 24, height: 24 }) }), _jsx("input", { value: this.state.searchValue, onChange: (e) => this.onChanged(e), type: "text", className: Styles.ns_input, placeholder: this.props.placeholder }), this.state.showSuggestList &&
97
+ return (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsxs("div", { className: Styles.ns_input_container, children: [_jsx("figure", { className: Styles.ns_input_icon_container, children: _jsx("img", { src: "https://static.namirasoft.com/image/concept/magnifier/blue.svg", alt: "input-icon", width: 24, height: 24 }) }), _jsx("input", { value: this.state.searchValue, onChange: this.onChanged, type: "text", className: Styles.ns_input, placeholder: this.props.placeholder }), this.state.showSuggestList &&
82
98
  _jsx("figure", { className: Styles.ns_input_close_icon, onClick: () => this.setState({
83
99
  showSuggestList: false,
100
+ groupListState: GroupListState.Normal,
84
101
  searchValue: ""
85
102
  }), children: _jsx("img", { src: "https://static.namirasoft.com/image/concept/close/blue.svg", alt: "input-icon", width: 24, height: 24 }) })] }), this.state.groupListState == GroupListState.Column &&
86
103
  _jsx(NSGroupedList, { onClick: this.selectColumn, groups: this.props.tables.map((table) => {
@@ -96,26 +113,29 @@ export class NSFilterBox extends Component {
96
113
  })
97
114
  };
98
115
  }) }), this.state.groupListState == GroupListState.Opertor &&
99
- _jsx(NSGroupedList, { groups: FilterItemOperator.getAllByType(FilterItemColumnType.String).map((operator) => {
100
- var _a, _b;
101
- return {
102
- name: this.state.selectedColumns[0].name,
103
- text: this.state.selectedColumns[0].text,
104
- sign: operator.sign,
105
- operator_name: operator.name,
106
- items: (_b = (_a = this.state.selectedColumns[0]) === null || _a === void 0 ? void 0 : _a.columns) === null || _b === void 0 ? void 0 : _b.map((column) => {
116
+ _jsx(NSGroupedList, { onClick: this.selectOperator, groups: [
117
+ {
118
+ name: "operators",
119
+ text: "Operators",
120
+ items: FilterItemOperator.getAllByType(FilterItemColumnType.String).map((operator) => {
107
121
  return {
108
- name: column.name,
109
- text: column.text,
122
+ name: operator.name,
123
+ text: operator.name,
110
124
  };
111
125
  })
112
- };
113
- }), onClick: () => {
114
- this.setState({
115
- groupListState: GroupListState.Value,
116
- selectedOperators: Object.assign(Object.assign({}, this.state.selectedColumns[0]), { operator: this.state.selectedOperators.operator })
117
- });
118
- } })] }), _jsx("div", { className: Styles.ns_selected_list_parent, children: this.state.filterItems.map((item, index) => _jsx(NSFilterItem, { item: item, removeSelected: () => this.removeSelected(item.column) }, index)) })] }));
126
+ }
127
+ ] }), this.state.groupListState == GroupListState.Value &&
128
+ _jsx(NSGroupedList, { onClick: this.selectValue, groups: [{
129
+ name: "value",
130
+ text: "Value",
131
+ items: this.props.getData(this.state.searchValue).map((data) => {
132
+ return {
133
+ name: data,
134
+ text: data
135
+ };
136
+ })
137
+ }
138
+ ] })] }), _jsx("div", { className: Styles.ns_selected_list_parent, children: this.state.filterItems.map((item, index) => _jsx(NSFilterItem, { item: item, removeSelected: () => this.removeSelected(item.column) }, index)) })] }));
119
139
  }
120
140
  }
121
141
  //# sourceMappingURL=NSFilterBox.js.map
package/dist/components/NSFilterBox.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NSFilterBox.js","sourceRoot":"","sources":["../../src/components/NSFilterBox.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"NSFilterBox.js","sourceRoot":"","sources":["../../src/components/NSFilterBox.tsx"],"names":[],"mappings":"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"}
package/dist/components/NSGroupedList.js CHANGED
@@ -4,7 +4,7 @@ import { Component } from 'react';
4
4
  import Styles from "./NSGroupedList.module.css";
5
5
  class NSGroupedList extends Component {
6
6
  render() {
7
- return (_jsx("div", { className: Styles.ns_group_list_parent, children: this.props.groups.map((group, index) => _jsxs("ul", { className: Styles.ns_group_list, children: [_jsxs("span", { className: Styles.ns_group_category, children: [" ", group.name, " "] }), group.items.map((item, index) => _jsx("li", { onClick: () => this.props.onClick(group.name, item.name), children: _jsxs("div", { className: Styles.ns_group_item, children: [_jsxs("span", { children: [item.name, " ", " ", group.sign && _jsxs("span", { children: [" ", group.sign, " "] })] }), group.operator_name &&
7
+ return (_jsx("div", { className: Styles.ns_group_list_parent, children: this.props.groups.map((group, index) => _jsxs("ul", { className: Styles.ns_group_list, children: [_jsxs("span", { className: Styles.ns_group_category, children: [" ", group.text, " "] }), group.items.map((item, index) => _jsx("li", { onClick: () => this.props.onClick(group.name, item.name), children: _jsxs("div", { className: Styles.ns_group_item, children: [_jsxs("span", { children: [item.text, " ", " ", group.sign && _jsxs("span", { children: [" ", group.sign, " "] })] }), group.operator_name &&
8
8
  _jsxs("span", { className: Styles.ns_block, children: [" ", group.operator_name, " "] })] }) }, index))] }, index)) }));
9
9
  }
10
10
  }
package/dist/components/NSGroupedList.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NSGroupedList.js","sourceRoot":"","sources":["../../src/components/NSGroupedList.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AACZ,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,MAAM,4BAA4B,CAAA;AAsB/C,MAAM,aAAc,SAAQ,SAAmD;IAErE,MAAM;QAEd,OAAO,CACN,cAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,YACzC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CACvC,cAAgB,SAAS,EAAE,MAAM,CAAC,aAAa,aAC9C,gBAAM,SAAS,EAAE,MAAM,CAAC,iBAAiB,kBAAI,KAAK,CAAC,IAAI,SAAS,EAE/D,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAC/B,aAAgB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,YACvE,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,aACnC,2BACE,IAAI,CAAC,IAAI,OAAG,GAAG,EACf,KAAK,CAAC,IAAI,IAAI,iCAAS,KAAK,CAAC,IAAI,SAAS,IACrC,EAEN,KAAK,CAAC,aAAa;oCACnB,gBAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,mBAAK,KAAK,CAAC,aAAa,SAAS,IAE7D,IAVE,KAAK,CAWT,CACL,KAhBM,KAAK,CAkBT,CACL,GACI,CAEN,CAAC;IACH,CAAC;CACD;AAED,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"NSGroupedList.js","sourceRoot":"","sources":["../../src/components/NSGroupedList.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AACZ,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,MAAM,4BAA4B,CAAA;AAoB/C,MAAM,aAAc,SAAQ,SAAmD;IAErE,MAAM;QAEd,OAAO,CACN,cAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,YACzC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CACvC,cAAgB,SAAS,EAAE,MAAM,CAAC,aAAa,aAC9C,gBAAM,SAAS,EAAE,MAAM,CAAC,iBAAiB,kBAAI,KAAK,CAAC,IAAI,SAAS,EAE/D,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAC/B,aAAgB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,YACvE,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,aACnC,2BACE,IAAI,CAAC,IAAI,OAAG,GAAG,EACf,KAAK,CAAC,IAAI,IAAI,iCAAS,KAAK,CAAC,IAAI,SAAS,IACrC,EAEN,KAAK,CAAC,aAAa;oCACnB,gBAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,mBAAK,KAAK,CAAC,aAAa,SAAS,IAE7D,IAVE,KAAK,CAWT,CACL,KAhBM,KAAK,CAkBT,CACL,GACI,CAEN,CAAC;IACH,CAAC;CACD;AAED,eAAe,aAAa,CAAC"}
package/dist/components/NSGroupedList.module.css CHANGED
@@ -5,7 +5,7 @@
5
5
  border: solid 1px #B2BBD9;
6
6
  background-color: #fff;
7
7
  padding-bottom: 16px;
8
- height: 250px;
8
+ height: 360px;
9
9
  overflow: auto;
10
10
  }
11
11
 
package/dist/components/NSLayoutAction.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NSLayoutAction.js","sourceRoot":"","sources":["../../src/components/NSLayoutAction.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAkB,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAErD,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,EAAsB,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAapC,MAAM,UAAU,cAAc,CAAC,KAA2B;;IAEzD,IAAI,KAAK,GAAG,CAAC,MAAA,KAAK,CAAC,WAAW,mCAAI,EAAE,CAAC,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAC;IACzE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAsB;QACvD,IAAI,EAAE,KAAK;KACX,CAAC,CAAA;IAEF,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAGvE,OAAO,CACN,MAAC,QAAQ,oBAAK,KAAK,eAElB,eAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,aAE1C,eAAK,SAAS,EAAE,oBAAoB,MAAM,CAAC,2BAA2B,EAAE,aACvE,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,CAAC,KAAK,GAAM,EAE/C,kBAAQ,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,aACnF,cAAK,GAAG,EAAC,iEAAiE,EAAC,GAAG,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EACpH,oCAAmB,IACX,EAET,KAAC,OAAO,IACP,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GACvC,IACG,EAIN,cAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,YACtC,gBAAgB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAChC,KAAC,YAAY,IAEZ,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,MAAM,CAAC,KAAK,IAFd,MAAM,CAAC,EAAE,CAGb,CACF,GACI,IAED,EACN,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,KAAK,GAAI,EAExC,eAAK,SAAS,EAAE,+BAA+B,MAAM,CAAC,0BAA0B,EAAE,aACjF,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,CAAC,KAAK,GAAM,EAE9C,KAAK,CAAC,WAAW,IAAI,KAAK;wBAC1B,8BACC,YAAG,SAAS,EAAE,MAAM,CAAC,WAAW,YAE9B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;wCAEzB,OAAO,8BACL,IAAI,CAAC,IAAI,EAAE,EACX,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,cAAM,IAClC,CAAA;oCACJ,CAAC,CAAC,GAEA,EACJ,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,IAAI,GAAI,IACrC,IAEC,EACN,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,KAAK,GAAI,EACvC,KAAK,CAAC,QAAQ,KACL,CACX,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"NSLayoutAction.js","sourceRoot":"","sources":["../../src/components/NSLayoutAction.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAkB,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAErD,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,EAAsB,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAapC,MAAM,UAAU,cAAc,CAAC,KAA2B;;IAEzD,IAAI,KAAK,GAAG,CAAC,MAAA,KAAK,CAAC,WAAW,mCAAI,EAAE,CAAC,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAC;IACzE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAsB;QACvD,IAAI,EAAE,KAAK;KACX,CAAC,CAAA;IAEF,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAGvE,OAAO,CACN,MAAC,QAAQ,oBAAK,KAAK,eAElB,eAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,aAE1C,eAAK,SAAS,EAAE,oBAAoB,MAAM,CAAC,2BAA2B,EAAE,aACvE,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,CAAC,KAAK,GAAM,EAE/C,kBAAQ,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,aACnF,cAAK,GAAG,EAAC,iEAAiE,EAAC,GAAG,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EACpH,oCAAmB,IACX,EAET,KAAC,OAAO,IACP,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GACvC,IACG,EACN,cAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,YACtC,gBAAgB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAChC,KAAC,YAAY,IAEZ,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,MAAM,CAAC,KAAK,IAFd,MAAM,CAAC,EAAE,CAGb,CACF,GACI,IACD,EACN,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,KAAK,GAAI,EAExC,eAAK,SAAS,EAAE,+BAA+B,MAAM,CAAC,0BAA0B,EAAE,aACjF,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,CAAC,KAAK,GAAM,EAE9C,KAAK,CAAC,WAAW,IAAI,KAAK;wBAC1B,8BACC,YAAG,SAAS,EAAE,MAAM,CAAC,WAAW,YAE9B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;wCAEzB,OAAO,8BACL,IAAI,CAAC,IAAI,EAAE,EACX,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,cAAM,IAClC,CAAA;oCACJ,CAAC,CAAC,GAEA,EACJ,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,IAAI,GAAI,IACrC,IAEC,EACN,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,KAAK,GAAI,EACvC,KAAK,CAAC,QAAQ,KACL,CACX,CAAC;AACH,CAAC"}
package/dist/components/NSTable.module.css CHANGED
@@ -41,6 +41,7 @@
41
41
  content: attr(data-label);
42
42
  font-weight: bold;
43
43
  float: left;
44
+ min-width: 30%;
44
45
  }
45
46
 
46
47
  /* Button Group */
@@ -113,11 +114,12 @@
113
114
  margin: 0;
114
115
  padding: 0;
115
116
  }
116
-
117
+
117
118
  .ns_table td::before {
118
119
  content: "";
119
120
  float: left;
120
121
  font-weight: bold;
122
+ min-width: unset;
121
123
  }
122
124
 
123
125
  /* Button Group */
package/dist/main.d.ts CHANGED
@@ -16,6 +16,7 @@ export * from "./components/NSBoxPrice";
16
16
  export * from "./components/NSBoxString";
17
17
  export * from "./components/NSBoxSearch";
18
18
  export * from "./components/NSBoxText";
19
+ export * from "./components/NSBoxTextArea";
19
20
  export * from "./components/NSBoxTime";
20
21
  export * from "./components/NSButtonBlue";
21
22
  export * from "./components/NSButtonGreen";
package/dist/main.js CHANGED
@@ -16,6 +16,7 @@ export * from "./components/NSBoxPrice";
16
16
  export * from "./components/NSBoxString";
17
17
  export * from "./components/NSBoxSearch";
18
18
  export * from "./components/NSBoxText";
19
+ export * from "./components/NSBoxTextArea";
19
20
  export * from "./components/NSBoxTime";
20
21
  export * from "./components/NSButtonBlue";
21
22
  export * from "./components/NSButtonGreen";
package/dist/main.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC"}
1
+ {"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC"}
package/package.json CHANGED
@@ -8,7 +8,7 @@
8
8
  "framework": "npm",
9
9
  "application": "package",
10
10
  "private": false,
11
- "version": "1.3.150",
11
+ "version": "1.3.152",
12
12
  "author": "Amir Abolhasani, Alireza Esmaeeli, Sepideh Mazloumi, Hooman Shashaeh",
13
13
  "license": "MIT",
14
14
  "main": "./dist/main.js",
@@ -22,13 +22,13 @@
22
22
  },
23
23
  "dependencies": {
24
24
  "@types/node": "^20.12.12",
25
- "@types/react": "^18.3.2",
25
+ "@types/react": "^18.3.3",
26
26
  "@types/react-dom": "^18.3.0",
27
27
  "antd": "^5.17.3",
28
28
  "bootstrap": "^5.3.3",
29
29
  "copyfiles": "^2.4.1",
30
30
  "link-react": "^3.0.0",
31
- "namirasoft-api-link": "^1.3.9",
31
+ "namirasoft-api-link": "^1.3.10",
32
32
  "namirasoft-core": "^1.3.34",
33
33
  "path-browserify": "^1.0.1",
34
34
  "react": "^18.3.1",
@@ -36,7 +36,7 @@
36
36
  "react-bootstrap": "^2.10.2",
37
37
  "react-dom": "^18.3.1",
38
38
  "react-phone-input-2": "^2.15.1",
39
- "react-phone-number-input": "^3.4.1",
39
+ "react-phone-number-input": "^3.4.3",
40
40
  "react-router-dom": "^6.23.1",
41
41
  "react-scripts": "5.0.1"
42
42
  },
package/src/App.tsx CHANGED
@@ -1,191 +1,84 @@
1
1
  import './App.css';
2
2
  import 'bootstrap/dist/css/bootstrap.min.css';
3
- import { NSLayoutAction } from './components/NSLayoutAction';
4
- import { NSFilterBox } from './components/NSFilterBox';
5
- import { FilterItemColumnType } from 'namirasoft-core';
6
-
7
- const actions = [
8
- {
9
- group: "test-1",
10
- items: [
11
- {
12
- id: "1",
13
- menu_item: "View",
14
- handler()
15
- {
16
- console.log("View")
17
- },
18
- isActive()
19
- {
20
- return true
21
- }
22
- },
23
- {
24
- id: "2",
25
- menu_item: "View History",
26
- handler()
27
- {
28
- console.log("View History")
29
- },
30
- isActive()
31
- {
32
- return true
33
- }
34
- },
35
- {
36
- id: "3",
37
- menu_item: "Edit",
38
- handler()
39
- {
40
- console.log("Edit")
41
- },
42
- isActive()
43
- {
44
- return true
45
- }
46
- },
47
- {
48
- id: "4",
49
- menu_item: "Delete",
50
- handler()
51
- {
52
- console.log("Delete")
53
- },
54
- isActive()
55
- {
56
- return true
57
- }
58
- },
59
- ]
60
- }
61
- ]
3
+ import { NSBoxTextArea, NSTable } from './main';
4
+ import { useRef } from 'react';
62
5
 
6
+ export function App()
7
+ {
63
8
 
64
- const suggest_items = [
65
- {
66
- name: "test-category-1",
67
- text: "test-category-1",
68
- columns: [
69
- {
70
- name: "item-id-test-1",
71
- text: "item-title-test-1",
72
- type: FilterItemColumnType.String
73
- },
74
- {
75
- name: "item-id-test-2",
76
- text: "item-title-test-2",
77
- type: FilterItemColumnType.String
78
- },
79
- {
80
- name: "item-id-test-2",
81
- text: "item-title-test-2",
82
- type: FilterItemColumnType.String
83
- },
84
- {
85
- name: "item-id-test-2",
86
- text: "item-title-test-2",
87
- type: FilterItemColumnType.String
88
- },
89
- ]
9
+ let table = useRef<NSTable<App>>(null);
10
+ let columns = {
11
+ "id": "ID",
12
+ "project": "Project",
13
+ "level": "Level",
14
+ "message": "Message",
15
+ "cent": "Cent",
16
+ "status": "Status",
17
+ }
18
+ let rows = [{
19
+ id: 1,
20
+ project: "Namirasoft Account",
21
+ level: "Debug",
22
+ message: "Lorem ipsum dolor sit amet, consetetur ",
23
+ cent: "26",
24
+ status: "pending"
90
25
  },
91
26
  {
92
- name: "test-category-1",
93
- text: "test-category-1",
94
- columns: [
95
- {
96
- name: "item-id-test-1",
97
- text: "item-title-test-1",
98
- type: FilterItemColumnType.String
99
- },
100
- {
101
- name: "item-id-test-2",
102
- text: "item-title-test-2",
103
- type: FilterItemColumnType.String
104
- },
105
- {
106
- name: "item-id-test-2",
107
- text: "item-title-test-2",
108
- type: FilterItemColumnType.String
109
- },
110
- {
111
- name: "item-id-test-2",
112
- text: "item-title-test-2",
113
- type: FilterItemColumnType.String
114
- },
115
- ]
27
+ id: 2,
28
+ project: "Namirasoft Account",
29
+ level: "Debug",
30
+ message: "Lorem ipsum dolor sit amet, consetetur ",
31
+ cent: "24",
32
+ status: "Done"
116
33
  },
117
34
  {
118
- name: "test-category-1",
119
- text: "test-category-2",
120
- columns: [
121
- {
122
- name: "item-id-test-2-1",
123
- text: "item-title-test-2-1",
124
- type: FilterItemColumnType.String
125
- },
126
- {
127
- name: "item-id-test-2-2",
128
- text: "item-title-test-2-1",
129
- type: FilterItemColumnType.String
130
- },
131
- {
132
- name: "item-id-test-2-3",
133
- text: "item-title-test-2-3",
134
- type: FilterItemColumnType.String
135
- },
136
- {
137
- name: "item-id-test-2-4",
138
- text: "item-title-test-2-4",
139
- type: FilterItemColumnType.String
140
- },
141
- ]
142
- },
35
+ id: 3,
36
+ project: "Namirasoft Account",
37
+ level: "Debug",
38
+ message: "Lorem ipsum dolor sit amet, consetetur ",
39
+ cent: "24",
40
+ status: "Done"
41
+ }
42
+ ]
43
+ interface App
143
44
  {
144
- name: "test-category-3",
145
- text: "test-category-3",
146
- columns: [
147
- {
148
- name: "item-id-test-3-1",
149
- text: "item-title-test-3-1",
150
- type: FilterItemColumnType.String
151
- },
152
- {
153
- name: "item-id-test-3-2",
154
- text: "item-title-test-3-2",
155
- type: FilterItemColumnType.String
156
- },
157
- {
158
- name: "item-id-test-3-3",
159
- text: "item-title-test-3-3",
160
- type: FilterItemColumnType.String
161
- },
162
- {
163
- name: "item-id-test-3-4",
164
- text: "item-title-test-3-4",
165
- type: FilterItemColumnType.String
166
- },
167
- ]
168
- },
169
- ]
170
-
171
-
172
- export function App()
173
- {
45
+ id: number,
46
+ project: string,
47
+ level: string,
48
+ message: string,
49
+ cent: string,
50
+ status: string
51
+ }
52
+ function getCell(row: App, column: string): any
53
+ {
54
+ return (row as any)[column];
55
+ }
56
+ function getRows(page: number): void
57
+ {
58
+ console.log(page);
59
+ }
60
+ function onChange(): void
61
+ { }
174
62
 
175
63
  return (
176
64
  <>
177
- <NSLayoutAction
178
- notifications={[]}
179
- actions={actions}
180
- title='Test2 test2'
181
- description='Lorem lorem orem Lorem lorem orem Lorem lorem orem Lorem lorem orem Lorem lorem orem Lorem lorem orem '
182
- scope='Namirasoft Account Console'
183
- logo='https://static.namirasoft.com/image/namirasoft/site/logo/base.png'
184
- >
185
- <NSFilterBox
186
- tables={suggest_items}
187
- placeholder='placeholder' />
188
- </NSLayoutAction>
65
+ <NSTable
66
+ ref={table}
67
+ columns={columns}
68
+ rows={rows}
69
+ getCell={getCell}
70
+ getColumnAttributes={() => { return {} }}
71
+ getRowKey={row => row.id.toString()}
72
+ onChanged={onChange}
73
+ pageSize={3}
74
+ totalItems={100}
75
+ getRows={getRows}
76
+ />
77
+ <NSBoxTextArea
78
+ title='Description'
79
+ placeholder=''
80
+ required={false}
81
+ />
189
82
  </>
190
83
  );
191
84
  }
package/src/components/NSBoxTextArea.module.css ADDED
@@ -0,0 +1,38 @@
1
+ .ns_text_area_parent {
2
+ display: flex;
3
+ flex-direction: column;
4
+ width: fit-content;
5
+ color: #141B5C;
6
+ position: relative;
7
+ justify-content: center;
8
+ width: 100%;
9
+ max-width: 560px;
10
+ }
11
+
12
+ .ns_text_area_container {
13
+ display: flex;
14
+ align-items: center;
15
+ position: relative;
16
+ width: 100%;
17
+ }
18
+
19
+ .ns_text_area_icon_container {
20
+ margin: 0 !important;
21
+ position: absolute;
22
+ right: 12px;
23
+ top: 10px;
24
+ }
25
+
26
+ .ns_text_area {
27
+ border-radius: 8px;
28
+ padding: 10px 12px 10px 12px;
29
+ font-size: 16px;
30
+ font-weight: 400;
31
+ border: 1px solid rgba(0, 0, 0, 1) !important;
32
+ width: 100%;
33
+ }
34
+
35
+ .ns_text_area_title {
36
+ font-size: 16px;
37
+ font-weight: 400;
38
+ }
package/src/components/NSBoxTextArea.tsx ADDED
@@ -0,0 +1,98 @@
1
+ "use client";
2
+
3
+ import React from "react";
4
+ import Styles from "./NSBoxTextArea.module.css";
5
+ import { IBaseComponentProps } from "../props/IBaseComponentProps";
6
+ import { IValidationProps } from "../props/IValidationProps";
7
+ import { IValidationStringProps } from "../props/IValidationStringProps";
8
+ import { Validator } from "../Validator";
9
+ import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
10
+ import IconInputString from '../assets/images/icon-input-string.svg';
11
+ export interface INSBoxTextAreaProps extends IBaseComponentProps, IValidationProps, IValidationStringProps
12
+ {
13
+ title: string;
14
+ defaultValue?: string;
15
+ onChanged?: () => void;
16
+ placeholder?: string;
17
+ cols?: number;
18
+ rows?: number;
19
+ }
20
+
21
+ export interface INSBoxTextAreaState
22
+ {
23
+ value: string;
24
+ error?: string;
25
+ }
26
+
27
+ export class NSBoxTextArea extends React.Component<INSBoxTextAreaProps, INSBoxTextAreaState>
28
+ {
29
+ constructor(props: INSBoxTextAreaProps)
30
+ {
31
+ super(props);
32
+ this.state = { value: props.defaultValue ?? "" };
33
+ this.getValue = this.getValue.bind(this);
34
+ this.setValue = this.setValue.bind(this);
35
+ this.onChanged = this.onChanged.bind(this);
36
+ }
37
+ getError(): string | null
38
+ {
39
+ return (
40
+ Validator.getError(this.props.title, this.state.value, this.props) &&
41
+ Validator.getErrorString(this.props.title, this.state.value, this.props)
42
+ );
43
+ }
44
+ getValue(): string
45
+ {
46
+ let error = this.getError();
47
+ if (error)
48
+ {
49
+ this.setState({ error });
50
+ throw new Error(error);
51
+ }
52
+ return this.state.value;
53
+
54
+ }
55
+ setValue(value: string): void
56
+ {
57
+ this.setState({ value });
58
+ }
59
+ private onChanged = async (e: React.ChangeEvent<HTMLTextAreaElement>): Promise<void> =>
60
+ {
61
+ await this.setValue(e.target.value);
62
+ if (this.props.onChanged)
63
+ this.props.onChanged();
64
+ }
65
+ override render()
66
+ {
67
+ return (
68
+ <>
69
+ <div className={`${Styles.ns_text_area_parent} ${this.props.classList?.join(" ")}`} style={this.props.style}>
70
+ <span className={Styles.ns_text_area_title}> {this.props.required && <span style={{ color: "red" }}>*</span>} {this.props.title} </span>
71
+ <div className={Styles.ns_text_area_container}>
72
+ <figure className={Styles.ns_text_area_icon_container}>
73
+ <img
74
+ src={IconInputString}
75
+ alt="text-area-icon"
76
+ width={24}
77
+ height={24}
78
+ />
79
+ </figure>
80
+ <textarea
81
+ style={{ height: !this.props.rows ? "96px" : "" }}
82
+ cols={this.props.cols}
83
+ rows={this.props.rows}
84
+ id={this.props.id}
85
+ value={this.state.value}
86
+ className={Styles.ns_text_area}
87
+ placeholder={this.props.placeholder}
88
+ onChange={this.onChanged}
89
+ />
90
+
91
+
92
+ </div>
93
+ </div>
94
+ <NSBoxErrorNotifier error={this.state.error} />
95
+ </>
96
+ );
97
+ }
98
+ }
package/src/components/NSFilterBox.tsx CHANGED
@@ -20,6 +20,7 @@ interface INSFilterBoxProps extends IBaseComponentProps
20
20
  type: FilterItemColumnType
21
21
  }[];
22
22
  }[];
23
+ getData: (column: string) => string[];
23
24
  }
24
25
 
25
26
  interface INSFilterBoxState
@@ -70,6 +71,8 @@ export class NSFilterBox extends Component<INSFilterBoxProps, INSFilterBoxState>
70
71
  selectedValues: []
71
72
  }
72
73
  this.selectColumn = this.selectColumn.bind(this);
74
+ this.selectOperator = this.selectOperator.bind(this);
75
+ this.selectValue = this.selectValue.bind(this);
73
76
  this.removeSelected = this.removeSelected.bind(this);
74
77
  this.onChanged = this.onChanged.bind(this);
75
78
  this.getValue = this.getValue.bind(this);
@@ -81,6 +84,7 @@ export class NSFilterBox extends Component<INSFilterBoxProps, INSFilterBoxState>
81
84
  return this.state.searchValue;
82
85
  }
83
86
 
87
+ //show and hide list ui
84
88
  setValue(value: string): void
85
89
  {
86
90
  if (value !== "")
@@ -91,21 +95,46 @@ export class NSFilterBox extends Component<INSFilterBoxProps, INSFilterBoxState>
91
95
  })
92
96
  else
93
97
  this.setState({
94
- showSuggestList: false
98
+ showSuggestList: false,
99
+ groupListState: GroupListState.Normal,
100
+ searchValue: ""
95
101
  })
96
102
  }
97
103
 
98
104
 
99
105
  selectColumn(groupe: string, item: string): void
100
106
  {
101
- console.log(item);
102
- let columns = this.props.tables.filter((table) => table.name === groupe)
107
+ console.log("item", groupe);
108
+ console.log("item", item);
103
109
  this.setState({
104
- selectedColumns: columns,
105
- groupListState: GroupListState.Opertor
110
+ groupListState: GroupListState.Opertor,
111
+ searchValue: item
112
+ //selectedOperators
106
113
  })
107
114
  }
108
115
 
116
+ selectOperator(group: string, item: string): void
117
+ {
118
+ console.log("item", item);
119
+ console.log("group", group);
120
+ debugger
121
+ this.setState({
122
+ groupListState: GroupListState.Value,
123
+ })
124
+
125
+ }
126
+
127
+ selectValue(group: string, item: string): void
128
+ {
129
+ console.log("item", item);
130
+ console.log("group", group);
131
+ // let filterItems = new FilterItem("", false, this.state.selectedOperators.operator, this.state.selectedOperators.name)
132
+ // console.log(filterItems)
133
+ // this.setState({
134
+ // filterItems
135
+ // })
136
+ }
137
+
109
138
  removeSelected(text: string): void
110
139
  {
111
140
  let selectedArray = [...this.state.filterItems];
@@ -139,7 +168,7 @@ export class NSFilterBox extends Component<INSFilterBoxProps, INSFilterBoxState>
139
168
  <input
140
169
  // id={this.props.id}
141
170
  value={this.state.searchValue}
142
- onChange={(e) => this.onChanged(e)}
171
+ onChange={this.onChanged}
143
172
  type="text"
144
173
  className={Styles.ns_input}
145
174
  placeholder={this.props.placeholder}
@@ -148,6 +177,7 @@ export class NSFilterBox extends Component<INSFilterBoxProps, INSFilterBoxState>
148
177
  <figure className={Styles.ns_input_close_icon}
149
178
  onClick={() => this.setState({
150
179
  showSuggestList: false,
180
+ groupListState: GroupListState.Normal,
151
181
  searchValue: ""
152
182
  })}
153
183
  >
@@ -185,44 +215,49 @@ export class NSFilterBox extends Component<INSFilterBoxProps, INSFilterBoxState>
185
215
  {
186
216
  this.state.groupListState == GroupListState.Opertor &&
187
217
  <NSGroupedList
218
+ onClick={this.selectOperator}
188
219
  groups={
189
- FilterItemOperator.getAllByType(FilterItemColumnType.String).map((operator) =>
190
- {
191
- return {
192
- name: this.state.selectedColumns[0].name,
193
- text: this.state.selectedColumns[0].text,
194
- sign: operator.sign,
195
- operator_name: operator.name,
196
- items: this.state.selectedColumns[0]?.columns?.map((column) =>
197
- {
198
- return {
199
- name: column.name,
200
- text: column.text,
201
- }
202
- })
220
+ [
221
+ {
222
+ name: "operators",
223
+ text: "Operators",
224
+ items:
225
+ FilterItemOperator.getAllByType(FilterItemColumnType.String).map((operator) =>
226
+ {
227
+ return {
228
+ name: operator.name,
229
+ text: operator.name,
230
+ }
231
+
232
+ })
203
233
  }
204
- }
205
- )
234
+ ]
235
+
206
236
  }
207
- onClick={() =>
208
- {
209
- this.setState({
210
- groupListState: GroupListState.Value,
211
- selectedOperators: {...this.state.selectedColumns[0], operator: this.state.selectedOperators.operator }
212
- })
213
- }}
214
237
  />
215
238
  }
216
239
 
217
- {/* {
240
+ {
218
241
  this.state.groupListState == GroupListState.Value &&
219
242
  <NSGroupedList
220
- onClick={() =>
221
- {
222
- let filterItems = new FilterItem("", false, this.state.selectedOperators.operator, this.state.selectedOperators.name)
223
- }}
243
+ onClick={this.selectValue}
244
+ groups={
245
+ [{
246
+ name: "value",
247
+ text: "Value",
248
+ items:
249
+ this.props.getData(this.state.searchValue).map((data) =>
250
+ {
251
+ return {
252
+ name: data,
253
+ text: data
254
+ }
255
+ })
256
+ }
257
+ ]
258
+ }
224
259
  />
225
- } */}
260
+ }
226
261
 
227
262
 
228
263
  </div>
package/src/components/NSGroupedList.module.css CHANGED
@@ -5,7 +5,7 @@
5
5
  border: solid 1px #B2BBD9;
6
6
  background-color: #fff;
7
7
  padding-bottom: 16px;
8
- height: 250px;
8
+ height: 360px;
9
9
  overflow: auto;
10
10
  }
11
11
 
package/src/components/NSGroupedList.tsx CHANGED
@@ -19,9 +19,7 @@ interface INSGroupedListProps extends IBaseComponentProps
19
19
  }
20
20
 
21
21
  interface INSGroupedListState
22
- {
23
-
24
- }
22
+ { }
25
23
 
26
24
  class NSGroupedList extends Component<INSGroupedListProps, INSGroupedListState>
27
25
  {
@@ -31,13 +29,13 @@ class NSGroupedList extends Component<INSGroupedListProps, INSGroupedListState>
31
29
  <div className={Styles.ns_group_list_parent}>
32
30
  {this.props.groups.map((group, index) =>
33
31
  <ul key={index} className={Styles.ns_group_list}>
34
- <span className={Styles.ns_group_category}> {group.name} </span>
32
+ <span className={Styles.ns_group_category}> {group.text} </span>
35
33
  {
36
34
  group.items.map((item, index) =>
37
35
  <li key={index} onClick={() => this.props.onClick(group.name, item.name)}>
38
36
  <div className={Styles.ns_group_item}>
39
37
  <span>
40
- {item.name} {" "}
38
+ {item.text} {" "}
41
39
  {group.sign && <span> {group.sign} </span>}
42
40
  </span>
43
41
  {
package/src/components/NSLayoutAction.tsx CHANGED
@@ -47,9 +47,6 @@ export function NSLayoutAction(props: INSLayoutActionProps)
47
47
  onClose={() => setState({ show: false })}
48
48
  />
49
49
  </div>
50
-
51
-
52
-
53
50
  <div className={Styles.ns_actions_hodler}>
54
51
  {filtered_actions.map((action) =>
55
52
  <NSActionMenu
@@ -59,7 +56,6 @@ export function NSLayoutAction(props: INSLayoutActionProps)
59
56
  />
60
57
  )}
61
58
  </div>
62
-
63
59
  </div>
64
60
  <NSSpace size={NSSpaceSizeType.SMALL} />
65
61
  {/* Mobile */}
package/src/components/NSTable.module.css CHANGED
@@ -41,6 +41,7 @@
41
41
  content: attr(data-label);
42
42
  font-weight: bold;
43
43
  float: left;
44
+ min-width: 30%;
44
45
  }
45
46
 
46
47
  /* Button Group */
@@ -113,11 +114,12 @@
113
114
  margin: 0;
114
115
  padding: 0;
115
116
  }
116
-
117
+
117
118
  .ns_table td::before {
118
119
  content: "";
119
120
  float: left;
120
121
  font-weight: bold;
122
+ min-width: unset;
121
123
  }
122
124
 
123
125
  /* Button Group */
package/src/main.ts CHANGED
@@ -16,6 +16,7 @@ export * from "./components/NSBoxPrice";
16
16
  export * from "./components/NSBoxString";
17
17
  export * from "./components/NSBoxSearch";
18
18
  export * from "./components/NSBoxText";
19
+ export * from "./components/NSBoxTextArea";
19
20
  export * from "./components/NSBoxTime";
20
21
  export * from "./components/NSButtonBlue";
21
22
  export * from "./components/NSButtonGreen";