namirasoft-account-react 1.5.37 → 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 (147) 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/NSAPhoneVerificationPage.js +11 -3
  59. package/dist/pages/NSAPhoneVerificationPage.js.map +1 -1
  60. package/dist/pages/NSAVerificationPage.d.ts +1 -1
  61. package/dist/pages/NSAVerificationPage.module.css +31 -31
  62. package/package.json +94 -94
  63. package/public/index.html +21 -21
  64. package/src/App.tsx +72 -72
  65. package/src/CTFRow.ts +7 -7
  66. package/src/FieldCacheService.tsx +113 -108
  67. package/src/IEntityInfo.ts +33 -33
  68. package/src/NSACacheService.ts +126 -126
  69. package/src/NSAFilterOperators.ts +94 -94
  70. package/src/NSARouterMaker.tsx +141 -141
  71. package/src/NSARouterMakerProps.ts +23 -23
  72. package/src/NSARouterMakerResult.ts +24 -24
  73. package/src/NSFRouterMaker.tsx +35 -35
  74. package/src/NSFRouterProps.ts +7 -7
  75. package/src/NSFRoutes.ts +30 -30
  76. package/src/Router.tsx +48 -48
  77. package/src/UseParams.tsx +17 -17
  78. package/src/components/NSAAccessListDialog.module.css +71 -71
  79. package/src/components/NSAAccessListDialog.tsx +178 -178
  80. package/src/components/NSABoxSecret.module.css +23 -23
  81. package/src/components/NSABoxSecret.tsx +264 -264
  82. package/src/components/NSAMasterMenu.module.css +250 -250
  83. package/src/components/NSAMasterMenu.tsx +174 -169
  84. package/src/components/NSAMasterMenuItem.tsx +250 -250
  85. package/src/components/NSAMessageListDialog.module.css +99 -99
  86. package/src/components/NSAMessageListDialog.tsx +144 -144
  87. package/src/components/NSANavigationGuard.tsx +79 -79
  88. package/src/components/NSAProductListDialog.module.css +44 -44
  89. package/src/components/NSAProductListDialog.tsx +88 -88
  90. package/src/components/NSATable.tsx +494 -494
  91. package/src/components/NSATaskBar.module.css +57 -57
  92. package/src/components/NSATaskBar.tsx +193 -193
  93. package/src/components/NSAUserDialog.module.css +67 -67
  94. package/src/components/NSAUserDialog.tsx +122 -122
  95. package/src/components/NSAWorkspaceListDialog.module.css +41 -41
  96. package/src/components/NSAWorkspaceListDialog.tsx +147 -147
  97. package/src/components/NSFBoxCategoryScope.tsx +52 -52
  98. package/src/components/NSFBoxField.tsx +37 -37
  99. package/src/components/NSFBoxSlot.tsx +73 -73
  100. package/src/components/NSFBoxWrapper.tsx +69 -69
  101. package/src/components/NSLabelSecret.tsx +37 -37
  102. package/src/components/quickfilter/NSAFilterBoxBase.tsx +110 -110
  103. package/src/components/quickfilter/NSAFilterBoxBoolean.tsx +72 -72
  104. package/src/components/quickfilter/NSAFilterBoxDate.tsx +110 -110
  105. package/src/components/quickfilter/NSAFilterBoxDateTime.tsx +110 -110
  106. package/src/components/quickfilter/NSAFilterBoxEnum.module.css +51 -51
  107. package/src/components/quickfilter/NSAFilterBoxEnum.tsx +103 -103
  108. package/src/components/quickfilter/NSAFilterBoxNumber.tsx +145 -145
  109. package/src/components/quickfilter/NSAFilterBoxString.tsx +83 -83
  110. package/src/components/quickfilter/NSAFilterBoxTime.tsx +106 -106
  111. package/src/components/quickfilter/NSAQuickFilterBar.module.css +20 -20
  112. package/src/components/quickfilter/NSAQuickFilterBar.tsx +142 -142
  113. package/src/components/quickfilter/NSAQuickFilterDialog.module.css +74 -74
  114. package/src/components/quickfilter/NSAQuickFilterDialog.tsx +297 -297
  115. package/src/css.d.ts +13 -13
  116. package/src/formatters/SecretFormatter.tsx +24 -24
  117. package/src/index.tsx +27 -27
  118. package/src/layouts/Actions.ts +146 -146
  119. package/src/layouts/CFTUtil.ts +18 -18
  120. package/src/layouts/NSALayout.tsx +750 -750
  121. package/src/layouts/NSALayout_Field.ts +125 -125
  122. package/src/layouts/NSASectionEdit.tsx +279 -279
  123. package/src/layouts/NSASectionEditTabPage.module.css +4 -4
  124. package/src/layouts/NSASectionEditTabPage.tsx +256 -256
  125. package/src/layouts/NSASectionList.module.css +24 -24
  126. package/src/layouts/NSASectionList.tsx +165 -165
  127. package/src/layouts/NSASectionView.tsx +98 -98
  128. package/src/layouts/NSASectionViewTabMore.tsx +78 -78
  129. package/src/layouts/NSASectionViewTabPage.module.css +47 -47
  130. package/src/layouts/NSASectionViewTabPage.tsx +400 -400
  131. package/src/main.ts +52 -52
  132. package/src/pages/NSAConsentPage.module.css +26 -26
  133. package/src/pages/NSAConsentPage.tsx +120 -120
  134. package/src/pages/NSAEmailVerificationPage.tsx +30 -30
  135. package/src/pages/NSAHomePage.module.css +41 -41
  136. package/src/pages/NSAHomePage.tsx +113 -113
  137. package/src/pages/NSALoginPage.module.css +26 -26
  138. package/src/pages/NSALoginPage.tsx +87 -87
  139. package/src/pages/NSAPhoneVerificationPage.tsx +106 -94
  140. package/src/pages/NSAVerificationPage.module.css +31 -31
  141. package/src/pages/NSAVerificationPage.tsx +185 -185
  142. package/src/pages/NSFCategoryEditPage.tsx +87 -87
  143. package/src/pages/NSFCategoryListPage.tsx +23 -23
  144. package/src/pages/NSFCategoryViewPage.tsx +23 -23
  145. package/src/pages/NSFEntities.ts +58 -58
  146. package/src/pages/PaymentRequired.tsx +80 -80
  147. 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
  }