namirasoft-account-react 1.5.38 → 1.5.39

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 (145) hide show
  1. package/.env.template +15 -15
  2. package/SKILL.md +514 -514
  3. package/config-overrides.js +72 -72
  4. package/dist/App.d.ts +1 -1
  5. package/dist/FieldCacheService.js +4 -0
  6. package/dist/FieldCacheService.js.map +1 -1
  7. package/dist/NSARouterMaker.js +1 -1
  8. package/dist/NSARouterMaker.js.map +1 -1
  9. package/dist/Router.d.ts +1 -1
  10. package/dist/UseParams.d.ts +1 -1
  11. package/dist/components/NSAAccessListDialog.d.ts +2 -2
  12. package/dist/components/NSAAccessListDialog.module.css +71 -71
  13. package/dist/components/NSABoxSecret.d.ts +1 -1
  14. package/dist/components/NSABoxSecret.module.css +23 -23
  15. package/dist/components/NSAMasterMenu.d.ts +1 -1
  16. package/dist/components/NSAMasterMenu.js +4 -0
  17. package/dist/components/NSAMasterMenu.js.map +1 -1
  18. package/dist/components/NSAMasterMenu.module.css +250 -250
  19. package/dist/components/NSAMasterMenuItem.d.ts +1 -1
  20. package/dist/components/NSAMessageListDialog.d.ts +1 -1
  21. package/dist/components/NSAMessageListDialog.module.css +99 -99
  22. package/dist/components/NSANavigationGuard.d.ts +1 -1
  23. package/dist/components/NSAProductListDialog.d.ts +1 -1
  24. package/dist/components/NSAProductListDialog.module.css +44 -44
  25. package/dist/components/NSATaskBar.d.ts +1 -1
  26. package/dist/components/NSATaskBar.module.css +57 -57
  27. package/dist/components/NSAUserDialog.d.ts +1 -1
  28. package/dist/components/NSAUserDialog.module.css +67 -67
  29. package/dist/components/NSAWorkspaceListDialog.d.ts +1 -1
  30. package/dist/components/NSAWorkspaceListDialog.module.css +41 -41
  31. package/dist/components/NSFBoxCategoryScope.d.ts +1 -1
  32. package/dist/components/NSFBoxField.d.ts +1 -1
  33. package/dist/components/NSFBoxSlot.d.ts +1 -1
  34. package/dist/components/NSFBoxWrapper.d.ts +1 -1
  35. package/dist/components/NSLabelSecret.d.ts +1 -1
  36. package/dist/components/quickfilter/NSAFilterBoxEnum.module.css +51 -51
  37. package/dist/components/quickfilter/NSAQuickFilterBar.d.ts +1 -1
  38. package/dist/components/quickfilter/NSAQuickFilterBar.module.css +20 -20
  39. package/dist/components/quickfilter/NSAQuickFilterDialog.d.ts +1 -1
  40. package/dist/components/quickfilter/NSAQuickFilterDialog.module.css +74 -74
  41. package/dist/layouts/NSALayout.d.ts +1 -1
  42. package/dist/layouts/NSASectionEdit.d.ts +1 -1
  43. package/dist/layouts/NSASectionEditTabPage.d.ts +1 -1
  44. package/dist/layouts/NSASectionEditTabPage.module.css +4 -4
  45. package/dist/layouts/NSASectionList.d.ts +1 -1
  46. package/dist/layouts/NSASectionList.module.css +24 -24
  47. package/dist/layouts/NSASectionView.d.ts +1 -1
  48. package/dist/layouts/NSASectionViewTabMore.d.ts +1 -1
  49. package/dist/layouts/NSASectionViewTabPage.d.ts +1 -1
  50. package/dist/layouts/NSASectionViewTabPage.module.css +47 -47
  51. package/dist/pages/NSAConsentPage.module.css +26 -26
  52. package/dist/pages/NSAEmailVerificationPage.d.ts +1 -1
  53. package/dist/pages/NSAHomePage.d.ts +1 -1
  54. package/dist/pages/NSAHomePage.module.css +41 -41
  55. package/dist/pages/NSALoginPage.d.ts +1 -1
  56. package/dist/pages/NSALoginPage.module.css +26 -26
  57. package/dist/pages/NSAPhoneVerificationPage.d.ts +1 -1
  58. package/dist/pages/NSAVerificationPage.d.ts +1 -1
  59. package/dist/pages/NSAVerificationPage.module.css +31 -31
  60. package/package.json +94 -94
  61. package/public/index.html +21 -21
  62. package/src/App.tsx +72 -72
  63. package/src/CTFRow.ts +7 -7
  64. package/src/FieldCacheService.tsx +113 -108
  65. package/src/IEntityInfo.ts +33 -33
  66. package/src/NSACacheService.ts +126 -126
  67. package/src/NSAFilterOperators.ts +94 -94
  68. package/src/NSARouterMaker.tsx +141 -141
  69. package/src/NSARouterMakerProps.ts +23 -23
  70. package/src/NSARouterMakerResult.ts +24 -24
  71. package/src/NSFRouterMaker.tsx +35 -35
  72. package/src/NSFRouterProps.ts +7 -7
  73. package/src/NSFRoutes.ts +30 -30
  74. package/src/Router.tsx +48 -48
  75. package/src/UseParams.tsx +17 -17
  76. package/src/components/NSAAccessListDialog.module.css +71 -71
  77. package/src/components/NSAAccessListDialog.tsx +178 -178
  78. package/src/components/NSABoxSecret.module.css +23 -23
  79. package/src/components/NSABoxSecret.tsx +264 -264
  80. package/src/components/NSAMasterMenu.module.css +250 -250
  81. package/src/components/NSAMasterMenu.tsx +174 -169
  82. package/src/components/NSAMasterMenuItem.tsx +250 -250
  83. package/src/components/NSAMessageListDialog.module.css +99 -99
  84. package/src/components/NSAMessageListDialog.tsx +144 -144
  85. package/src/components/NSANavigationGuard.tsx +79 -79
  86. package/src/components/NSAProductListDialog.module.css +44 -44
  87. package/src/components/NSAProductListDialog.tsx +88 -88
  88. package/src/components/NSATable.tsx +494 -494
  89. package/src/components/NSATaskBar.module.css +57 -57
  90. package/src/components/NSATaskBar.tsx +193 -193
  91. package/src/components/NSAUserDialog.module.css +67 -67
  92. package/src/components/NSAUserDialog.tsx +122 -122
  93. package/src/components/NSAWorkspaceListDialog.module.css +41 -41
  94. package/src/components/NSAWorkspaceListDialog.tsx +147 -147
  95. package/src/components/NSFBoxCategoryScope.tsx +52 -52
  96. package/src/components/NSFBoxField.tsx +37 -37
  97. package/src/components/NSFBoxSlot.tsx +73 -73
  98. package/src/components/NSFBoxWrapper.tsx +69 -69
  99. package/src/components/NSLabelSecret.tsx +37 -37
  100. package/src/components/quickfilter/NSAFilterBoxBase.tsx +110 -110
  101. package/src/components/quickfilter/NSAFilterBoxBoolean.tsx +72 -72
  102. package/src/components/quickfilter/NSAFilterBoxDate.tsx +110 -110
  103. package/src/components/quickfilter/NSAFilterBoxDateTime.tsx +110 -110
  104. package/src/components/quickfilter/NSAFilterBoxEnum.module.css +51 -51
  105. package/src/components/quickfilter/NSAFilterBoxEnum.tsx +103 -103
  106. package/src/components/quickfilter/NSAFilterBoxNumber.tsx +145 -145
  107. package/src/components/quickfilter/NSAFilterBoxString.tsx +83 -83
  108. package/src/components/quickfilter/NSAFilterBoxTime.tsx +106 -106
  109. package/src/components/quickfilter/NSAQuickFilterBar.module.css +20 -20
  110. package/src/components/quickfilter/NSAQuickFilterBar.tsx +142 -142
  111. package/src/components/quickfilter/NSAQuickFilterDialog.module.css +74 -74
  112. package/src/components/quickfilter/NSAQuickFilterDialog.tsx +297 -297
  113. package/src/css.d.ts +13 -13
  114. package/src/formatters/SecretFormatter.tsx +24 -24
  115. package/src/index.tsx +27 -27
  116. package/src/layouts/Actions.ts +146 -146
  117. package/src/layouts/CFTUtil.ts +18 -18
  118. package/src/layouts/NSALayout.tsx +750 -750
  119. package/src/layouts/NSALayout_Field.ts +125 -125
  120. package/src/layouts/NSASectionEdit.tsx +279 -279
  121. package/src/layouts/NSASectionEditTabPage.module.css +4 -4
  122. package/src/layouts/NSASectionEditTabPage.tsx +256 -256
  123. package/src/layouts/NSASectionList.module.css +24 -24
  124. package/src/layouts/NSASectionList.tsx +165 -165
  125. package/src/layouts/NSASectionView.tsx +98 -98
  126. package/src/layouts/NSASectionViewTabMore.tsx +78 -78
  127. package/src/layouts/NSASectionViewTabPage.module.css +47 -47
  128. package/src/layouts/NSASectionViewTabPage.tsx +400 -400
  129. package/src/main.ts +52 -52
  130. package/src/pages/NSAConsentPage.module.css +26 -26
  131. package/src/pages/NSAConsentPage.tsx +120 -120
  132. package/src/pages/NSAEmailVerificationPage.tsx +30 -30
  133. package/src/pages/NSAHomePage.module.css +41 -41
  134. package/src/pages/NSAHomePage.tsx +113 -113
  135. package/src/pages/NSALoginPage.module.css +26 -26
  136. package/src/pages/NSALoginPage.tsx +87 -87
  137. package/src/pages/NSAPhoneVerificationPage.tsx +106 -106
  138. package/src/pages/NSAVerificationPage.module.css +31 -31
  139. package/src/pages/NSAVerificationPage.tsx +185 -185
  140. package/src/pages/NSFCategoryEditPage.tsx +87 -87
  141. package/src/pages/NSFCategoryListPage.tsx +23 -23
  142. package/src/pages/NSFCategoryViewPage.tsx +23 -23
  143. package/src/pages/NSFEntities.ts +58 -58
  144. package/src/pages/PaymentRequired.tsx +80 -80
  145. package/tsconfig.json +43 -43
@@ -1,146 +1,146 @@
1
- import { FilterItem, FilterItemOperator, SetTimeouService, SortItem } from "namirasoft-core";
2
- import { NSBoxDouble, NSBoxEntity, NSRow } from "namirasoft-site-react";
3
- import { NSAFilterBoxBase, NSAFilterBoxBaseProps } from "./NSAFilterBoxBase";
4
- import { NSAFilterBoxBoolean } from "./NSAFilterBoxBoolean";
5
-
6
- export interface NSAFilterBoxNumberProps extends NSAFilterBoxBaseProps
7
- {
8
- getValues: (search: string) => Promise<{ value: string; title: string }[]>;
9
- }
10
-
11
- interface NSAFilterBoxNumberState
12
- {
13
- valueFrom: number | null;
14
- valueTo: number | null;
15
- }
16
-
17
- type ValueItem = { value: string; title: string };
18
-
19
- const ENTITY_OPERATORS = ["equals", "notequals"];
20
- const DEBOUNCE_MS = 1000;
21
-
22
- export class NSAFilterBoxNumber extends NSAFilterBoxBase<NSAFilterBoxNumberProps, NSAFilterBoxNumberState>
23
- {
24
- private debounce = new SetTimeouService();
25
- private betweenDebounce = new SetTimeouService();
26
- private betweenActive = false;
27
-
28
- constructor(props: NSAFilterBoxNumberProps)
29
- {
30
- super(props);
31
- const between = this.getInitialBetween();
32
- this.betweenActive = between !== undefined;
33
- this.state = {
34
- valueFrom: between ? Number(between.from) : null,
35
- valueTo: between ? Number(between.to) : null,
36
- };
37
- }
38
-
39
- private emitDebounced(value: number | null): void
40
- {
41
- this.debounce.setTimeoutIfNotCalledAgain(
42
- () => this.props.onChanged(value !== null ? this.buildFilterItem(String(value)) : null),
43
- DEBOUNCE_MS
44
- );
45
- }
46
-
47
- private handleBetweenChange(patch: Partial<NSAFilterBoxNumberState>): void
48
- {
49
- this.setState(patch as NSAFilterBoxNumberState, () =>
50
- {
51
- const { valueFrom, valueTo } = this.state;
52
- this.betweenDebounce.setTimeoutIfNotCalledAgain(() =>
53
- {
54
- if (valueFrom !== null && valueTo !== null)
55
- {
56
- this.betweenActive = true;
57
- this.props.onChanged(this.buildBetweenFilterItems(String(valueFrom), String(valueTo)));
58
- }
59
- else if (this.betweenActive)
60
- {
61
- this.betweenActive = false;
62
- this.props.onChanged(null);
63
- }
64
- }, DEBOUNCE_MS);
65
- });
66
- }
67
-
68
- private list = async (
69
- filters: FilterItem[] | null,
70
- _page: number | null,
71
- _size: number | null,
72
- _sorts: SortItem[]
73
- ): Promise<{ count: number; rows: ValueItem[] }> =>
74
- {
75
- const searchFilter = filters?.find(f => f.values.length > 0);
76
- const search = searchFilter?.values[0] ?? "";
77
- const rows = await this.props.getValues(search);
78
- return { count: rows.length, rows };
79
- };
80
-
81
- override render(): JSX.Element | null
82
- {
83
- const { config, onChanged } = this.props;
84
- const op = config.operatorName
85
- ? FilterItemOperator.getByName(config.operatorName)
86
- : null;
87
-
88
- if (op && op.count === 0)
89
- return <NSAFilterBoxBoolean config={config} initial={this.props.initial} onChanged={onChanged} />;
90
-
91
- if (config.operatorName === "between")
92
- return (
93
- <NSRow>
94
- <NSBoxDouble
95
- title={`${this.getLabel()} From`}
96
- placeholder={`${this.getLabel()} From`}
97
- required={false}
98
- hideHeader={true}
99
- defaultValue={this.state.valueFrom ?? undefined}
100
- onChanged={e => this.handleBetweenChange({ valueFrom: e.getValue() })}
101
- />
102
- <NSBoxDouble
103
- title={`${this.getLabel()} To`}
104
- placeholder={`${this.getLabel()} To`}
105
- required={false}
106
- hideHeader={true}
107
- defaultValue={this.state.valueTo ?? undefined}
108
- onChanged={e => this.handleBetweenChange({ valueTo: e.getValue() })}
109
- />
110
- </NSRow>
111
- );
112
-
113
- if (config.operatorName && ENTITY_OPERATORS.includes(config.operatorName))
114
- return (
115
- <NSBoxEntity<ValueItem>
116
- title={this.getLabel()}
117
- placeholder={this.getLabel()}
118
- required={false}
119
- hideHeader={true}
120
- multiple={false}
121
- defaultValue={this.getInitialValue()}
122
- list={this.list}
123
- table_name={config.column.table.name}
124
- getValue={item => item.value}
125
- getTitle={item => item.title}
126
- getSort={() => null}
127
- onChanged={e =>
128
- {
129
- const val = e.getValueOne();
130
- onChanged(val ? this.buildFilterItem(val) : null);
131
- }}
132
- />
133
- );
134
-
135
- return (
136
- <NSBoxDouble
137
- title={this.getLabel()}
138
- placeholder={this.getLabel()}
139
- required={false}
140
- hideHeader={true}
141
- defaultValue={this.getInitialValue() !== undefined ? Number(this.getInitialValue()) : undefined}
142
- onChanged={e => this.emitDebounced(e.getValue())}
143
- />
144
- );
145
- }
1
+ import { FilterItem, FilterItemOperator, SetTimeouService, SortItem } from "namirasoft-core";
2
+ import { NSBoxDouble, NSBoxEntity, NSRow } from "namirasoft-site-react";
3
+ import { NSAFilterBoxBase, NSAFilterBoxBaseProps } from "./NSAFilterBoxBase";
4
+ import { NSAFilterBoxBoolean } from "./NSAFilterBoxBoolean";
5
+
6
+ export interface NSAFilterBoxNumberProps extends NSAFilterBoxBaseProps
7
+ {
8
+ getValues: (search: string) => Promise<{ value: string; title: string }[]>;
9
+ }
10
+
11
+ interface NSAFilterBoxNumberState
12
+ {
13
+ valueFrom: number | null;
14
+ valueTo: number | null;
15
+ }
16
+
17
+ type ValueItem = { value: string; title: string };
18
+
19
+ const ENTITY_OPERATORS = ["equals", "notequals"];
20
+ const DEBOUNCE_MS = 1000;
21
+
22
+ export class NSAFilterBoxNumber extends NSAFilterBoxBase<NSAFilterBoxNumberProps, NSAFilterBoxNumberState>
23
+ {
24
+ private debounce = new SetTimeouService();
25
+ private betweenDebounce = new SetTimeouService();
26
+ private betweenActive = false;
27
+
28
+ constructor(props: NSAFilterBoxNumberProps)
29
+ {
30
+ super(props);
31
+ const between = this.getInitialBetween();
32
+ this.betweenActive = between !== undefined;
33
+ this.state = {
34
+ valueFrom: between ? Number(between.from) : null,
35
+ valueTo: between ? Number(between.to) : null,
36
+ };
37
+ }
38
+
39
+ private emitDebounced(value: number | null): void
40
+ {
41
+ this.debounce.setTimeoutIfNotCalledAgain(
42
+ () => this.props.onChanged(value !== null ? this.buildFilterItem(String(value)) : null),
43
+ DEBOUNCE_MS
44
+ );
45
+ }
46
+
47
+ private handleBetweenChange(patch: Partial<NSAFilterBoxNumberState>): void
48
+ {
49
+ this.setState(patch as NSAFilterBoxNumberState, () =>
50
+ {
51
+ const { valueFrom, valueTo } = this.state;
52
+ this.betweenDebounce.setTimeoutIfNotCalledAgain(() =>
53
+ {
54
+ if (valueFrom !== null && valueTo !== null)
55
+ {
56
+ this.betweenActive = true;
57
+ this.props.onChanged(this.buildBetweenFilterItems(String(valueFrom), String(valueTo)));
58
+ }
59
+ else if (this.betweenActive)
60
+ {
61
+ this.betweenActive = false;
62
+ this.props.onChanged(null);
63
+ }
64
+ }, DEBOUNCE_MS);
65
+ });
66
+ }
67
+
68
+ private list = async (
69
+ filters: FilterItem[] | null,
70
+ _page: number | null,
71
+ _size: number | null,
72
+ _sorts: SortItem[]
73
+ ): Promise<{ count: number; rows: ValueItem[] }> =>
74
+ {
75
+ const searchFilter = filters?.find(f => f.values.length > 0);
76
+ const search = searchFilter?.values[0] ?? "";
77
+ const rows = await this.props.getValues(search);
78
+ return { count: rows.length, rows };
79
+ };
80
+
81
+ override render(): JSX.Element | null
82
+ {
83
+ const { config, onChanged } = this.props;
84
+ const op = config.operatorName
85
+ ? FilterItemOperator.getByName(config.operatorName)
86
+ : null;
87
+
88
+ if (op && op.count === 0)
89
+ return <NSAFilterBoxBoolean config={config} initial={this.props.initial} onChanged={onChanged} />;
90
+
91
+ if (config.operatorName === "between")
92
+ return (
93
+ <NSRow>
94
+ <NSBoxDouble
95
+ title={`${this.getLabel()} From`}
96
+ placeholder={`${this.getLabel()} From`}
97
+ required={false}
98
+ hideHeader={true}
99
+ defaultValue={this.state.valueFrom ?? undefined}
100
+ onChanged={e => this.handleBetweenChange({ valueFrom: e.getValue() })}
101
+ />
102
+ <NSBoxDouble
103
+ title={`${this.getLabel()} To`}
104
+ placeholder={`${this.getLabel()} To`}
105
+ required={false}
106
+ hideHeader={true}
107
+ defaultValue={this.state.valueTo ?? undefined}
108
+ onChanged={e => this.handleBetweenChange({ valueTo: e.getValue() })}
109
+ />
110
+ </NSRow>
111
+ );
112
+
113
+ if (config.operatorName && ENTITY_OPERATORS.includes(config.operatorName))
114
+ return (
115
+ <NSBoxEntity<ValueItem>
116
+ title={this.getLabel()}
117
+ placeholder={this.getLabel()}
118
+ required={false}
119
+ hideHeader={true}
120
+ multiple={false}
121
+ defaultValue={this.getInitialValue()}
122
+ list={this.list}
123
+ table_name={config.column.table.name}
124
+ getValue={item => item.value}
125
+ getTitle={item => item.title}
126
+ getSort={() => null}
127
+ onChanged={e =>
128
+ {
129
+ const val = e.getValueOne();
130
+ onChanged(val ? this.buildFilterItem(val) : null);
131
+ }}
132
+ />
133
+ );
134
+
135
+ return (
136
+ <NSBoxDouble
137
+ title={this.getLabel()}
138
+ placeholder={this.getLabel()}
139
+ required={false}
140
+ hideHeader={true}
141
+ defaultValue={this.getInitialValue() !== undefined ? Number(this.getInitialValue()) : undefined}
142
+ onChanged={e => this.emitDebounced(e.getValue())}
143
+ />
144
+ );
145
+ }
146
146
  }
@@ -1,84 +1,84 @@
1
- import { FilterItem, FilterItemOperator, SetTimeouService, SortItem } from "namirasoft-core";
2
- import { NSBoxEntity, NSBoxString } from "namirasoft-site-react";
3
- import { NSAFilterBoxBase, NSAFilterBoxBaseProps } from "./NSAFilterBoxBase";
4
- import { NSAFilterBoxBoolean } from "./NSAFilterBoxBoolean";
5
-
6
- export interface NSAFilterBoxStringProps extends NSAFilterBoxBaseProps
7
- {
8
- getValues: (search: string) => Promise<{ value: string; title: string }[]>;
9
- }
10
-
11
- type ValueItem = { value: string; title: string };
12
-
13
- const ENTITY_OPERATORS = ["equals", "notequals"];
14
- const DEBOUNCE_MS = 1000;
15
-
16
- export class NSAFilterBoxString extends NSAFilterBoxBase<NSAFilterBoxStringProps>
17
- {
18
- private debounce = new SetTimeouService();
19
-
20
- private list = async (
21
- filters: FilterItem[] | null,
22
- _page: number | null,
23
- _size: number | null,
24
- _sorts: SortItem[]
25
- ): Promise<{ count: number; rows: ValueItem[] }> =>
26
- {
27
- const searchFilter = filters?.find(f => f.values.length > 0);
28
- const search = searchFilter?.values[0] ?? "";
29
- const rows = await this.props.getValues(search);
30
- return { count: rows.length, rows };
31
- };
32
-
33
- private emitDebounced(value: string | null): void
34
- {
35
- this.debounce.setTimeoutIfNotCalledAgain(
36
- () => this.props.onChanged(value ? this.buildFilterItem(value) : null),
37
- DEBOUNCE_MS
38
- );
39
- }
40
-
41
- override render(): JSX.Element | null
42
- {
43
- const { config, onChanged } = this.props;
44
- const op = config.operatorName
45
- ? FilterItemOperator.getByName(config.operatorName)
46
- : null;
47
-
48
- if (op && op.count === 0)
49
- return <NSAFilterBoxBoolean config={config} initial={this.props.initial} onChanged={onChanged} />;
50
-
51
- if (config.operatorName && ENTITY_OPERATORS.includes(config.operatorName))
52
- return (
53
- <NSBoxEntity<ValueItem>
54
- title={this.getLabel()}
55
- placeholder={this.getLabel()}
56
- required={false}
57
- hideHeader={true}
58
- multiple={false}
59
- defaultValue={this.getInitialValue()}
60
- list={this.list}
61
- table_name={config.column.table.name}
62
- getValue={item => item.value}
63
- getTitle={item => item.title}
64
- getSort={() => null}
65
- onChanged={e =>
66
- {
67
- const val = e.getValueOne();
68
- onChanged(val ? this.buildFilterItem(val) : null);
69
- }}
70
- />
71
- );
72
-
73
- return (
74
- <NSBoxString
75
- title={this.getLabel()}
76
- placeholder={this.getLabel()}
77
- required={false}
78
- hideHeader={true}
79
- defaultValue={this.getInitialValue()}
80
- onChanged={e => this.emitDebounced(e.getValue())}
81
- />
82
- );
83
- }
1
+ import { FilterItem, FilterItemOperator, SetTimeouService, SortItem } from "namirasoft-core";
2
+ import { NSBoxEntity, NSBoxString } from "namirasoft-site-react";
3
+ import { NSAFilterBoxBase, NSAFilterBoxBaseProps } from "./NSAFilterBoxBase";
4
+ import { NSAFilterBoxBoolean } from "./NSAFilterBoxBoolean";
5
+
6
+ export interface NSAFilterBoxStringProps extends NSAFilterBoxBaseProps
7
+ {
8
+ getValues: (search: string) => Promise<{ value: string; title: string }[]>;
9
+ }
10
+
11
+ type ValueItem = { value: string; title: string };
12
+
13
+ const ENTITY_OPERATORS = ["equals", "notequals"];
14
+ const DEBOUNCE_MS = 1000;
15
+
16
+ export class NSAFilterBoxString extends NSAFilterBoxBase<NSAFilterBoxStringProps>
17
+ {
18
+ private debounce = new SetTimeouService();
19
+
20
+ private list = async (
21
+ filters: FilterItem[] | null,
22
+ _page: number | null,
23
+ _size: number | null,
24
+ _sorts: SortItem[]
25
+ ): Promise<{ count: number; rows: ValueItem[] }> =>
26
+ {
27
+ const searchFilter = filters?.find(f => f.values.length > 0);
28
+ const search = searchFilter?.values[0] ?? "";
29
+ const rows = await this.props.getValues(search);
30
+ return { count: rows.length, rows };
31
+ };
32
+
33
+ private emitDebounced(value: string | null): void
34
+ {
35
+ this.debounce.setTimeoutIfNotCalledAgain(
36
+ () => this.props.onChanged(value ? this.buildFilterItem(value) : null),
37
+ DEBOUNCE_MS
38
+ );
39
+ }
40
+
41
+ override render(): JSX.Element | null
42
+ {
43
+ const { config, onChanged } = this.props;
44
+ const op = config.operatorName
45
+ ? FilterItemOperator.getByName(config.operatorName)
46
+ : null;
47
+
48
+ if (op && op.count === 0)
49
+ return <NSAFilterBoxBoolean config={config} initial={this.props.initial} onChanged={onChanged} />;
50
+
51
+ if (config.operatorName && ENTITY_OPERATORS.includes(config.operatorName))
52
+ return (
53
+ <NSBoxEntity<ValueItem>
54
+ title={this.getLabel()}
55
+ placeholder={this.getLabel()}
56
+ required={false}
57
+ hideHeader={true}
58
+ multiple={false}
59
+ defaultValue={this.getInitialValue()}
60
+ list={this.list}
61
+ table_name={config.column.table.name}
62
+ getValue={item => item.value}
63
+ getTitle={item => item.title}
64
+ getSort={() => null}
65
+ onChanged={e =>
66
+ {
67
+ const val = e.getValueOne();
68
+ onChanged(val ? this.buildFilterItem(val) : null);
69
+ }}
70
+ />
71
+ );
72
+
73
+ return (
74
+ <NSBoxString
75
+ title={this.getLabel()}
76
+ placeholder={this.getLabel()}
77
+ required={false}
78
+ hideHeader={true}
79
+ defaultValue={this.getInitialValue()}
80
+ onChanged={e => this.emitDebounced(e.getValue())}
81
+ />
82
+ );
83
+ }
84
84
  }