@creopse/react 0.0.12 → 0.0.13
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.
- package/dist/{index-jw_2nhs3.js → content-CM9eJ2st.js} +326 -6
- package/dist/{index-hI__ihu3.cjs → content-WeAhwlM_.cjs} +320 -0
- package/dist/hooks/index.cjs +7 -372
- package/dist/hooks/index.mjs +7 -372
- package/dist/index.cjs +202 -59
- package/dist/index.mjs +182 -39
- package/package.json +4 -2
- package/types/components/RootContainer/RootContainer.d.ts +1 -8
- package/types/components/RootContainer/index.d.ts +1 -1
- package/types/hooks/content.d.ts +1 -4
- package/types/hooks/setup.d.ts +7 -0
- package/types/index.d.ts +1 -1
package/dist/hooks/index.mjs
CHANGED
|
@@ -1,371 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { useContext, useMemo, useCallback, useState } from "react";
|
|
5
|
-
const useContent = () => {
|
|
6
|
-
const { request } = useApi();
|
|
7
|
-
const { fileUrl } = useHelper();
|
|
8
|
-
const props = useProps();
|
|
9
|
-
const page = usePage();
|
|
10
|
-
const resolveSections = useContext(ResolveSectionsContext);
|
|
11
|
-
const pageData = useMemo(
|
|
12
|
-
() => props.pageData,
|
|
13
|
-
[props.pageData]
|
|
14
|
-
);
|
|
15
|
-
const newsArticle = useMemo(
|
|
16
|
-
() => props.article,
|
|
17
|
-
[props.article]
|
|
18
|
-
);
|
|
19
|
-
const newsCategory = useMemo(
|
|
20
|
-
() => props.category,
|
|
21
|
-
[props.category]
|
|
22
|
-
);
|
|
23
|
-
const newsTag = useMemo(
|
|
24
|
-
() => props.tag,
|
|
25
|
-
[props.tag]
|
|
26
|
-
);
|
|
27
|
-
const contentModelItem = useMemo(
|
|
28
|
-
() => props.contentModelItem,
|
|
29
|
-
[props.contentModelItem]
|
|
30
|
-
);
|
|
31
|
-
const getSectionData = useCallback(
|
|
32
|
-
(key) => {
|
|
33
|
-
if (!key) return null;
|
|
34
|
-
const keyParts = key.split("__");
|
|
35
|
-
const slug = keyParts.length ? keyParts[0] : "";
|
|
36
|
-
const linkId = keyParts.length > 1 ? keyParts[1] : "";
|
|
37
|
-
return props.pageData?.sections?.find(
|
|
38
|
-
(section) => section.slug === slug && section.pivot?.linkId === linkId
|
|
39
|
-
)?.pivot?.data || null;
|
|
40
|
-
},
|
|
41
|
-
[props.pageData?.sections]
|
|
42
|
-
);
|
|
43
|
-
const getSectionRootData = useCallback(
|
|
44
|
-
(key) => getSectionData(key)?.index,
|
|
45
|
-
[getSectionData]
|
|
46
|
-
);
|
|
47
|
-
const getSectionSettings = useCallback(
|
|
48
|
-
(key) => {
|
|
49
|
-
if (!key) return null;
|
|
50
|
-
const keyParts = key.split("__");
|
|
51
|
-
const slug = keyParts.length ? keyParts[0] : "";
|
|
52
|
-
const linkId = keyParts.length > 1 ? keyParts[1] : "";
|
|
53
|
-
return props.pageData?.sections?.find(
|
|
54
|
-
(section) => section.slug === slug && section.pivot?.linkId === linkId
|
|
55
|
-
)?.pivot?.settings || null;
|
|
56
|
-
},
|
|
57
|
-
[props.pageData?.sections]
|
|
58
|
-
);
|
|
59
|
-
const getSectionSettingsGroup = useCallback(
|
|
60
|
-
(key, group) => {
|
|
61
|
-
const settings = getSectionSettings(key);
|
|
62
|
-
return settings?.[group];
|
|
63
|
-
},
|
|
64
|
-
[getSectionSettings]
|
|
65
|
-
);
|
|
66
|
-
const getSectionSetting = useCallback(
|
|
67
|
-
(key, group, name) => {
|
|
68
|
-
const settings = getSectionSettingsGroup(key, group);
|
|
69
|
-
return settings?.[name];
|
|
70
|
-
},
|
|
71
|
-
[getSectionSettingsGroup]
|
|
72
|
-
);
|
|
73
|
-
const getSectionsInOrder = useCallback(() => {
|
|
74
|
-
const sections = pageData?.sections;
|
|
75
|
-
const sectionsOrder = pageData?.sectionsOrder;
|
|
76
|
-
const sectionsOrdered = [];
|
|
77
|
-
if (Array.isArray(sections) && Array.isArray(sectionsOrder)) {
|
|
78
|
-
for (const section of sectionsOrder) {
|
|
79
|
-
if (section) {
|
|
80
|
-
const item = sections.find(
|
|
81
|
-
(value) => `${value.slug}__${value.pivot?.linkId}` === section
|
|
82
|
-
);
|
|
83
|
-
if (item) {
|
|
84
|
-
sectionsOrdered.push(item);
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
return sectionsOrdered.length ? sectionsOrdered : sections || [];
|
|
90
|
-
}, [pageData?.sections, pageData?.sectionsOrder]);
|
|
91
|
-
const getFinalPageSections = useCallback(() => {
|
|
92
|
-
const sections = getSectionsInOrder();
|
|
93
|
-
const sectionsDisabled = pageData?.sectionsDisabled;
|
|
94
|
-
return sections.filter((section) => {
|
|
95
|
-
return !sectionsDisabled?.includes(
|
|
96
|
-
`${section.slug}__${section.pivot?.linkId}`
|
|
97
|
-
);
|
|
98
|
-
});
|
|
99
|
-
}, [getSectionsInOrder, pageData?.sectionsDisabled]);
|
|
100
|
-
const getAnySectionData = useCallback(
|
|
101
|
-
async (sectionSlug, pageSlug, linkId = "default") => {
|
|
102
|
-
const task = await request({
|
|
103
|
-
url: `section-data/${sectionSlug}/source/${pageSlug}/link/${linkId}`
|
|
104
|
-
});
|
|
105
|
-
if (task.success && task.result) {
|
|
106
|
-
return task.result.data;
|
|
107
|
-
}
|
|
108
|
-
return null;
|
|
109
|
-
},
|
|
110
|
-
[request]
|
|
111
|
-
);
|
|
112
|
-
const getComponents = useCallback(() => {
|
|
113
|
-
const components = {};
|
|
114
|
-
if (!resolveSections) {
|
|
115
|
-
throw new Error("[@creopse/react] resolveSections is required");
|
|
116
|
-
}
|
|
117
|
-
const files = resolveSections();
|
|
118
|
-
for (const [key, value] of Object.entries(files)) {
|
|
119
|
-
const componentName = key.replace(/^\.\/(.*)\.\w+$/, "$1");
|
|
120
|
-
const parts = componentName.split("/");
|
|
121
|
-
const name = parts[parts.length - 1]?.split(".")[0];
|
|
122
|
-
components[name] = value.default;
|
|
123
|
-
}
|
|
124
|
-
return components;
|
|
125
|
-
}, [resolveSections]);
|
|
126
|
-
const getContentModel = useCallback(
|
|
127
|
-
(name) => {
|
|
128
|
-
return props?.contentModels?.find(
|
|
129
|
-
(contentModel) => contentModel.name === name
|
|
130
|
-
);
|
|
131
|
-
},
|
|
132
|
-
[props?.contentModels]
|
|
133
|
-
);
|
|
134
|
-
const formatContentModelItemData = useCallback(
|
|
135
|
-
(item) => {
|
|
136
|
-
const { index: _, ...rest } = item.contentModelData;
|
|
137
|
-
return {
|
|
138
|
-
...item,
|
|
139
|
-
data: {
|
|
140
|
-
...item.contentModelData?.index,
|
|
141
|
-
...rest
|
|
142
|
-
}
|
|
143
|
-
};
|
|
144
|
-
},
|
|
145
|
-
[]
|
|
146
|
-
);
|
|
147
|
-
const getContentModelItems = useCallback(
|
|
148
|
-
async (name, filterByIsActive = true) => {
|
|
149
|
-
const task = await request({
|
|
150
|
-
url: `content-model/items?contentModelName=${name}${filterByIsActive ? "&isActive=true" : ""}`
|
|
151
|
-
});
|
|
152
|
-
if (task.success && task.result) {
|
|
153
|
-
return (task.result.data || []).map(
|
|
154
|
-
(item) => formatContentModelItemData(item)
|
|
155
|
-
);
|
|
156
|
-
}
|
|
157
|
-
return [];
|
|
158
|
-
},
|
|
159
|
-
[request, formatContentModelItemData]
|
|
160
|
-
);
|
|
161
|
-
const getPaginatedContentModelItems = useCallback(
|
|
162
|
-
async (name, pageSize, filterByIsActive = true) => {
|
|
163
|
-
const task = await request({
|
|
164
|
-
url: `content-model/items?pageSize=${pageSize}&contentModelName=${name}${filterByIsActive ? "&isActive=true" : ""}`
|
|
165
|
-
});
|
|
166
|
-
if (task.success && task.result) {
|
|
167
|
-
const items = (task.result.data?.items || []).map(
|
|
168
|
-
(item) => formatContentModelItemData(item)
|
|
169
|
-
);
|
|
170
|
-
const total = task.result.data?.meta?.total || 0;
|
|
171
|
-
const currentPage = task.result.data?.meta?.currentPage || 1;
|
|
172
|
-
return {
|
|
173
|
-
items,
|
|
174
|
-
total,
|
|
175
|
-
currentPage
|
|
176
|
-
};
|
|
177
|
-
}
|
|
178
|
-
return {
|
|
179
|
-
items: [],
|
|
180
|
-
total: 0,
|
|
181
|
-
currentPage: 1
|
|
182
|
-
};
|
|
183
|
-
},
|
|
184
|
-
[request, formatContentModelItemData]
|
|
185
|
-
);
|
|
186
|
-
const getMenu = useCallback(
|
|
187
|
-
(name, filterByIsActive = true) => {
|
|
188
|
-
const menu = props?.menus?.find((menu2) => menu2.name === name);
|
|
189
|
-
if (menu) {
|
|
190
|
-
menu.items = cloneDeep(
|
|
191
|
-
menu.items?.filter((item) => !filterByIsActive || item.isActive)?.sort((a, b) => a.position - b.position)
|
|
192
|
-
);
|
|
193
|
-
}
|
|
194
|
-
return menu;
|
|
195
|
-
},
|
|
196
|
-
[props?.menus]
|
|
197
|
-
);
|
|
198
|
-
const getMenuByLocation = useCallback(
|
|
199
|
-
(name, filterByIsActive = true) => {
|
|
200
|
-
const menu = props?.menus?.find((menu2) => menu2.location?.name === name);
|
|
201
|
-
if (menu) {
|
|
202
|
-
menu.items = cloneDeep(
|
|
203
|
-
menu.items?.filter((item) => !filterByIsActive || item.isActive)?.sort((a, b) => a.position - b.position)
|
|
204
|
-
);
|
|
205
|
-
}
|
|
206
|
-
return menu;
|
|
207
|
-
},
|
|
208
|
-
[props?.menus]
|
|
209
|
-
);
|
|
210
|
-
const getMenuItems = useCallback(
|
|
211
|
-
(name, filterByIsVisible = true) => {
|
|
212
|
-
return getMenu(name)?.items?.filter((item) => !filterByIsVisible || item.isVisible)?.sort((a, b) => a.position - b.position);
|
|
213
|
-
},
|
|
214
|
-
[getMenu]
|
|
215
|
-
);
|
|
216
|
-
const getMenuItemById = useCallback(
|
|
217
|
-
(id) => {
|
|
218
|
-
const menuItems = [];
|
|
219
|
-
const menus = props?.menus || [];
|
|
220
|
-
menus.forEach((menu) => {
|
|
221
|
-
if (Array.isArray(menu.items)) menuItems.push(...menu.items);
|
|
222
|
-
});
|
|
223
|
-
return menuItems.find((item) => item.id === id);
|
|
224
|
-
},
|
|
225
|
-
[props?.menus]
|
|
226
|
-
);
|
|
227
|
-
const getMenuItemsByLocation = useCallback(
|
|
228
|
-
(name, filterByIsVisible = true) => {
|
|
229
|
-
return getMenuByLocation(name)?.items?.filter((item) => !filterByIsVisible || item.isVisible)?.sort((a, b) => a.position - b.position);
|
|
230
|
-
},
|
|
231
|
-
[getMenuByLocation]
|
|
232
|
-
);
|
|
233
|
-
const getMenuGroups = useCallback(
|
|
234
|
-
(name, byLocation = false, filterByIsVisible = true) => {
|
|
235
|
-
const groups = [];
|
|
236
|
-
const items = byLocation ? getMenuItemsByLocation(name, filterByIsVisible) : getMenuItems(name, filterByIsVisible);
|
|
237
|
-
if (items) {
|
|
238
|
-
for (const item of items) {
|
|
239
|
-
const groupAlreadyExists = groups.find(
|
|
240
|
-
(group) => group.id === item.menuItemGroupId
|
|
241
|
-
);
|
|
242
|
-
if (!groupAlreadyExists) {
|
|
243
|
-
const group = props?.menuItemGroups?.find(
|
|
244
|
-
(group2) => group2.id === item.menuItemGroupId
|
|
245
|
-
);
|
|
246
|
-
if (group) groups.push(group);
|
|
247
|
-
}
|
|
248
|
-
}
|
|
249
|
-
}
|
|
250
|
-
return groups;
|
|
251
|
-
},
|
|
252
|
-
[getMenuItems, getMenuItemsByLocation, props?.menuItemGroups]
|
|
253
|
-
);
|
|
254
|
-
const getMenuItemsByGroup = useCallback(
|
|
255
|
-
(name, groupId, byLocation = false, filterByIsVisible = true) => {
|
|
256
|
-
const items = byLocation ? getMenuItemsByLocation(name, filterByIsVisible) : getMenuItems(name, filterByIsVisible);
|
|
257
|
-
return items?.filter((item) => item.menuItemGroupId === groupId);
|
|
258
|
-
},
|
|
259
|
-
[getMenuItems, getMenuItemsByLocation]
|
|
260
|
-
);
|
|
261
|
-
const getMenuGroupedItems = useCallback(
|
|
262
|
-
(name, byLocation = false, filterByIsVisible = true) => {
|
|
263
|
-
const groups = getMenuGroups(name, byLocation);
|
|
264
|
-
return groups.map((group) => ({
|
|
265
|
-
group,
|
|
266
|
-
items: getMenuItemsByGroup(
|
|
267
|
-
name,
|
|
268
|
-
group.id || 0,
|
|
269
|
-
byLocation,
|
|
270
|
-
filterByIsVisible
|
|
271
|
-
)
|
|
272
|
-
}));
|
|
273
|
-
},
|
|
274
|
-
[getMenuGroups, getMenuItemsByGroup]
|
|
275
|
-
);
|
|
276
|
-
const getMenuUngroupedItems = useCallback(
|
|
277
|
-
(name, byLocation = false, filterByIsVisible = true) => {
|
|
278
|
-
const items = byLocation ? getMenuItemsByLocation(name, filterByIsVisible) : getMenuItems(name, filterByIsVisible);
|
|
279
|
-
return items?.filter((item) => !item.menuItemGroupId);
|
|
280
|
-
},
|
|
281
|
-
[getMenuItems, getMenuItemsByLocation]
|
|
282
|
-
);
|
|
283
|
-
const getAppInformationValue = useCallback(
|
|
284
|
-
(key, type = "string") => {
|
|
285
|
-
const appInformation = props.appInformation;
|
|
286
|
-
const setting = appInformation.find((s) => s.key === key);
|
|
287
|
-
let value = "";
|
|
288
|
-
switch (type) {
|
|
289
|
-
case "number":
|
|
290
|
-
value = setting && parseInt(setting.value) && !isNaN(parseInt(setting.value)) ? parseInt(setting.value) : 0;
|
|
291
|
-
break;
|
|
292
|
-
case "boolean":
|
|
293
|
-
value = setting && !isNaN(parseInt(setting.value)) && parseInt(setting.value) > 0;
|
|
294
|
-
break;
|
|
295
|
-
case "object":
|
|
296
|
-
value = setting && setting.value ? JSON.parse(setting.value) : {};
|
|
297
|
-
break;
|
|
298
|
-
case "array":
|
|
299
|
-
value = setting && setting.value ? JSON.parse(setting.value) : [];
|
|
300
|
-
break;
|
|
301
|
-
default:
|
|
302
|
-
value = setting && setting.value ? setting.value : "";
|
|
303
|
-
break;
|
|
304
|
-
}
|
|
305
|
-
return value;
|
|
306
|
-
},
|
|
307
|
-
[props.appInformation]
|
|
308
|
-
);
|
|
309
|
-
const appPrimaryColor = useMemo(() => {
|
|
310
|
-
const primaryColor = getAppInformationValue(
|
|
311
|
-
"primaryColor"
|
|
312
|
-
);
|
|
313
|
-
return primaryColor || "#005B97";
|
|
314
|
-
}, [getAppInformationValue]);
|
|
315
|
-
const appSecondaryColor = useMemo(() => {
|
|
316
|
-
const secondaryColor = getAppInformationValue(
|
|
317
|
-
"secondaryColor"
|
|
318
|
-
);
|
|
319
|
-
return secondaryColor || "#1E9CD7";
|
|
320
|
-
}, [getAppInformationValue]);
|
|
321
|
-
const appAccentColor = useMemo(() => {
|
|
322
|
-
const accentColor = getAppInformationValue("accentColor");
|
|
323
|
-
return accentColor || "#FF6501";
|
|
324
|
-
}, [getAppInformationValue]);
|
|
325
|
-
const icon = useMemo(() => {
|
|
326
|
-
const icon2 = getAppInformationValue("icon");
|
|
327
|
-
return fileUrl(icon2) || "";
|
|
328
|
-
}, [getAppInformationValue, fileUrl]);
|
|
329
|
-
const logo = useMemo(() => {
|
|
330
|
-
const logo2 = getAppInformationValue("logo");
|
|
331
|
-
return fileUrl(logo2) || "";
|
|
332
|
-
}, [getAppInformationValue, fileUrl]);
|
|
333
|
-
return {
|
|
334
|
-
logo,
|
|
335
|
-
icon,
|
|
336
|
-
page,
|
|
337
|
-
pageData,
|
|
338
|
-
newsArticle,
|
|
339
|
-
newsCategory,
|
|
340
|
-
newsTag,
|
|
341
|
-
contentModelItem,
|
|
342
|
-
getMenu,
|
|
343
|
-
getMenuByLocation,
|
|
344
|
-
getMenuItems,
|
|
345
|
-
getMenuItemById,
|
|
346
|
-
getMenuItemsByLocation,
|
|
347
|
-
getMenuGroups,
|
|
348
|
-
getMenuItemsByGroup,
|
|
349
|
-
getMenuGroupedItems,
|
|
350
|
-
getMenuUngroupedItems,
|
|
351
|
-
getSectionData,
|
|
352
|
-
getSectionSettings,
|
|
353
|
-
getSectionSettingsGroup,
|
|
354
|
-
getSectionSetting,
|
|
355
|
-
getAnySectionData,
|
|
356
|
-
getSectionsInOrder,
|
|
357
|
-
getFinalPageSections,
|
|
358
|
-
getSectionRootData,
|
|
359
|
-
getComponents,
|
|
360
|
-
getContentModel,
|
|
361
|
-
getContentModelItems,
|
|
362
|
-
getPaginatedContentModelItems,
|
|
363
|
-
getAppInformationValue,
|
|
364
|
-
appAccentColor,
|
|
365
|
-
appPrimaryColor,
|
|
366
|
-
appSecondaryColor
|
|
367
|
-
};
|
|
368
|
-
};
|
|
1
|
+
import { e as useApi } from "../content-CM9eJ2st.js";
|
|
2
|
+
import { f, a, u, b } from "../content-CM9eJ2st.js";
|
|
3
|
+
import { useState, useCallback } from "react";
|
|
369
4
|
const useNewsletter = () => {
|
|
370
5
|
const { request } = useApi();
|
|
371
6
|
const [isLoading, setIsLoading] = useState(false);
|
|
@@ -411,9 +46,9 @@ const useNewsletter = () => {
|
|
|
411
46
|
};
|
|
412
47
|
export {
|
|
413
48
|
useApi,
|
|
414
|
-
|
|
415
|
-
useContent,
|
|
416
|
-
useHelper,
|
|
49
|
+
f as useConfig,
|
|
50
|
+
a as useContent,
|
|
51
|
+
u as useHelper,
|
|
417
52
|
useNewsletter,
|
|
418
|
-
useProps
|
|
53
|
+
b as useProps
|
|
419
54
|
};
|