@asaleh37/ui-base 1.2.29 → 25.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 (179) hide show
  1. package/.github/workflows/publish-npm.yml +49 -0
  2. package/README.md +51 -51
  3. package/__ODockerfile +14 -0
  4. package/dist/index.d.ts +101 -10
  5. package/dist/index.js +135 -7
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.mjs +135 -7
  8. package/dist/index.mjs.map +1 -1
  9. package/eslint.config.js +29 -29
  10. package/index.html +20 -13
  11. package/package-lock.json/342/200/216 +9040 -0
  12. package/package.json +122 -119
  13. package/public/bg.jpg +0 -0
  14. package/public/ezzsteel.png +0 -0
  15. package/public/logo.png +0 -0
  16. package/public/manifest.json +21 -0
  17. package/public/no_user.png +0 -0
  18. package/rollup.config-1748377725725.cjs +34 -34
  19. package/rollup.config.js +45 -45
  20. package/src/components/App.tsx +155 -123
  21. package/src/components/BaseApp.tsx +75 -53
  22. package/src/components/ExampleTrial.tsx +24 -0
  23. package/src/components/administration/admin/ChangePasswordPanel.tsx +128 -0
  24. package/src/components/administration/admin/CustomPersonGrid.tsx +361 -0
  25. package/src/components/administration/admin/OrgMemberRoleForm.tsx +83 -83
  26. package/src/components/administration/admin/OrgProvidedPersonGrid.tsx +347 -0
  27. package/src/components/administration/admin/OrganizationApplicationModuleGrid.tsx +107 -107
  28. package/src/components/administration/admin/OrganizationGrid.tsx +118 -82
  29. package/src/components/administration/admin/OrganizationMemberGrid.tsx +190 -176
  30. package/src/components/administration/admin/OrganizationMemberRoleGrid.tsx +87 -87
  31. package/src/components/administration/admin/OrganizationRankGrid.tsx +133 -133
  32. package/src/components/administration/admin/OrganizationUnitGrid.tsx +143 -143
  33. package/src/components/administration/admin/OrganizationUnitTypeGrid.tsx +108 -108
  34. package/src/components/administration/admin/PersonGrid.tsx +27 -231
  35. package/src/components/administration/admin/RoleAuthoritiesForm.tsx +82 -82
  36. package/src/components/administration/admin/SystemApplicationAuthorityGrid.tsx +117 -126
  37. package/src/components/administration/admin/SystemApplicationGrid.tsx +83 -83
  38. package/src/components/administration/admin/SystemApplicationModuleGrid.tsx +96 -96
  39. package/src/components/administration/admin/SystemApplicationRoleAuthorityGrid.tsx +75 -67
  40. package/src/components/administration/admin/SystemApplicationRoleGrid.tsx +116 -116
  41. package/src/components/administration/dev/AttachmentConfigGrid.tsx +224 -213
  42. package/src/components/administration/dev/AttachmentGrid.tsx +172 -172
  43. package/src/components/administration/dev/BluePrintGrid.tsx +129 -129
  44. package/src/components/administration/dev/DashboardGrid.tsx +173 -173
  45. package/src/components/administration/dev/DashboardWidgetGrid.tsx +164 -164
  46. package/src/components/administration/dev/DataQueryGrid.tsx +216 -206
  47. package/src/components/administration/dev/DataQueryParameterGrid.tsx +191 -191
  48. package/src/components/administration/dev/DataQueryParametersForm.tsx +84 -84
  49. package/src/components/administration/dev/DatasourceConnectionGrid.tsx +151 -150
  50. package/src/components/administration/dev/EntityParameterGrid.tsx +307 -279
  51. package/src/components/administration/dev/LookupGrid.tsx +120 -120
  52. package/src/components/administration/dev/MailAttachmentGrid.tsx +155 -155
  53. package/src/components/administration/dev/MailBodyGrid.tsx +216 -216
  54. package/src/components/administration/dev/MailNotificationQueueGrid.tsx +245 -245
  55. package/src/components/administration/dev/MailRecipientGrid.tsx +170 -169
  56. package/src/components/administration/dev/MailSenderConfigGrid.tsx +480 -478
  57. package/src/components/administration/dev/MailTemplateGrid.tsx +385 -384
  58. package/src/components/administration/dev/NotificationGrid.tsx +435 -432
  59. package/src/components/administration/dev/NotificationQueueGrid.tsx +222 -222
  60. package/src/components/administration/dev/ReportGrid.tsx +503 -504
  61. package/src/components/administration/dev/ReportParameterGrid.tsx +186 -186
  62. package/src/components/administration/dev/ReportParametersForm.tsx +84 -84
  63. package/src/components/administration/dev/WidgetGrid.tsx +380 -431
  64. package/src/components/administration/dev/WorkflowDocumentActionGrid.tsx +264 -264
  65. package/src/components/administration/dev/WorkflowDocumentActionHistoryGrid.tsx +172 -172
  66. package/src/components/administration/dev/WorkflowDocumentActionMailGrid.tsx +161 -161
  67. package/src/components/administration/dev/WorkflowDocumentGrid.tsx +357 -377
  68. package/src/components/administration/dev/WorkflowDocumentMailLogGrid.tsx +218 -218
  69. package/src/components/administration/dev/WorkflowDocumentStatusGrid.tsx +243 -243
  70. package/src/components/common/AzureLogin.tsx +222 -0
  71. package/src/components/common/ChangeOrgForm.tsx +85 -81
  72. package/src/components/common/Home.tsx +43 -44
  73. package/src/components/common/LanguageSwitcher.tsx +25 -25
  74. package/src/components/common/LayoutHandlers.tsx +11 -11
  75. package/src/components/common/LoadingMask.tsx +24 -24
  76. package/src/components/common/Login.tsx +268 -214
  77. package/src/components/common/MobileLogin.tsx +229 -0
  78. package/src/components/common/MyNotificationsPanel.tsx +109 -104
  79. package/src/components/common/NoLicenseComponent.tsx +79 -0
  80. package/src/components/common/NotificationItem.tsx +138 -138
  81. package/src/components/index.ts +10 -9
  82. package/src/components/msalConfig.ts +11 -0
  83. package/src/components/templates/DataEntryTemplates/DataEntryTypes.ts +361 -324
  84. package/src/components/templates/DataEntryTemplates/DataEntryUtil.ts +297 -248
  85. package/src/components/templates/DataEntryTemplates/TemplateDataForm/FormAction.tsx +60 -60
  86. package/src/components/templates/DataEntryTemplates/TemplateDataForm/FormElementField.tsx +238 -231
  87. package/src/components/templates/DataEntryTemplates/TemplateDataForm/FormElementGroup.tsx +108 -106
  88. package/src/components/templates/DataEntryTemplates/TemplateDataForm/FormFields/CheckBox.tsx +66 -64
  89. package/src/components/templates/DataEntryTemplates/TemplateDataForm/FormFields/ComboBox.tsx +164 -93
  90. package/src/components/templates/DataEntryTemplates/TemplateDataForm/FormFields/Datefield.tsx +70 -65
  91. package/src/components/templates/DataEntryTemplates/TemplateDataForm/FormFields/DatetimeField.tsx +71 -64
  92. package/src/components/templates/DataEntryTemplates/TemplateDataForm/FormFields/FiltersPanel.tsx +237 -237
  93. package/src/components/templates/DataEntryTemplates/TemplateDataForm/FormFields/SystemLookupCombobox.tsx +56 -55
  94. package/src/components/templates/DataEntryTemplates/TemplateDataForm/FormFields/TemplateTextField.tsx +20 -17
  95. package/src/components/templates/DataEntryTemplates/TemplateDataForm/TemplateForm.tsx +431 -388
  96. package/src/components/templates/DataEntryTemplates/TemplateDataGrid/DataGridColumnsUtil.tsx +197 -189
  97. package/src/components/templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid.tsx +1044 -998
  98. package/src/components/templates/DataEntryTemplates/TemplateDataGrid/TemplateGridMultiRecordAction.tsx +89 -89
  99. package/src/components/templates/DataEntryTemplates/TemplateDataGrid/TemplateGridRecordAction.tsx +95 -95
  100. package/src/components/templates/DataEntryTemplates/TemplateDataGrid/TemplateGridTopBar.tsx +234 -227
  101. package/src/components/templates/TransferList.tsx +256 -257
  102. package/src/components/templates/Window/ConfirmationWindow.tsx +55 -55
  103. package/src/components/templates/attachment/AttachmentCard.tsx +141 -141
  104. package/src/components/templates/attachment/AttachmentImageViewer.tsx +85 -45
  105. package/src/components/templates/attachment/AttachmentPanel.tsx +285 -271
  106. package/src/components/templates/index.ts +35 -33
  107. package/src/components/templates/report/ExcelReportViewer.tsx +71 -72
  108. package/src/components/templates/report/ReportViewer.tsx +272 -383
  109. package/src/components/templates/visuals/DashboardRouteView.tsx +9 -9
  110. package/src/components/templates/visuals/DashboardViewer.tsx +192 -148
  111. package/src/components/templates/visuals/WidgetViewer.tsx +208 -198
  112. package/src/components/templates/visuals/charts/TemplateBarChart.tsx +23 -23
  113. package/src/components/templates/visuals/charts/TemplateDataCard.tsx +35 -35
  114. package/src/components/templates/visuals/charts/TemplateGauge.tsx +21 -21
  115. package/src/components/templates/visuals/charts/TemplateLineChart.tsx +22 -22
  116. package/src/components/templates/visuals/charts/TemplateLineProgress.tsx +42 -42
  117. package/src/components/templates/visuals/charts/TemplatePieChart.tsx +24 -24
  118. package/src/components/templates/workflow/WorkflowDocumentPanel.tsx +611 -606
  119. package/src/components/templates/workflow/WorkflowDocumentTimeLine.tsx +145 -140
  120. package/src/components/templates/workflow/WorkflowRouteComponent.tsx +14 -14
  121. package/src/examples/ExampleGrid.tsx +134 -0
  122. package/src/hooks/UseConfirmationWindow.tsx +56 -54
  123. package/src/hooks/UseMobile.tsx +13 -13
  124. package/src/hooks/UseSession.tsx +59 -40
  125. package/src/hooks/UseWindow.tsx +111 -107
  126. package/src/hooks/index.ts +22 -7
  127. package/src/hooks/useApiActions.ts +124 -124
  128. package/src/hooks/useAxios.tsx +340 -316
  129. package/src/hooks/useCommonStore.tsx +29 -0
  130. package/src/hooks/useInterval.tsx +23 -23
  131. package/src/hooks/useLoadingMask.tsx +16 -16
  132. package/src/hooks/useLookupGridColumn.tsx +35 -35
  133. package/src/hooks/useParameterPanel.tsx +159 -0
  134. package/src/index.ts +4 -4
  135. package/src/layout/DrawerHeader.tsx +10 -10
  136. package/src/layout/Layout.tsx +102 -90
  137. package/src/layout/MainContent.tsx +115 -114
  138. package/src/layout/MobileDrawer.tsx +103 -103
  139. package/src/layout/NavigationTree.tsx +309 -291
  140. package/src/layout/NotificationButton.tsx +207 -207
  141. package/src/layout/RouteWrapper.tsx +63 -36
  142. package/src/layout/SideBar.tsx +85 -85
  143. package/src/layout/TopBar.tsx +317 -217
  144. package/src/locales/arabic/adminLocalsAr.json +94 -93
  145. package/src/locales/arabic/common.json +44 -44
  146. package/src/locales/arabic/devLocalsAr.json +317 -317
  147. package/src/locales/arabic/index.ts +9 -9
  148. package/src/locales/english/adminLocalsEn.json +97 -96
  149. package/src/locales/english/common.json +43 -43
  150. package/src/locales/english/devLocalsEn.json +318 -318
  151. package/src/locales/english/index.ts +9 -9
  152. package/src/locales/i18n.ts +8 -8
  153. package/src/locales/index.ts +9 -9
  154. package/src/main.tsx +41 -23
  155. package/src/navigationItems/Administration/adminNavigationItems.tsx +231 -222
  156. package/src/navigationItems/Administration/index.tsx +16 -16
  157. package/src/navigationItems/common/CommonNavigationItems.tsx +12 -12
  158. package/src/navigationItems/common/index.tsx +7 -7
  159. package/src/navigationItems/index.tsx +35 -34
  160. package/src/redux/features/administration/AdministrationStoresMetaData.ts +164 -126
  161. package/src/redux/features/common/AppInfoSlice.ts +93 -63
  162. package/src/redux/features/common/AppLayoutSlice.ts +29 -29
  163. package/src/redux/features/common/CommonStoreSlice.ts +44 -44
  164. package/src/redux/features/common/LoadingMaskSlice.ts +30 -30
  165. package/src/redux/features/common/SideBarSlice.ts +27 -27
  166. package/src/redux/features/common/UserSessionSlice.ts +54 -54
  167. package/src/redux/store.ts +29 -29
  168. package/src/routes/administration/adminRoutes.tsx +99 -99
  169. package/src/routes/administration/devRoutes.tsx +129 -129
  170. package/src/routes/administration/index.ts +8 -8
  171. package/src/routes/index.ts +5 -11
  172. package/src/routes/types/index.ts +6 -5
  173. package/src/styles/index.css +19 -19
  174. package/src/types/index.ts +8 -2
  175. package/src/util/AppUtils.ts +73 -53
  176. package/src/util/constants.ts +6 -6
  177. package/src/util/index.ts +5 -2
  178. package/tsconfig.json +135 -135
  179. package/vite.config.ts +24 -23
@@ -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;
@@ -1,108 +1,108 @@
1
- import { useState } from "react";
2
- import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
3
- import { useApiActions } from "../../../hooks";
4
- import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
5
- import { useTranslation } from "react-i18next";
6
-
7
- const OrganizationUnitTypeGrid: React.FC = () => {
8
- const { t } = useTranslation();
9
- const [data, setData] = useState([]);
10
- const apiActions = useApiActions({
11
- commonStoreKey: "SystemOrganizationUnitType",
12
- deleteById: "api/v1/admin/organizationunittype",
13
- save: "api/v1/admin/organizationunittype",
14
- findById: "api/v1/admin/organizationunittype",
15
- setData: setData,
16
- });
17
-
18
- const formElements: Array<FormElementProps> = [
19
- {
20
- type: "field",
21
- mode: "props",
22
- props: {
23
- fieldLabel: "ORGANIZATION_UNIT_TYPE_ORGANIZATION_ID",
24
- hidden: true,
25
- gridProps: {
26
- hidden: true,
27
- },
28
- fieldName: "organizationId",
29
- required: false,
30
- fieldType: "number",
31
- },
32
- },
33
- {
34
- type: "field",
35
- mode: "props",
36
- props: {
37
- fieldLabel: "ORGANIZATION_UNIT_TYPE_ORGANIZATION_UNIT_TYPE_ORDER",
38
- fieldName: "organizationUnitTypeOrder",
39
- required: false,
40
- fieldType: "number",
41
- },
42
- },
43
- {
44
- type: "field",
45
- mode: "props",
46
- props: {
47
- fieldLabel: "ORGANIZATION_UNIT_TYPE_UNIT_TYPE_CODE",
48
- fieldName: "unitTypeCode",
49
- required: true,
50
- fieldType: "text",
51
- },
52
- },
53
- {
54
- type: "field",
55
- mode: "props",
56
- props: {
57
- fieldLabel: "ORGANIZATION_UNIT_TYPE_UNIT_TYPE_AR_NAME",
58
- fieldName: "unitTypeArName",
59
- required: true,
60
- fieldType: "text",
61
- },
62
- },
63
- {
64
- type: "field",
65
- mode: "props",
66
- props: {
67
- fieldLabel: "ORGANIZATION_UNIT_TYPE_UNIT_TYPE_EN_NAME",
68
- fieldName: "unitTypeEnName",
69
- required: true,
70
- fieldType: "text",
71
- },
72
- },
73
- {
74
- type: "field",
75
- mode: "props",
76
- props: {
77
- fieldLabel: "ORGANIZATION_UNIT_TYPE_IS_ACTIVE",
78
- fieldName: "isActive",
79
- required: false,
80
- fieldType: "checkbox",
81
- },
82
- },
83
- ];
84
-
85
- return (
86
- <TemplateGrid
87
- apiActions={apiActions}
88
- data={data}
89
- hideInfoBar={true}
90
- setData={setData}
91
- editMode={{ editMode: "row", reloadAfterSave: true }}
92
- formElements={formElements}
93
- keyColumnName={"id"}
94
- gridTitle="ORGANIZATION_UNIT_TYPE_PLURAL"
95
- girdIcon="tags"
96
- editAction={{
97
- isEnabled: true,
98
- authority: "ORGANIZATION_UNIT_TYPE_EDIT",
99
- }}
100
- deleteAction={{
101
- isEnabled: true,
102
- authority: "ORGANIZATION_UNIT_TYPE_DELETE",
103
- }}
104
- />
105
- );
106
- };
107
-
108
- export default OrganizationUnitTypeGrid;
1
+ import { useState } from "react";
2
+ import TemplateGrid from "../../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
3
+ import { useApiActions } from "../../../hooks";
4
+ import { FormElementProps } from "../../templates/DataEntryTemplates/DataEntryTypes";
5
+ import { useTranslation } from "react-i18next";
6
+
7
+ const OrganizationUnitTypeGrid: React.FC = () => {
8
+ const { t } = useTranslation();
9
+ const [data, setData] = useState([]);
10
+ const apiActions = useApiActions({
11
+ commonStoreKey: "SystemOrganizationUnitType",
12
+ deleteById: "api/v1/admin/organizationunittype",
13
+ save: "api/v1/admin/organizationunittype",
14
+ findById: "api/v1/admin/organizationunittype",
15
+ setData: setData,
16
+ });
17
+
18
+ const formElements: Array<FormElementProps> = [
19
+ {
20
+ type: "field",
21
+ mode: "props",
22
+ props: {
23
+ fieldLabel: "ORGANIZATION_UNIT_TYPE_ORGANIZATION_ID",
24
+ hidden: true,
25
+ gridProps: {
26
+ hidden: true,
27
+ },
28
+ fieldName: "organizationId",
29
+ required: false,
30
+ fieldType: "number",
31
+ },
32
+ },
33
+ {
34
+ type: "field",
35
+ mode: "props",
36
+ props: {
37
+ fieldLabel: "ORGANIZATION_UNIT_TYPE_ORGANIZATION_UNIT_TYPE_ORDER",
38
+ fieldName: "organizationUnitTypeOrder",
39
+ required: false,
40
+ fieldType: "number",
41
+ },
42
+ },
43
+ {
44
+ type: "field",
45
+ mode: "props",
46
+ props: {
47
+ fieldLabel: "ORGANIZATION_UNIT_TYPE_UNIT_TYPE_CODE",
48
+ fieldName: "unitTypeCode",
49
+ required: true,
50
+ fieldType: "text",
51
+ },
52
+ },
53
+ {
54
+ type: "field",
55
+ mode: "props",
56
+ props: {
57
+ fieldLabel: "ORGANIZATION_UNIT_TYPE_UNIT_TYPE_AR_NAME",
58
+ fieldName: "unitTypeArName",
59
+ required: true,
60
+ fieldType: "text",
61
+ },
62
+ },
63
+ {
64
+ type: "field",
65
+ mode: "props",
66
+ props: {
67
+ fieldLabel: "ORGANIZATION_UNIT_TYPE_UNIT_TYPE_EN_NAME",
68
+ fieldName: "unitTypeEnName",
69
+ required: true,
70
+ fieldType: "text",
71
+ },
72
+ },
73
+ {
74
+ type: "field",
75
+ mode: "props",
76
+ props: {
77
+ fieldLabel: "ORGANIZATION_UNIT_TYPE_IS_ACTIVE",
78
+ fieldName: "isActive",
79
+ required: false,
80
+ fieldType: "checkbox",
81
+ },
82
+ },
83
+ ];
84
+
85
+ return (
86
+ <TemplateGrid
87
+ apiActions={apiActions}
88
+ data={data}
89
+ hideInfoBar={true}
90
+ setData={setData}
91
+ editMode={{ editMode: "row", reloadAfterSave: true }}
92
+ formElements={formElements}
93
+ keyColumnName={"id"}
94
+ gridTitle="ORGANIZATION_UNIT_TYPE_PLURAL"
95
+ girdIcon="tags"
96
+ editAction={{
97
+ isEnabled: true,
98
+ authority: "ORGANIZATION_UNIT_TYPE_EDIT",
99
+ }}
100
+ deleteAction={{
101
+ isEnabled: true,
102
+ authority: "ORGANIZATION_UNIT_TYPE_DELETE",
103
+ }}
104
+ />
105
+ );
106
+ };
107
+
108
+ export default OrganizationUnitTypeGrid;