@asaleh37/ui-base 25.8.1-7 → 25.8.1-9

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 (162) hide show
  1. package/.github/workflows/publish-npm.yml +49 -49
  2. package/README.md +51 -51
  3. package/dist/index.d.ts +3 -1
  4. package/dist/index.js +2 -2
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.mjs +2 -2
  7. package/dist/index.mjs.map +1 -1
  8. package/eslint.config.js +29 -29
  9. package/index.html +13 -13
  10. package/package.json +120 -120
  11. package/rollup.config-1748377725725.cjs +34 -34
  12. package/rollup.config.js +45 -45
  13. package/src/components/App.tsx +123 -123
  14. package/src/components/BaseApp.tsx +53 -53
  15. package/src/components/administration/admin/ChangePasswordPanel.tsx +128 -128
  16. package/src/components/administration/admin/OrgMemberRoleForm.tsx +83 -83
  17. package/src/components/administration/admin/OrganizationApplicationModuleGrid.tsx +107 -107
  18. package/src/components/administration/admin/OrganizationGrid.tsx +118 -118
  19. package/src/components/administration/admin/OrganizationMemberGrid.tsx +176 -176
  20. package/src/components/administration/admin/OrganizationMemberRoleGrid.tsx +87 -87
  21. package/src/components/administration/admin/OrganizationRankGrid.tsx +133 -133
  22. package/src/components/administration/admin/OrganizationUnitGrid.tsx +143 -143
  23. package/src/components/administration/admin/OrganizationUnitTypeGrid.tsx +108 -108
  24. package/src/components/administration/admin/PersonGrid.tsx +361 -361
  25. package/src/components/administration/admin/RoleAuthoritiesForm.tsx +82 -82
  26. package/src/components/administration/admin/SystemApplicationAuthorityGrid.tsx +117 -117
  27. package/src/components/administration/admin/SystemApplicationGrid.tsx +83 -83
  28. package/src/components/administration/admin/SystemApplicationModuleGrid.tsx +96 -96
  29. package/src/components/administration/admin/SystemApplicationRoleAuthorityGrid.tsx +75 -75
  30. package/src/components/administration/admin/SystemApplicationRoleGrid.tsx +116 -116
  31. package/src/components/administration/dev/AttachmentConfigGrid.tsx +223 -223
  32. package/src/components/administration/dev/AttachmentGrid.tsx +172 -172
  33. package/src/components/administration/dev/BluePrintGrid.tsx +129 -129
  34. package/src/components/administration/dev/DashboardGrid.tsx +173 -173
  35. package/src/components/administration/dev/DashboardWidgetGrid.tsx +164 -164
  36. package/src/components/administration/dev/DataQueryGrid.tsx +206 -206
  37. package/src/components/administration/dev/DataQueryParameterGrid.tsx +191 -191
  38. package/src/components/administration/dev/DataQueryParametersForm.tsx +84 -84
  39. package/src/components/administration/dev/DatasourceConnectionGrid.tsx +150 -150
  40. package/src/components/administration/dev/EntityParameterGrid.tsx +279 -279
  41. package/src/components/administration/dev/LookupGrid.tsx +120 -120
  42. package/src/components/administration/dev/MailAttachmentGrid.tsx +155 -155
  43. package/src/components/administration/dev/MailBodyGrid.tsx +216 -216
  44. package/src/components/administration/dev/MailNotificationQueueGrid.tsx +245 -245
  45. package/src/components/administration/dev/MailRecipientGrid.tsx +169 -169
  46. package/src/components/administration/dev/MailSenderConfigGrid.tsx +478 -478
  47. package/src/components/administration/dev/MailTemplateGrid.tsx +384 -384
  48. package/src/components/administration/dev/NotificationGrid.tsx +432 -432
  49. package/src/components/administration/dev/NotificationQueueGrid.tsx +222 -222
  50. package/src/components/administration/dev/ReportGrid.tsx +506 -506
  51. package/src/components/administration/dev/ReportParameterGrid.tsx +186 -186
  52. package/src/components/administration/dev/ReportParametersForm.tsx +84 -84
  53. package/src/components/administration/dev/WidgetGrid.tsx +431 -431
  54. package/src/components/administration/dev/WorkflowDocumentActionGrid.tsx +264 -264
  55. package/src/components/administration/dev/WorkflowDocumentActionHistoryGrid.tsx +172 -172
  56. package/src/components/administration/dev/WorkflowDocumentActionMailGrid.tsx +161 -161
  57. package/src/components/administration/dev/WorkflowDocumentGrid.tsx +377 -377
  58. package/src/components/administration/dev/WorkflowDocumentMailLogGrid.tsx +218 -218
  59. package/src/components/administration/dev/WorkflowDocumentStatusGrid.tsx +243 -243
  60. package/src/components/common/ChangeOrgForm.tsx +81 -81
  61. package/src/components/common/Home.tsx +43 -43
  62. package/src/components/common/LanguageSwitcher.tsx +25 -25
  63. package/src/components/common/LayoutHandlers.tsx +11 -11
  64. package/src/components/common/LoadingMask.tsx +24 -24
  65. package/src/components/common/Login.tsx +214 -214
  66. package/src/components/common/MyNotificationsPanel.tsx +109 -109
  67. package/src/components/common/NotificationItem.tsx +138 -138
  68. package/src/components/index.ts +9 -9
  69. package/src/components/templates/DataEntryTemplates/DataEntryTypes.ts +324 -324
  70. package/src/components/templates/DataEntryTemplates/DataEntryUtil.ts +248 -248
  71. package/src/components/templates/DataEntryTemplates/TemplateDataForm/FormAction.tsx +60 -60
  72. package/src/components/templates/DataEntryTemplates/TemplateDataForm/FormElementField.tsx +231 -231
  73. package/src/components/templates/DataEntryTemplates/TemplateDataForm/FormElementGroup.tsx +106 -106
  74. package/src/components/templates/DataEntryTemplates/TemplateDataForm/FormFields/CheckBox.tsx +64 -64
  75. package/src/components/templates/DataEntryTemplates/TemplateDataForm/FormFields/ComboBox.tsx +93 -93
  76. package/src/components/templates/DataEntryTemplates/TemplateDataForm/FormFields/Datefield.tsx +65 -65
  77. package/src/components/templates/DataEntryTemplates/TemplateDataForm/FormFields/DatetimeField.tsx +64 -64
  78. package/src/components/templates/DataEntryTemplates/TemplateDataForm/FormFields/FiltersPanel.tsx +237 -237
  79. package/src/components/templates/DataEntryTemplates/TemplateDataForm/FormFields/SystemLookupCombobox.tsx +55 -55
  80. package/src/components/templates/DataEntryTemplates/TemplateDataForm/FormFields/TemplateTextField.tsx +17 -17
  81. package/src/components/templates/DataEntryTemplates/TemplateDataForm/TemplateForm.tsx +387 -387
  82. package/src/components/templates/DataEntryTemplates/TemplateDataGrid/DataGridColumnsUtil.tsx +189 -189
  83. package/src/components/templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid.tsx +998 -998
  84. package/src/components/templates/DataEntryTemplates/TemplateDataGrid/TemplateGridMultiRecordAction.tsx +89 -89
  85. package/src/components/templates/DataEntryTemplates/TemplateDataGrid/TemplateGridRecordAction.tsx +95 -95
  86. package/src/components/templates/DataEntryTemplates/TemplateDataGrid/TemplateGridTopBar.tsx +227 -227
  87. package/src/components/templates/TransferList.tsx +256 -256
  88. package/src/components/templates/Window/ConfirmationWindow.tsx +55 -55
  89. package/src/components/templates/attachment/AttachmentCard.tsx +141 -141
  90. package/src/components/templates/attachment/AttachmentImageViewer.tsx +83 -83
  91. package/src/components/templates/attachment/AttachmentPanel.tsx +285 -285
  92. package/src/components/templates/index.ts +35 -33
  93. package/src/components/templates/report/ExcelReportViewer.tsx +71 -71
  94. package/src/components/templates/report/ReportViewer.tsx +382 -382
  95. package/src/components/templates/visuals/DashboardRouteView.tsx +9 -9
  96. package/src/components/templates/visuals/DashboardViewer.tsx +148 -148
  97. package/src/components/templates/visuals/WidgetViewer.tsx +198 -198
  98. package/src/components/templates/visuals/charts/TemplateBarChart.tsx +23 -23
  99. package/src/components/templates/visuals/charts/TemplateDataCard.tsx +35 -35
  100. package/src/components/templates/visuals/charts/TemplateGauge.tsx +21 -21
  101. package/src/components/templates/visuals/charts/TemplateLineChart.tsx +22 -22
  102. package/src/components/templates/visuals/charts/TemplateLineProgress.tsx +42 -42
  103. package/src/components/templates/visuals/charts/TemplatePieChart.tsx +24 -24
  104. package/src/components/templates/workflow/WorkflowDocumentPanel.tsx +606 -606
  105. package/src/components/templates/workflow/WorkflowDocumentTimeLine.tsx +140 -140
  106. package/src/components/templates/workflow/WorkflowRouteComponent.tsx +14 -14
  107. package/src/hooks/UseConfirmationWindow.tsx +54 -54
  108. package/src/hooks/UseMobile.tsx +13 -13
  109. package/src/hooks/UseSession.tsx +59 -59
  110. package/src/hooks/UseWindow.tsx +107 -107
  111. package/src/hooks/index.ts +12 -12
  112. package/src/hooks/useApiActions.ts +124 -124
  113. package/src/hooks/useAxios.tsx +316 -316
  114. package/src/hooks/useInterval.tsx +23 -23
  115. package/src/hooks/useLoadingMask.tsx +16 -16
  116. package/src/hooks/useLookupGridColumn.tsx +35 -35
  117. package/src/index.ts +4 -4
  118. package/src/layout/DrawerHeader.tsx +10 -10
  119. package/src/layout/Layout.tsx +90 -90
  120. package/src/layout/MainContent.tsx +117 -117
  121. package/src/layout/MobileDrawer.tsx +103 -103
  122. package/src/layout/NavigationTree.tsx +298 -298
  123. package/src/layout/NotificationButton.tsx +207 -207
  124. package/src/layout/RouteWrapper.tsx +63 -63
  125. package/src/layout/SideBar.tsx +85 -85
  126. package/src/layout/TopBar.tsx +289 -289
  127. package/src/locales/arabic/adminLocalsAr.json +93 -93
  128. package/src/locales/arabic/common.json +44 -44
  129. package/src/locales/arabic/devLocalsAr.json +317 -317
  130. package/src/locales/arabic/index.ts +9 -9
  131. package/src/locales/english/adminLocalsEn.json +96 -96
  132. package/src/locales/english/common.json +43 -43
  133. package/src/locales/english/devLocalsEn.json +318 -318
  134. package/src/locales/english/index.ts +9 -9
  135. package/src/locales/i18n.ts +8 -8
  136. package/src/locales/index.ts +9 -9
  137. package/src/main.tsx +23 -23
  138. package/src/navigationItems/Administration/adminNavigationItems.tsx +223 -223
  139. package/src/navigationItems/Administration/index.tsx +16 -16
  140. package/src/navigationItems/common/CommonNavigationItems.tsx +12 -12
  141. package/src/navigationItems/common/index.tsx +7 -7
  142. package/src/navigationItems/index.tsx +35 -35
  143. package/src/redux/features/administration/AdministrationStoresMetaData.ts +148 -148
  144. package/src/redux/features/common/AppInfoSlice.ts +65 -65
  145. package/src/redux/features/common/AppLayoutSlice.ts +29 -29
  146. package/src/redux/features/common/CommonStoreSlice.ts +44 -44
  147. package/src/redux/features/common/LoadingMaskSlice.ts +30 -30
  148. package/src/redux/features/common/SideBarSlice.ts +27 -27
  149. package/src/redux/features/common/UserSessionSlice.ts +54 -54
  150. package/src/redux/store.ts +29 -29
  151. package/src/routes/administration/adminRoutes.tsx +99 -99
  152. package/src/routes/administration/devRoutes.tsx +129 -129
  153. package/src/routes/administration/index.ts +8 -8
  154. package/src/routes/index.ts +11 -11
  155. package/src/routes/types/index.ts +6 -6
  156. package/src/styles/index.css +19 -19
  157. package/src/types/index.ts +8 -8
  158. package/src/util/AppUtils.ts +53 -53
  159. package/src/util/constants.ts +6 -6
  160. package/src/util/index.ts +2 -2
  161. package/tsconfig.json +135 -135
  162. package/vite.config.ts +24 -24
@@ -1,133 +1,133 @@
1
- import { useState } from "react";
2
- import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
3
- import { useApiActions, useAxios } from "../../../hooks";
4
- import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
5
- import { useTranslation } from "react-i18next";
6
- import { useDispatch, useSelector } from "react-redux";
7
- import { setStoreData } from "../../../redux/features/common/CommonStoreSlice";
8
-
9
- const OrganizationRankGrid: React.FC = () => {
10
- const { t } = useTranslation();
11
- const [data, setData] = useState([]);
12
- const apiActions = useApiActions({
13
- commonStoreKey: "CurrentOrganizationRanks",
14
- deleteById: "api/v1/admin/organizationrank",
15
- save: "api/v1/admin/organizationrank",
16
- findById: "api/v1/admin/organizationrank",
17
- setData: setData,
18
- });
19
-
20
- const { handleGetRequest } = useAxios();
21
- const SystemOrganizationRanks = useSelector(
22
- (state: any) => state.commonStores.stores.SystemOrganizationRanks
23
- );
24
- const dispatch = useDispatch();
25
- const loadOrganizationRanks = async () => {
26
- await handleGetRequest({
27
- endPointURI: SystemOrganizationRanks.url,
28
- showMask: false,
29
- successCallBkFn: (response) => {
30
- dispatch(
31
- setStoreData({
32
- storeKey: "SystemOrganizationRanks",
33
- data: response.data,
34
- })
35
- );
36
- },
37
- failureCallBkFn: () => {
38
- dispatch(
39
- setStoreData({ storeKey: "SystemOrganizationRanks", data: [] })
40
- );
41
- },
42
- });
43
- };
44
- const formElements: Array<FormElementProps> = [
45
- {
46
- type: "field",
47
- mode: "props",
48
- props: {
49
- hidden: true,
50
- gridProps: { hidden: true },
51
- fieldLabel: "ORGANIZATION_RANK_ORGANIZATION_ID",
52
- fieldName: "organizationId",
53
- required: false,
54
- fieldType: "number",
55
- },
56
- },
57
- {
58
- type: "field",
59
- mode: "props",
60
- props: {
61
- fieldLabel: "ORGANIZATION_RANK_RANK_ORDER",
62
- fieldName: "rankOrder",
63
- required: true,
64
- fieldType: "number",
65
- },
66
- },
67
- {
68
- type: "field",
69
- mode: "props",
70
- props: {
71
- fieldLabel: "ORGANIZATION_RANK_RANK_CODE",
72
- fieldName: "rankCode",
73
- required: true,
74
- fieldType: "text",
75
- },
76
- },
77
- {
78
- type: "field",
79
- mode: "props",
80
- props: {
81
- fieldLabel: "ORGANIZATION_RANK_RANK_AR_NAME",
82
- fieldName: "rankArName",
83
- required: true,
84
- fieldType: "text",
85
- },
86
- },
87
-
88
- {
89
- type: "field",
90
- mode: "props",
91
- props: {
92
- fieldLabel: "ORGANIZATION_RANK_RANK_EN_NAME",
93
- fieldName: "rankEnName",
94
- required: true,
95
- fieldType: "text",
96
- },
97
- },
98
- {
99
- type: "field",
100
- mode: "props",
101
- props: {
102
- fieldLabel: "ORGANIZATION_RANK_ENABLED",
103
- fieldName: "enabled",
104
- required: false,
105
- fieldType: "checkbox",
106
- },
107
- },
108
- ];
109
-
110
- return (
111
- <TemplateGrid
112
- apiActions={apiActions}
113
- data={data}
114
- hideInfoBar={true}
115
- setData={setData}
116
- editMode={{ editMode: "row", reloadAfterSave: true }}
117
- formElements={formElements}
118
- keyColumnName={"id"}
119
- gridTitle="ORGANIZATION_RANK_PLURAL"
120
- girdIcon="street-view"
121
- editAction={{
122
- isEnabled: true,
123
- authority: "ORGANIZATION_RANK_EDIT",
124
- postActionCallBack: () => {
125
- loadOrganizationRanks();
126
- },
127
- }}
128
- deleteAction={{ isEnabled: true, authority: "ORGANIZATION_RANK_DELETE" }}
129
- />
130
- );
131
- };
132
-
133
- export default OrganizationRankGrid;
1
+ import { useState } from "react";
2
+ import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
3
+ import { useApiActions, useAxios } from "../../../hooks";
4
+ import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
5
+ import { useTranslation } from "react-i18next";
6
+ import { useDispatch, useSelector } from "react-redux";
7
+ import { setStoreData } from "../../../redux/features/common/CommonStoreSlice";
8
+
9
+ const OrganizationRankGrid: React.FC = () => {
10
+ const { t } = useTranslation();
11
+ const [data, setData] = useState([]);
12
+ const apiActions = useApiActions({
13
+ commonStoreKey: "CurrentOrganizationRanks",
14
+ deleteById: "api/v1/admin/organizationrank",
15
+ save: "api/v1/admin/organizationrank",
16
+ findById: "api/v1/admin/organizationrank",
17
+ setData: setData,
18
+ });
19
+
20
+ const { handleGetRequest } = useAxios();
21
+ const SystemOrganizationRanks = useSelector(
22
+ (state: any) => state.commonStores.stores.SystemOrganizationRanks
23
+ );
24
+ const dispatch = useDispatch();
25
+ const loadOrganizationRanks = async () => {
26
+ await handleGetRequest({
27
+ endPointURI: SystemOrganizationRanks.url,
28
+ showMask: false,
29
+ successCallBkFn: (response) => {
30
+ dispatch(
31
+ setStoreData({
32
+ storeKey: "SystemOrganizationRanks",
33
+ data: response.data,
34
+ })
35
+ );
36
+ },
37
+ failureCallBkFn: () => {
38
+ dispatch(
39
+ setStoreData({ storeKey: "SystemOrganizationRanks", data: [] })
40
+ );
41
+ },
42
+ });
43
+ };
44
+ const formElements: Array<FormElementProps> = [
45
+ {
46
+ type: "field",
47
+ mode: "props",
48
+ props: {
49
+ hidden: true,
50
+ gridProps: { hidden: true },
51
+ fieldLabel: "ORGANIZATION_RANK_ORGANIZATION_ID",
52
+ fieldName: "organizationId",
53
+ required: false,
54
+ fieldType: "number",
55
+ },
56
+ },
57
+ {
58
+ type: "field",
59
+ mode: "props",
60
+ props: {
61
+ fieldLabel: "ORGANIZATION_RANK_RANK_ORDER",
62
+ fieldName: "rankOrder",
63
+ required: true,
64
+ fieldType: "number",
65
+ },
66
+ },
67
+ {
68
+ type: "field",
69
+ mode: "props",
70
+ props: {
71
+ fieldLabel: "ORGANIZATION_RANK_RANK_CODE",
72
+ fieldName: "rankCode",
73
+ required: true,
74
+ fieldType: "text",
75
+ },
76
+ },
77
+ {
78
+ type: "field",
79
+ mode: "props",
80
+ props: {
81
+ fieldLabel: "ORGANIZATION_RANK_RANK_AR_NAME",
82
+ fieldName: "rankArName",
83
+ required: true,
84
+ fieldType: "text",
85
+ },
86
+ },
87
+
88
+ {
89
+ type: "field",
90
+ mode: "props",
91
+ props: {
92
+ fieldLabel: "ORGANIZATION_RANK_RANK_EN_NAME",
93
+ fieldName: "rankEnName",
94
+ required: true,
95
+ fieldType: "text",
96
+ },
97
+ },
98
+ {
99
+ type: "field",
100
+ mode: "props",
101
+ props: {
102
+ fieldLabel: "ORGANIZATION_RANK_ENABLED",
103
+ fieldName: "enabled",
104
+ required: false,
105
+ fieldType: "checkbox",
106
+ },
107
+ },
108
+ ];
109
+
110
+ return (
111
+ <TemplateGrid
112
+ apiActions={apiActions}
113
+ data={data}
114
+ hideInfoBar={true}
115
+ setData={setData}
116
+ editMode={{ editMode: "row", reloadAfterSave: true }}
117
+ formElements={formElements}
118
+ keyColumnName={"id"}
119
+ gridTitle="ORGANIZATION_RANK_PLURAL"
120
+ girdIcon="street-view"
121
+ editAction={{
122
+ isEnabled: true,
123
+ authority: "ORGANIZATION_RANK_EDIT",
124
+ postActionCallBack: () => {
125
+ loadOrganizationRanks();
126
+ },
127
+ }}
128
+ deleteAction={{ isEnabled: true, authority: "ORGANIZATION_RANK_DELETE" }}
129
+ />
130
+ );
131
+ };
132
+
133
+ export default OrganizationRankGrid;
@@ -1,143 +1,143 @@
1
- import { useEffect, useState } from "react";
2
- import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
3
- import { useApiActions, useAxios } from "../../../hooks";
4
- import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
5
- import { useTranslation } from "react-i18next";
6
- import { useDispatch, useSelector } from "react-redux";
7
- import { setStoreData } from "../../../redux/features/common/CommonStoreSlice";
8
-
9
- const OrganizationUnitGrid: React.FC = () => {
10
- const { t } = useTranslation();
11
- const [data, setData] = useState([]);
12
- const { handleGetRequest } = useAxios();
13
- const SystemOrganizationUnits = useSelector(
14
- (state: any) => state.commonStores.stores.SystemOrganizationUnits
15
- );
16
- const dispatch = useDispatch();
17
- const loadOrganizationUnits = async () => {
18
- await handleGetRequest({
19
- endPointURI: SystemOrganizationUnits.url,
20
- showMask: false,
21
- successCallBkFn: (response) => {
22
- dispatch(
23
- setStoreData({
24
- storeKey: "SystemOrganizationUnits",
25
- data: response.data,
26
- })
27
- );
28
- },
29
- failureCallBkFn: () => {
30
- dispatch(
31
- setStoreData({ storeKey: "SystemOrganizationUnits", data: [] })
32
- );
33
- },
34
- });
35
- };
36
- const apiActions = useApiActions({
37
- findAll: "api/v1/public/organizationunit/all",
38
- deleteById: "api/v1/admin/organizationunit",
39
- save: "api/v1/admin/organizationunit",
40
- findById: "api/v1/admin/organizationunit",
41
- setData: setData,
42
- });
43
-
44
- const organizationUnitTypes = useSelector(
45
- (state: any) => state.commonStores.stores.SystemOrganizationUnitType.data
46
- );
47
-
48
- const formElements: Array<FormElementProps> = [
49
- {
50
- type: "field",
51
- mode: "props",
52
- props: {
53
- hidden: true,
54
- gridProps: { hidden: true },
55
- fieldLabel: "ORGANIZATION_UNIT_ORGANIZATION_ID",
56
- fieldName: "organizationId",
57
- required: false,
58
- fieldType: "number",
59
- },
60
- },
61
-
62
- {
63
- type: "field",
64
- mode: "props",
65
- props: {
66
- fieldLabel: "ORGANIZATION_UNIT_ORGANIZATION_UNIT_TYPE_ID",
67
- fieldName: "organizationUnitTypeId",
68
- required: true,
69
- fieldType: "combobox",
70
- options: organizationUnitTypes,
71
- optionValueField: "id",
72
- optionDisplayField: "unitTypeEnName",
73
- },
74
- },
75
- {
76
- type: "field",
77
- mode: "props",
78
- props: {
79
- fieldLabel: "ORGANIZATION_UNIT_ORGANIZATION_UNIT_AR_NAME",
80
- fieldName: "organizationUnitArName",
81
- required: true,
82
- fieldType: "text",
83
- },
84
- },
85
- {
86
- type: "field",
87
- mode: "props",
88
- props: {
89
- fieldLabel: "ORGANIZATION_UNIT_ORGANIZATION_UNIT_EN_NAME",
90
- fieldName: "organizationUnitEnName",
91
- required: true,
92
- fieldType: "text",
93
- },
94
- },
95
- {
96
- type: "field",
97
- mode: "props",
98
- props: {
99
- fieldLabel: "ORGANIZATION_UNIT_ORGANIZATION_UNIT_PARENT_ID",
100
- fieldName: "organizationUnitParentId",
101
- required: false,
102
- fieldType: "combobox",
103
- options: data,
104
- optionValueField: "id",
105
- optionDisplayField: "organizationUnitEnName",
106
- },
107
- },
108
- {
109
- type: "field",
110
- mode: "props",
111
- props: {
112
- fieldLabel: "ORGANIZATION_UNIT_ENABLED",
113
- fieldName: "enabled",
114
- required: false,
115
- fieldType: "checkbox",
116
- },
117
- },
118
- ];
119
-
120
- return (
121
- <TemplateGrid
122
- apiActions={apiActions}
123
- data={data}
124
- hideInfoBar={true}
125
- setData={setData}
126
- editMode={{ editMode: "row" }}
127
- formElements={formElements}
128
- keyColumnName={"id"}
129
- gridTitle="ORGANIZATION_UNIT_PLURAL"
130
- girdIcon="folder-tree"
131
- editAction={{
132
- isEnabled: true,
133
- authority: "ORGANIZATION_UNIT_EDIT",
134
- postActionCallBack: () => {
135
- loadOrganizationUnits();
136
- },
137
- }}
138
- deleteAction={{ isEnabled: true, authority: "ORGANIZATION_UNIT_DELETE" }}
139
- />
140
- );
141
- };
142
-
143
- export default OrganizationUnitGrid;
1
+ import { useEffect, useState } from "react";
2
+ import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
3
+ import { useApiActions, useAxios } from "../../../hooks";
4
+ import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
5
+ import { useTranslation } from "react-i18next";
6
+ import { useDispatch, useSelector } from "react-redux";
7
+ import { setStoreData } from "../../../redux/features/common/CommonStoreSlice";
8
+
9
+ const OrganizationUnitGrid: React.FC = () => {
10
+ const { t } = useTranslation();
11
+ const [data, setData] = useState([]);
12
+ const { handleGetRequest } = useAxios();
13
+ const SystemOrganizationUnits = useSelector(
14
+ (state: any) => state.commonStores.stores.SystemOrganizationUnits
15
+ );
16
+ const dispatch = useDispatch();
17
+ const loadOrganizationUnits = async () => {
18
+ await handleGetRequest({
19
+ endPointURI: SystemOrganizationUnits.url,
20
+ showMask: false,
21
+ successCallBkFn: (response) => {
22
+ dispatch(
23
+ setStoreData({
24
+ storeKey: "SystemOrganizationUnits",
25
+ data: response.data,
26
+ })
27
+ );
28
+ },
29
+ failureCallBkFn: () => {
30
+ dispatch(
31
+ setStoreData({ storeKey: "SystemOrganizationUnits", data: [] })
32
+ );
33
+ },
34
+ });
35
+ };
36
+ const apiActions = useApiActions({
37
+ findAll: "api/v1/public/organizationunit/all",
38
+ deleteById: "api/v1/admin/organizationunit",
39
+ save: "api/v1/admin/organizationunit",
40
+ findById: "api/v1/admin/organizationunit",
41
+ setData: setData,
42
+ });
43
+
44
+ const organizationUnitTypes = useSelector(
45
+ (state: any) => state.commonStores.stores.SystemOrganizationUnitType.data
46
+ );
47
+
48
+ const formElements: Array<FormElementProps> = [
49
+ {
50
+ type: "field",
51
+ mode: "props",
52
+ props: {
53
+ hidden: true,
54
+ gridProps: { hidden: true },
55
+ fieldLabel: "ORGANIZATION_UNIT_ORGANIZATION_ID",
56
+ fieldName: "organizationId",
57
+ required: false,
58
+ fieldType: "number",
59
+ },
60
+ },
61
+
62
+ {
63
+ type: "field",
64
+ mode: "props",
65
+ props: {
66
+ fieldLabel: "ORGANIZATION_UNIT_ORGANIZATION_UNIT_TYPE_ID",
67
+ fieldName: "organizationUnitTypeId",
68
+ required: true,
69
+ fieldType: "combobox",
70
+ options: organizationUnitTypes,
71
+ optionValueField: "id",
72
+ optionDisplayField: "unitTypeEnName",
73
+ },
74
+ },
75
+ {
76
+ type: "field",
77
+ mode: "props",
78
+ props: {
79
+ fieldLabel: "ORGANIZATION_UNIT_ORGANIZATION_UNIT_AR_NAME",
80
+ fieldName: "organizationUnitArName",
81
+ required: true,
82
+ fieldType: "text",
83
+ },
84
+ },
85
+ {
86
+ type: "field",
87
+ mode: "props",
88
+ props: {
89
+ fieldLabel: "ORGANIZATION_UNIT_ORGANIZATION_UNIT_EN_NAME",
90
+ fieldName: "organizationUnitEnName",
91
+ required: true,
92
+ fieldType: "text",
93
+ },
94
+ },
95
+ {
96
+ type: "field",
97
+ mode: "props",
98
+ props: {
99
+ fieldLabel: "ORGANIZATION_UNIT_ORGANIZATION_UNIT_PARENT_ID",
100
+ fieldName: "organizationUnitParentId",
101
+ required: false,
102
+ fieldType: "combobox",
103
+ options: data,
104
+ optionValueField: "id",
105
+ optionDisplayField: "organizationUnitEnName",
106
+ },
107
+ },
108
+ {
109
+ type: "field",
110
+ mode: "props",
111
+ props: {
112
+ fieldLabel: "ORGANIZATION_UNIT_ENABLED",
113
+ fieldName: "enabled",
114
+ required: false,
115
+ fieldType: "checkbox",
116
+ },
117
+ },
118
+ ];
119
+
120
+ return (
121
+ <TemplateGrid
122
+ apiActions={apiActions}
123
+ data={data}
124
+ hideInfoBar={true}
125
+ setData={setData}
126
+ editMode={{ editMode: "row" }}
127
+ formElements={formElements}
128
+ keyColumnName={"id"}
129
+ gridTitle="ORGANIZATION_UNIT_PLURAL"
130
+ girdIcon="folder-tree"
131
+ editAction={{
132
+ isEnabled: true,
133
+ authority: "ORGANIZATION_UNIT_EDIT",
134
+ postActionCallBack: () => {
135
+ loadOrganizationUnits();
136
+ },
137
+ }}
138
+ deleteAction={{ isEnabled: true, authority: "ORGANIZATION_UNIT_DELETE" }}
139
+ />
140
+ );
141
+ };
142
+
143
+ export default OrganizationUnitGrid;