@edifice.io/react 2.2.11-develop-pedago.20250707151414 → 2.2.11-develop-enabling.20250710092201
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/components/Button/Button.d.ts +1 -1
- package/dist/components/Dropdown/Dropdown.d.ts +4 -10
- package/dist/components/Dropdown/Dropdown.js +8 -24
- package/dist/components/Layout/Layout.d.ts +1 -3
- package/dist/components/Layout/Layout.js +1 -3
- package/dist/components/SearchBar/SearchBar.d.ts +33 -9
- package/dist/components/SearchBar/SearchBar.js +30 -4
- package/dist/components/Tabs/components/Tabs.d.ts +3 -11
- package/dist/components/Tabs/components/Tabs.js +2 -4
- package/dist/components/Tabs/components/TabsList.d.ts +1 -7
- package/dist/components/Tabs/components/TabsList.js +2 -5
- package/dist/components/Tabs/components/TabsPanel.d.ts +1 -5
- package/dist/components/Tabs/components/TabsPanel.js +3 -7
- package/dist/hooks/useDropdown/useDropdown.d.ts +0 -2
- package/dist/hooks/useDropdown/useDropdown.js +0 -2
- package/dist/hooks/useLibraryUrl/useLibraryUrl.d.ts +1 -1
- package/dist/hooks/useLibraryUrl/useLibraryUrl.js +2 -2
- package/dist/icons-apps.js +174 -164
- package/dist/icons.js +198 -190
- package/dist/index.js +10 -12
- package/dist/modules/editor/components/Toolbar/TableToolbar.AddMenu.js +1 -1
- package/dist/modules/editor/components/Toolbar/TableToolbar.DelMenu.js +1 -1
- package/dist/modules/icons/components/IconLibrary.d.ts +7 -0
- package/dist/modules/icons/components/IconLibrary.js +12 -0
- package/dist/modules/icons/components/IconNotification.d.ts +7 -0
- package/dist/modules/icons/components/IconNotification.js +12 -0
- package/dist/modules/icons/components/IconStar.d.ts +7 -0
- package/dist/modules/icons/components/IconStar.js +13 -0
- package/dist/modules/icons/components/IconStarFavorite.d.ts +7 -0
- package/dist/modules/icons/components/IconStarFull.d.ts +7 -0
- package/dist/modules/icons/components/IconStarFull.js +13 -0
- package/dist/modules/icons/components/apps/IconAccount.js +2 -2
- package/dist/modules/icons/components/apps/IconActualites.js +2 -2
- package/dist/modules/icons/components/apps/IconAdmin.js +2 -2
- package/dist/modules/icons/components/apps/IconAgenda.js +3 -2
- package/dist/modules/icons/components/apps/IconAppointments.js +2 -2
- package/dist/modules/icons/components/apps/IconArchive.js +2 -2
- package/dist/modules/icons/components/apps/IconBlog.js +2 -2
- package/dist/modules/icons/components/apps/IconCahierDeTexte.js +2 -2
- package/dist/modules/icons/components/apps/IconCalendar.js +3 -2
- package/dist/modules/icons/components/apps/IconCollaborativeWall.js +2 -2
- package/dist/modules/icons/components/apps/IconCommunity.js +2 -2
- package/dist/modules/icons/components/apps/IconConversation.js +2 -2
- package/dist/modules/icons/components/apps/IconDirectory.js +2 -2
- package/dist/modules/icons/components/apps/IconEdt.d.ts +7 -0
- package/dist/modules/icons/components/apps/IconEdt.js +12 -0
- package/dist/modules/icons/components/apps/IconExercizer.js +2 -2
- package/dist/modules/icons/components/apps/IconForms.js +2 -6
- package/dist/modules/icons/components/apps/IconForum.js +2 -2
- package/dist/modules/icons/components/apps/IconGeogebra.d.ts +7 -0
- package/dist/modules/icons/components/apps/IconGeogebra.js +12 -0
- package/dist/modules/icons/components/apps/IconLibrary.js +2 -2
- package/dist/modules/icons/components/apps/IconMagneto.d.ts +7 -0
- package/dist/modules/icons/components/apps/IconMagneto.js +13 -0
- package/dist/modules/icons/components/apps/IconMediacentre.js +2 -2
- package/dist/modules/icons/components/apps/IconMindmap.js +2 -2
- package/dist/modules/icons/components/apps/IconMinetest.d.ts +7 -0
- package/dist/modules/icons/components/apps/IconMinetest.js +12 -0
- package/dist/modules/icons/components/apps/IconMinibadge.d.ts +7 -0
- package/dist/modules/icons/components/apps/IconMinibadge.js +12 -0
- package/dist/modules/icons/components/apps/IconMoodle.js +2 -2
- package/dist/modules/icons/components/apps/IconNabook.js +2 -4
- package/dist/modules/icons/components/apps/IconNotebook.js +2 -2
- package/dist/modules/icons/components/apps/IconPad.js +2 -2
- package/dist/modules/icons/components/apps/IconPages.js +2 -2
- package/dist/modules/icons/components/apps/IconParametrage.js +2 -2
- package/dist/modules/icons/components/apps/IconParametrages.js +2 -2
- package/dist/modules/icons/components/apps/IconPoll.js +2 -2
- package/dist/modules/icons/components/apps/IconPresences.js +2 -6
- package/dist/modules/icons/components/apps/IconRack.js +2 -2
- package/dist/modules/icons/components/apps/IconRbs.js +2 -2
- package/dist/modules/icons/components/apps/IconSchoolbook.js +2 -2
- package/dist/modules/icons/components/apps/IconScrapbook.js +2 -2
- package/dist/modules/icons/components/apps/IconSettingsClass.js +2 -2
- package/dist/modules/icons/components/apps/IconSharebigfiles.js +2 -2
- package/dist/modules/icons/components/apps/IconStatistics.js +2 -2
- package/dist/modules/icons/components/apps/IconSupport.js +2 -2
- package/dist/modules/icons/components/apps/IconTimeline.js +2 -2
- package/dist/modules/icons/components/apps/IconTimelinegenerator.js +2 -2
- package/dist/modules/icons/components/apps/IconUserbook.js +2 -2
- package/dist/modules/icons/components/apps/IconVisioconf.js +2 -2
- package/dist/modules/icons/components/apps/IconWebsite.js +2 -2
- package/dist/modules/icons/components/apps/IconWiki.js +3 -3
- package/dist/modules/icons/components/apps/IconWorkspace.js +2 -2
- package/dist/modules/icons/components/apps/index.d.ts +5 -0
- package/dist/modules/icons/components/index.d.ts +4 -0
- package/dist/modules/modals/OnboardingModal/OnboardingModal.d.ts +6 -4
- package/dist/modules/modals/OnboardingModal/OnboardingModal.js +27 -13
- package/dist/modules/modals/OnboardingModal/index.d.ts +1 -0
- package/dist/modules/modals/OnboardingModal/useOnboardingModal.js +4 -4
- package/dist/modules/multimedia/FileCard/FileCard.d.ts +2 -13
- package/dist/modules/multimedia/FileCard/FileCard.js +5 -15
- package/dist/modules/multimedia/FileCard/FileIcon.d.ts +1 -5
- package/dist/modules/multimedia/FileCard/FileIcon.js +2 -2
- package/dist/modules/multimedia/MediaLibrary/MediaLibrary.d.ts +1 -3
- package/dist/modules/multimedia/MediaLibrary/MediaLibrary.js +2 -7
- package/dist/modules/multimedia/index.d.ts +0 -1
- package/dist/multimedia.js +10 -12
- package/package.json +6 -6
|
@@ -3,9 +3,9 @@ const SvgIconVisioconf = ({
|
|
|
3
3
|
title,
|
|
4
4
|
titleId,
|
|
5
5
|
...props
|
|
6
|
-
}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg",
|
|
6
|
+
}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 50 50", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
|
|
7
7
|
title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
|
|
8
|
-
/* @__PURE__ */ jsx("path", { fill: "currentColor", d: "
|
|
8
|
+
/* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M17.385 9.223c.146 0 .264.28.264.624V38.29c0 .345-.118.624-.264.624-.145 0-.263-.279-.263-.624V9.847c0-.345.118-.624.263-.624m.163 10.256v.024c0 .14-.112.253-.251.253H5.83a.25.25 0 0 1-.252-.253v-.024c0-.14.113-.252.252-.252h11.467c.139 0 .251.113.251.252m-.231 9.512v.024c0 .139-.113.252-.252.252H5.598a.25.25 0 0 1-.252-.252v-.024c0-.14.113-.253.252-.253h11.467c.139 0 .252.113.252.253m-9.562 8.688c.019-.145.034-.292.06-.436.195-1.056.745-1.881 1.618-2.503.604.574 1.315.876 2.146.875.828 0 1.538-.3 2.148-.878.121.096.248.187.365.29a3.8 3.8 0 0 1 1.286 2.453l.027.2v.239H7.753q.002-.12.002-.24m4.005-7.43c.151.03.305.05.451.091a2.3 2.3 0 0 1-.456 4.505 2.296 2.296 0 0 1-2.433-1.89 2.296 2.296 0 0 1 1.779-2.655c.099-.023.2-.035.3-.051zm9.098 6.348c.052-.385.091-.773.159-1.154.517-2.793 1.972-4.977 4.281-6.622 1.597 1.518 3.48 2.319 5.678 2.315 2.19 0 4.068-.793 5.68-2.322.321.253.657.495.965.768 1.946 1.732 3.092 3.892 3.404 6.488.02.174.048.352.072.527v.634H20.855q.004-.317.003-.634M31.454 16.94c.4.079.806.13 1.194.241 2.372.662 4.127 2.767 4.372 5.227a6.086 6.086 0 0 1-5.578 6.69c-3.08.257-5.915-1.942-6.436-4.997-.562-3.266 1.474-6.31 4.704-7.027.261-.059.53-.09.795-.134zM7.74 28.49c.019-.145.034-.292.06-.436.195-1.056.745-1.881 1.618-2.503.604.574 1.315.876 2.146.875.828 0 1.538-.3 2.148-.878.121.096.248.187.365.29a3.8 3.8 0 0 1 1.287 2.453q.011.1.026.2v.239H7.738q.002-.12.002-.24m4.005-7.43c.151.03.305.05.451.091a2.3 2.3 0 0 1-.456 4.505 2.296 2.296 0 0 1-2.433-1.89 2.296 2.296 0 0 1 1.779-2.655c.099-.023.2-.035.3-.051zm-3.99-2.049c.019-.145.034-.292.06-.436.195-1.056.745-1.881 1.618-2.503.604.574 1.315.876 2.146.875.828 0 1.538-.3 2.148-.878.121.096.248.187.365.29a3.8 3.8 0 0 1 1.286 2.453l.027.2v.239H7.753q.002-.12.002-.24m4.005-7.43c.151.03.305.049.451.09a2.3 2.3 0 0 1-.456 4.505 2.296 2.296 0 0 1-2.433-1.888 2.296 2.296 0 0 1 1.779-2.657c.099-.022.2-.034.3-.05zM47 11.447v24.994c0 2.023-1.652 3.679-3.664 3.679H30.868c0 1.95 1.463 3.606 1.463 4.407A1.48 1.48 0 0 1 30.868 46H19.132a1.48 1.48 0 0 1-1.469-1.472c0-.85 1.469-2.412 1.469-4.413l-12.468.006C4.646 40.121 3 38.465 3 36.442V11.448a3.676 3.676 0 0 1 3.664-3.673h36.672A3.68 3.68 0 0 1 47 11.448M44.067 36.06V11.654c0-.5-.343-.94-.731-.94H6.664c-.388 0-.731.44-.731.94v24.405c0 .5.343.94.731.94h36.672c.388 0 .731-.44.731-.94M24.997 7.024a2.01 2.01 0 0 0 2.006-2.012A2.01 2.01 0 0 0 24.996 3a2.01 2.01 0 0 0-2.007 2.012 2.01 2.01 0 0 0 2.007 2.012m.009-3.564a.155.155 0 0 1 0 .31.155.155 0 0 1 0-.31m-.01.623a.928.928 0 0 1 0 1.858.928.928 0 0 1 0-1.858m0 1.393a.465.465 0 0 0 0-.928.465.465 0 0 0 0 .928m1.339 1.429c-.378.27-.842.429-1.339.429s-.96-.158-1.338-.43l-.366.577a.309.309 0 0 0 .26.475h2.89c.242 0 .39-.27.259-.475z" })
|
|
9
9
|
] });
|
|
10
10
|
export {
|
|
11
11
|
SvgIconVisioconf as default
|
|
@@ -3,9 +3,9 @@ const SvgIconWebsite = ({
|
|
|
3
3
|
title,
|
|
4
4
|
titleId,
|
|
5
5
|
...props
|
|
6
|
-
}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg",
|
|
6
|
+
}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 50 50", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
|
|
7
7
|
title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
|
|
8
|
-
/* @__PURE__ */ jsx("path", { fill: "currentColor", d: "
|
|
8
|
+
/* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M34.216 29.344c0 1.68.478 2.35 1.728 2.35 2.786 0 4.56-3.55 4.56-9.454 0-9.024-6.576-13.344-14.786-13.344-8.446 0-16.128 5.664-16.128 16.368 0 10.224 6.72 15.792 17.04 15.792 3.504 0 5.856-.384 9.454-1.584l.772 3.214c-3.552 1.154-7.348 1.488-10.274 1.488-13.536 0-20.786-7.44-20.786-18.912 0-11.568 8.402-19.44 19.97-19.44 12.048 0 18.43 7.2 18.43 16.032 0 7.488-2.35 13.2-9.742 13.2-3.362 0-5.568-1.344-5.856-4.322-.864 3.312-3.168 4.322-6.29 4.322-4.176 0-7.68-3.218-7.68-9.696 0-6.528 3.074-10.56 8.594-10.56 2.928 0 4.752 1.152 5.564 2.976l1.394-2.544h4.032v14.114zm-5.902-6.336c0-2.638-1.97-3.744-3.602-3.744-1.776 0-3.742 1.438-3.742 5.664 0 3.36 1.488 5.232 3.742 5.232 1.584 0 3.602-1.008 3.602-3.792z" })
|
|
9
9
|
] });
|
|
10
10
|
export {
|
|
11
11
|
SvgIconWebsite as default
|
|
@@ -3,10 +3,10 @@ const SvgIconWiki = ({
|
|
|
3
3
|
title,
|
|
4
4
|
titleId,
|
|
5
5
|
...props
|
|
6
|
-
}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0
|
|
6
|
+
}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 50 50", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
|
|
7
7
|
title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
|
|
8
|
-
/* @__PURE__ */ jsx("path", { fill: "currentColor", d: "
|
|
9
|
-
/* @__PURE__ */ jsx("path", { fill: "currentColor", d: "
|
|
8
|
+
/* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M15.503 29.741c-1.76 0-3.292.195-4.539.435a1.252 1.252 0 1 1-.473-2.46 26.5 26.5 0 0 1 5.012-.479c1.979 0 3.706.214 5.105.479a1.252 1.252 0 0 1-.466 2.46 25 25 0 0 0-4.639-.435M10.964 20.18a24 24 0 0 1 4.539-.435c1.798 0 3.367.195 4.639.435a1.252 1.252 0 0 0 .466-2.46 27.5 27.5 0 0 0-5.105-.48c-1.945 0-3.637.215-5.012.48a1.252 1.252 0 0 0 .473 2.46" }),
|
|
9
|
+
/* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M34.73 6.45a39.6 39.6 0 0 1 10.395 1.331c.564.15.957.661.957 1.245v3.085h.697c.674 0 1.221.547 1.221 1.221V42.78a1.22 1.22 0 0 1-1.524 1.183 42.4 42.4 0 0 0-10.908-1.297h-.002a43 43 0 0 0-10.164 1.298c-.166.042-.34.048-.51.019a62.6 62.6 0 0 0-10.18-.92 63.4 63.4 0 0 0-11.283.92A1.22 1.22 0 0 1 2 42.78V13.333c0-.675.547-1.222 1.221-1.222h.841V9.026c0-.594.406-1.11.983-1.252a43 43 0 0 1 9.747-1.215 42.5 42.5 0 0 1 10.26 1.139A39.7 39.7 0 0 1 34.73 6.45m-10.952 3.6a40 40 0 0 0-8.958-.915h-.002c-3.2.03-5.973.437-8.18.916v28.861a47 47 0 0 1 8.15-.813c3.62-.05 6.517.325 8.99.808zm2.577 28.776a40 40 0 0 1 8.455-1.003c3.457-.03 6.416.44 8.696.992V10.03a37 37 0 0 0-3.307-.63v11.703a.918.918 0 0 1-1.323.83l-2.707-1.31a.88.88 0 0 0-.83.011l-2.273 1.215a.927.927 0 0 1-1.36-.818V9.168a37 37 0 0 0-5.351.861z", clipRule: "evenodd" })
|
|
10
10
|
] });
|
|
11
11
|
export {
|
|
12
12
|
SvgIconWiki as default
|
|
@@ -3,9 +3,9 @@ const SvgIconWorkspace = ({
|
|
|
3
3
|
title,
|
|
4
4
|
titleId,
|
|
5
5
|
...props
|
|
6
|
-
}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg",
|
|
6
|
+
}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 50 50", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
|
|
7
7
|
title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
|
|
8
|
-
/* @__PURE__ */ jsx("path", { fill: "currentColor", d: "
|
|
8
|
+
/* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M45.6 20.46v17.43a5.6 5.6 0 0 1-5.54 5.54H9.94A5.3 5.3 0 0 1 6 41.79a5.3 5.3 0 0 1-1.64-3.9V14.11A5.3 5.3 0 0 1 6 10.21a5.3 5.3 0 0 1 3.9-1.64h7.94a5.3 5.3 0 0 1 3.9 1.64 5.3 5.3 0 0 1 1.65 3.9v.8h16.67a5.6 5.6 0 0 1 5.54 5.55" })
|
|
9
9
|
] });
|
|
10
10
|
export {
|
|
11
11
|
SvgIconWorkspace as default
|
|
@@ -33,6 +33,7 @@ export { default as IconConnecteurGenerique1 } from './IconConnecteurGenerique1'
|
|
|
33
33
|
export { default as IconConnecteurGenerique2 } from './IconConnecteurGenerique2';
|
|
34
34
|
export { default as IconConversation } from './IconConversation';
|
|
35
35
|
export { default as IconDirectory } from './IconDirectory';
|
|
36
|
+
export { default as IconEdt } from './IconEdt';
|
|
36
37
|
export { default as IconEducagri } from './IconEducagri';
|
|
37
38
|
export { default as IconEdumedia } from './IconEdumedia';
|
|
38
39
|
export { default as IconEdumoov } from './IconEdumoov';
|
|
@@ -44,6 +45,7 @@ export { default as IconEuropress } from './IconEuropress';
|
|
|
44
45
|
export { default as IconExercizer } from './IconExercizer';
|
|
45
46
|
export { default as IconForms } from './IconForms';
|
|
46
47
|
export { default as IconForum } from './IconForum';
|
|
48
|
+
export { default as IconGeogebra } from './IconGeogebra';
|
|
47
49
|
export { default as IconGepi } from './IconGepi';
|
|
48
50
|
export { default as IconGlpi } from './IconGlpi';
|
|
49
51
|
export { default as IconHiboutheque } from './IconHiboutheque';
|
|
@@ -55,10 +57,13 @@ export { default as IconLesechos } from './IconLesechos';
|
|
|
55
57
|
export { default as IconLibrary } from './IconLibrary';
|
|
56
58
|
export { default as IconLsu } from './IconLsu';
|
|
57
59
|
export { default as IconMadmagz } from './IconMadmagz';
|
|
60
|
+
export { default as IconMagneto } from './IconMagneto';
|
|
58
61
|
export { default as IconMatholycee } from './IconMatholycee';
|
|
59
62
|
export { default as IconMaxicours } from './IconMaxicours';
|
|
60
63
|
export { default as IconMediacentre } from './IconMediacentre';
|
|
61
64
|
export { default as IconMindmap } from './IconMindmap';
|
|
65
|
+
export { default as IconMinetest } from './IconMinetest';
|
|
66
|
+
export { default as IconMinibadge } from './IconMinibadge';
|
|
62
67
|
export { default as IconMonorientationenligne } from './IconMonorientationenligne';
|
|
63
68
|
export { default as IconMonstageenligne } from './IconMonstageenligne';
|
|
64
69
|
export { default as IconMoodle } from './IconMoodle';
|
|
@@ -68,6 +68,7 @@ export { default as IconInbox } from './IconInbox';
|
|
|
68
68
|
export { default as IconInfoCircle } from './IconInfoCircle';
|
|
69
69
|
export { default as IconInfoRectangle } from './IconInfoRectangle';
|
|
70
70
|
export { default as IconLandscape } from './IconLandscape';
|
|
71
|
+
export { default as IconLibrary } from './IconLibrary';
|
|
71
72
|
export { default as IconLink } from './IconLink';
|
|
72
73
|
export { default as IconListOrder } from './IconListOrder';
|
|
73
74
|
export { default as IconLoader } from './IconLoader';
|
|
@@ -81,6 +82,7 @@ export { default as IconMic } from './IconMic';
|
|
|
81
82
|
export { default as IconMinus } from './IconMinus';
|
|
82
83
|
export { default as IconMove } from './IconMove';
|
|
83
84
|
export { default as IconNoColors } from './IconNoColors';
|
|
85
|
+
export { default as IconNotification } from './IconNotification';
|
|
84
86
|
export { default as IconOptions } from './IconOptions';
|
|
85
87
|
export { default as IconOrderedList } from './IconOrderedList';
|
|
86
88
|
export { default as IconPaperclip } from './IconPaperclip';
|
|
@@ -128,6 +130,8 @@ export { default as IconSortTime } from './IconSortTime';
|
|
|
128
130
|
export { default as IconSpeechToText } from './IconSpeechToText';
|
|
129
131
|
export { default as IconSplitCells } from './IconSplitCells';
|
|
130
132
|
export { default as IconSquareRoot } from './IconSquareRoot';
|
|
133
|
+
export { default as IconStarFull } from './IconStarFull';
|
|
134
|
+
export { default as IconStar } from './IconStar';
|
|
131
135
|
export { default as IconSubscript } from './IconSubscript';
|
|
132
136
|
export { default as IconSuccessFill } from './IconSuccessFill';
|
|
133
137
|
export { default as IconSuccessOutline } from './IconSuccessOutline';
|
|
@@ -34,13 +34,15 @@ interface ModalOptionsProps {
|
|
|
34
34
|
*/
|
|
35
35
|
closeText?: string;
|
|
36
36
|
}
|
|
37
|
+
export interface OnboardingModalRef {
|
|
38
|
+
setIsOpen: (isOpen: boolean) => void;
|
|
39
|
+
handleSavePreference: () => void;
|
|
40
|
+
}
|
|
37
41
|
interface OnboardingProps {
|
|
38
42
|
id: string;
|
|
39
43
|
items: ModalItemsProps[];
|
|
40
44
|
modalOptions?: ModalOptionsProps;
|
|
45
|
+
isOnboardingChange?: (isOnboarding: boolean) => void;
|
|
41
46
|
}
|
|
42
|
-
declare const OnboardingModal:
|
|
43
|
-
({ id, items, modalOptions }: OnboardingProps): import('react').ReactPortal | null;
|
|
44
|
-
displayName: string;
|
|
45
|
-
};
|
|
47
|
+
declare const OnboardingModal: import('react').ForwardRefExoticComponent<OnboardingProps & import('react').RefAttributes<OnboardingModalRef>>;
|
|
46
48
|
export default OnboardingModal;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useState, useEffect } from "react";
|
|
2
|
+
import { forwardRef, useState, useImperativeHandle, useEffect } from "react";
|
|
3
3
|
import { createPortal } from "react-dom";
|
|
4
4
|
import { useTranslation } from "react-i18next";
|
|
5
5
|
import { Pagination } from "swiper/modules";
|
|
@@ -8,11 +8,12 @@ import { useOnboardingModal } from "./useOnboardingModal.js";
|
|
|
8
8
|
import Modal from "../../../components/Modal/Modal.js";
|
|
9
9
|
import Image from "../../../components/Image/Image.js";
|
|
10
10
|
import Button from "../../../components/Button/Button.js";
|
|
11
|
-
const OnboardingModal = ({
|
|
11
|
+
const OnboardingModal = /* @__PURE__ */ forwardRef(({
|
|
12
12
|
id,
|
|
13
13
|
items,
|
|
14
|
-
modalOptions = {}
|
|
15
|
-
|
|
14
|
+
modalOptions = {},
|
|
15
|
+
isOnboardingChange
|
|
16
|
+
}, ref) => {
|
|
16
17
|
var _a;
|
|
17
18
|
const [swiperInstance, setSwiperInstance] = useState(), [swiperProgress, setSwiperprogress] = useState(0), {
|
|
18
19
|
isOpen,
|
|
@@ -20,7 +21,12 @@ const OnboardingModal = ({
|
|
|
20
21
|
setIsOpen,
|
|
21
22
|
handleSavePreference
|
|
22
23
|
} = useOnboardingModal(id);
|
|
23
|
-
|
|
24
|
+
useImperativeHandle(ref, () => ({
|
|
25
|
+
setIsOpen,
|
|
26
|
+
handleSavePreference
|
|
27
|
+
})), useEffect(() => {
|
|
28
|
+
isOnboardingChange && isOnboardingChange(isOnboarding);
|
|
29
|
+
}, [isOnboarding, isOnboardingChange]), useEffect(() => {
|
|
24
30
|
const link = document.createElement("link");
|
|
25
31
|
return link.href = "https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css", link.rel = "stylesheet", link.type = "text/css", document.head.appendChild(link), () => {
|
|
26
32
|
document.head.removeChild(link);
|
|
@@ -33,9 +39,13 @@ const OnboardingModal = ({
|
|
|
33
39
|
prevText,
|
|
34
40
|
closeText,
|
|
35
41
|
nextText
|
|
36
|
-
} = modalOptions, currentTitle = (swiperInstance == null ? void 0 : swiperInstance.activeIndex) != null && ((_a = items[swiperInstance == null ? void 0 : swiperInstance.activeIndex]) != null && _a.title) ? items[swiperInstance.activeIndex].title : title
|
|
37
|
-
|
|
38
|
-
|
|
42
|
+
} = modalOptions, currentTitle = (swiperInstance == null ? void 0 : swiperInstance.activeIndex) != null && ((_a = items[swiperInstance == null ? void 0 : swiperInstance.activeIndex]) != null && _a.title) ? items[swiperInstance.activeIndex].title : title, handleCloseWithPreference = () => {
|
|
43
|
+
handleSavePreference(), setSwiperprogress(0);
|
|
44
|
+
}, handleCloseWithoutPreference = () => {
|
|
45
|
+
setIsOpen(!1), setSwiperprogress(0);
|
|
46
|
+
};
|
|
47
|
+
return /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { id: "onboarding-modal", size: "md", isOpen, focusId: "nextButtonId", onModalClose: handleCloseWithoutPreference, children: [
|
|
48
|
+
/* @__PURE__ */ jsx(Modal.Header, { onModalClose: handleCloseWithoutPreference, children: t(currentTitle || "explorer.modal.onboarding.trash.title") }),
|
|
39
49
|
/* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx(Swiper, { modules: [Pagination], onSwiper: (swiper) => {
|
|
40
50
|
setSwiperInstance(swiper);
|
|
41
51
|
}, onSlideChange: (swiper) => {
|
|
@@ -44,16 +54,20 @@ const OnboardingModal = ({
|
|
|
44
54
|
clickable: !0
|
|
45
55
|
}, children: items.map((item, index) => /* @__PURE__ */ jsxs(SwiperSlide, { children: [
|
|
46
56
|
/* @__PURE__ */ jsx(Image, { width: "270", height: "140", className: "mx-auto my-12", loading: "lazy", src: item.src, alt: t(item.alt) }),
|
|
47
|
-
/* @__PURE__ */ jsx("p", { className: "text-center",
|
|
57
|
+
/* @__PURE__ */ jsx("p", { className: "text-center", dangerouslySetInnerHTML: {
|
|
58
|
+
__html: t(item.text)
|
|
59
|
+
} })
|
|
48
60
|
] }, index)) }) }),
|
|
49
61
|
/* @__PURE__ */ jsxs(Modal.Footer, { children: [
|
|
50
|
-
/* @__PURE__ */ jsx(Button, { type: "button", color: "tertiary", variant: "ghost", onClick:
|
|
62
|
+
/* @__PURE__ */ jsx(Button, { type: "button", color: "tertiary", variant: "ghost", onClick: handleCloseWithoutPreference, children: t("explorer.modal.onboarding.trash.later") }),
|
|
51
63
|
swiperProgress > 0 && /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "outline", onClick: () => swiperInstance.slidePrev(), children: t(prevText || "explorer.modal.onboarding.trash.prev") }),
|
|
52
64
|
swiperProgress < 1 && /* @__PURE__ */ jsx(Button, { id: "nextButtonId", type: "button", color: "primary", variant: "filled", onClick: () => swiperInstance.slideNext(), children: t(nextText || "explorer.modal.onboarding.trash.next") }),
|
|
53
|
-
swiperProgress === 1 && /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "filled", onClick:
|
|
65
|
+
swiperProgress === 1 && /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "filled", onClick: () => {
|
|
66
|
+
isOnboarding ? handleCloseWithPreference() : handleCloseWithoutPreference();
|
|
67
|
+
}, children: t(closeText || "explorer.modal.onboarding.trash.close") })
|
|
54
68
|
] })
|
|
55
|
-
] }), document.getElementById("portal"))
|
|
56
|
-
};
|
|
69
|
+
] }), document.getElementById("portal"));
|
|
70
|
+
});
|
|
57
71
|
export {
|
|
58
72
|
OnboardingModal as default
|
|
59
73
|
};
|
|
@@ -3,7 +3,7 @@ import { odeServices } from "@edifice.io/client";
|
|
|
3
3
|
const getOnboardingTrash = async (key) => await odeServices.conf().getPreference(key), saveOnboardingTrash = async (key) => await odeServices.conf().savePreference(key, JSON.stringify({
|
|
4
4
|
key: !1
|
|
5
5
|
})), useOnboardingModal = (id) => {
|
|
6
|
-
const [isOpen, setIsOpen] = useState(!
|
|
6
|
+
const [isOpen, setIsOpen] = useState(!1), [isOnboarding, setIsOnboarding] = useState(!1);
|
|
7
7
|
return useEffect(() => {
|
|
8
8
|
(async () => {
|
|
9
9
|
const response = await getOnboardingTrash(id);
|
|
@@ -11,17 +11,17 @@ const getOnboardingTrash = async (key) => await odeServices.conf().getPreference
|
|
|
11
11
|
const {
|
|
12
12
|
key
|
|
13
13
|
} = response;
|
|
14
|
-
setIsOnboarding(key);
|
|
14
|
+
key === !0 && setIsOpen(!0), setIsOnboarding(key);
|
|
15
15
|
return;
|
|
16
16
|
}
|
|
17
|
-
setIsOnboarding(!0);
|
|
17
|
+
setIsOnboarding(!0), setIsOpen(!0);
|
|
18
18
|
})();
|
|
19
19
|
}, [id]), {
|
|
20
20
|
isOpen,
|
|
21
21
|
setIsOpen,
|
|
22
22
|
isOnboarding,
|
|
23
23
|
handleSavePreference: async () => {
|
|
24
|
-
await saveOnboardingTrash(id), setIsOpen(!1);
|
|
24
|
+
await saveOnboardingTrash(id), setIsOpen(!1), setIsOnboarding(!1);
|
|
25
25
|
}
|
|
26
26
|
};
|
|
27
27
|
};
|
|
@@ -1,24 +1,13 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
1
|
import { WorkspaceElement } from '@edifice.io/client';
|
|
3
2
|
import { CardProps } from '../../../components';
|
|
4
3
|
export interface FileCardProps extends CardProps {
|
|
5
4
|
/**
|
|
6
5
|
* WorkspaceElement
|
|
7
|
-
*/
|
|
6
|
+
* */
|
|
8
7
|
doc: WorkspaceElement;
|
|
9
|
-
/**
|
|
10
|
-
* Custom icon to override the default based on file type
|
|
11
|
-
* Can be a string or a React node
|
|
12
|
-
*/
|
|
13
|
-
customIcon?: ReactNode;
|
|
14
|
-
/**
|
|
15
|
-
* Custom color class to override the default based on file type
|
|
16
|
-
* Example: "bg-purple-300" or any valid CSS class
|
|
17
|
-
*/
|
|
18
|
-
customColor?: string;
|
|
19
8
|
}
|
|
20
9
|
declare const FileCard: {
|
|
21
|
-
({ doc, isClickable, isSelectable, isSelected, onClick, className,
|
|
10
|
+
({ doc, isClickable, isSelectable, isSelected, onClick, className, }: FileCardProps): import("react/jsx-runtime").JSX.Element;
|
|
22
11
|
displayName: string;
|
|
23
12
|
};
|
|
24
13
|
export default FileCard;
|
|
@@ -15,21 +15,11 @@ const FileCard = ({
|
|
|
15
15
|
isSelectable = !1,
|
|
16
16
|
isSelected = !1,
|
|
17
17
|
onClick,
|
|
18
|
-
className
|
|
19
|
-
onSelect,
|
|
20
|
-
isFocused,
|
|
21
|
-
app,
|
|
22
|
-
customIcon,
|
|
23
|
-
customColor
|
|
18
|
+
className
|
|
24
19
|
}) => {
|
|
20
|
+
var _a;
|
|
25
21
|
const ref = useRef(null), type = DocumentHelper.getRole(doc);
|
|
26
22
|
function getRoleMap(type2) {
|
|
27
|
-
if (customIcon !== void 0 || customColor !== void 0)
|
|
28
|
-
return {
|
|
29
|
-
icon: customIcon || /* @__PURE__ */ jsx(SvgIconTextPage, { width: 22, height: 22 }),
|
|
30
|
-
color: customColor || "bg-gray-300",
|
|
31
|
-
hasShadow: !1
|
|
32
|
-
};
|
|
33
23
|
const roleMappings = {
|
|
34
24
|
csv: {
|
|
35
25
|
icon: ".CSV",
|
|
@@ -82,17 +72,17 @@ const FileCard = ({
|
|
|
82
72
|
};
|
|
83
73
|
return roleMappings[type2] || roleMappings.unknown;
|
|
84
74
|
}
|
|
85
|
-
const
|
|
75
|
+
const file = clsx("file position-relative rounded", ((_a = getRoleMap(type ?? "default")) == null ? void 0 : _a.color) ?? "bg-yellow-200"), mediaSrc = type === "img" || type === "video" ? odeServices.workspace().getThumbnailUrl(doc) : null, hasThumbnail = useThumbnail(mediaSrc, {
|
|
86
76
|
ref
|
|
87
77
|
}), imageStyles = hasThumbnail && {
|
|
88
78
|
backgroundImage: `url(${mediaSrc})`,
|
|
89
79
|
backgroundSize: "cover"
|
|
90
80
|
};
|
|
91
|
-
return /* @__PURE__ */ jsx(Card, { className: clsx("card-file", className), isClickable, isSelectable, isSelected, onClick,
|
|
81
|
+
return /* @__PURE__ */ jsx(Card, { className: clsx("card-file", className), isClickable, isSelectable, isSelected, onClick, children: /* @__PURE__ */ jsxs(Card.Body, { space: "8", children: [
|
|
92
82
|
/* @__PURE__ */ jsx("div", { ref, className: file, style: {
|
|
93
83
|
aspectRatio: "16/10",
|
|
94
84
|
...imageStyles
|
|
95
|
-
}, children: type !== "img" || type === "img" && !hasThumbnail ? /* @__PURE__ */ jsx(FileIcon, { type, roleMap }) : null }),
|
|
85
|
+
}, children: type !== "img" || type === "img" && !hasThumbnail ? /* @__PURE__ */ jsx(FileIcon, { type, roleMap: getRoleMap(type) }) : null }),
|
|
96
86
|
/* @__PURE__ */ jsxs("div", { className: "mt-4", children: [
|
|
97
87
|
/* @__PURE__ */ jsx(Card.Text, { children: doc.name }),
|
|
98
88
|
/* @__PURE__ */ jsx(Card.Text, { className: "text-black-50", children: doc == null ? void 0 : doc.ownerName })
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
import { Role } from '@edifice.io/client';
|
|
2
2
|
declare const FileIcon: ({ type, roleMap, }: {
|
|
3
3
|
type: Role | "unknown";
|
|
4
|
-
roleMap?:
|
|
5
|
-
icon: React.ReactNode | string;
|
|
6
|
-
color: string;
|
|
7
|
-
hasShadow?: boolean;
|
|
8
|
-
};
|
|
4
|
+
roleMap?: Record<string, string | JSX.Element>;
|
|
9
5
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
10
6
|
export default FileIcon;
|
|
@@ -5,8 +5,8 @@ const FileIcon = ({
|
|
|
5
5
|
type,
|
|
6
6
|
roleMap
|
|
7
7
|
}) => {
|
|
8
|
-
const
|
|
9
|
-
"p-12 rounded-circle shadow":
|
|
8
|
+
const hasNoShadow = typeof (roleMap == null ? void 0 : roleMap.icon) != "string" && type !== "unknown", fileicon = clsx("position-absolute top-50 start-50 translate-middle", {
|
|
9
|
+
"p-12 rounded-circle shadow": hasNoShadow
|
|
10
10
|
}, roleMap == null ? void 0 : roleMap.color);
|
|
11
11
|
return /* @__PURE__ */ jsx("div", { className: fileicon, children: (roleMap == null ? void 0 : roleMap.icon) ?? /* @__PURE__ */ jsx(SvgIconPaperclip, {}) });
|
|
12
12
|
};
|
|
@@ -35,9 +35,7 @@ export type MediaLibraryType =
|
|
|
35
35
|
/** Embedded websites */
|
|
36
36
|
| 'embedder'
|
|
37
37
|
/** Hyperlinks */
|
|
38
|
-
| 'hyperlink'
|
|
39
|
-
/** Studio mode for recording audio and video */
|
|
40
|
-
| 'studio';
|
|
38
|
+
| 'hyperlink';
|
|
41
39
|
export interface MediaLibraryRef {
|
|
42
40
|
/** Open the Media Library on given type. */
|
|
43
41
|
show: (type: MediaLibraryType) => void;
|
|
@@ -56,11 +56,6 @@ const orderedTabs = [
|
|
|
56
56
|
embedder: {
|
|
57
57
|
title: "bbm.embed.modal.title",
|
|
58
58
|
defaultTab: "iframe"
|
|
59
|
-
},
|
|
60
|
-
// Add studio type with video-capture as default tab
|
|
61
|
-
studio: {
|
|
62
|
-
title: "bbm.studio.modal.title",
|
|
63
|
-
defaultTab: "audio-capture"
|
|
64
59
|
}
|
|
65
60
|
}, MediaLibrary = /* @__PURE__ */ forwardRef(({
|
|
66
61
|
appCode,
|
|
@@ -106,7 +101,7 @@ const orderedTabs = [
|
|
|
106
101
|
icon: /* @__PURE__ */ jsx(SvgIconRecordVideo, {}),
|
|
107
102
|
label: t("bbm.video"),
|
|
108
103
|
content: /* @__PURE__ */ jsx(InnerTabs.Video, {}),
|
|
109
|
-
availableFor: ["video"
|
|
104
|
+
availableFor: ["video"],
|
|
110
105
|
isEnable: () => !!videoCaptureWorkflow
|
|
111
106
|
},
|
|
112
107
|
"audio-capture": {
|
|
@@ -114,7 +109,7 @@ const orderedTabs = [
|
|
|
114
109
|
icon: /* @__PURE__ */ jsx(SvgIconMic, {}),
|
|
115
110
|
label: t("bbm.audio"),
|
|
116
111
|
content: /* @__PURE__ */ jsx(InnerTabs.Audio, {}),
|
|
117
|
-
availableFor: ["audio"
|
|
112
|
+
availableFor: ["audio"],
|
|
118
113
|
isEnable: () => !!workspaceCreateWorkflow
|
|
119
114
|
},
|
|
120
115
|
"external-link": {
|
package/dist/multimedia.js
CHANGED
|
@@ -2,25 +2,23 @@ import { default as default2 } from "./modules/multimedia/AudioRecorder/AudioRec
|
|
|
2
2
|
import { default as default3 } from "./modules/multimedia/Embed/Embed.js";
|
|
3
3
|
import { default as default4 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
|
|
4
4
|
import { default as default5 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
|
|
5
|
-
import { default as default6 } from "./modules/multimedia/
|
|
6
|
-
import { default as default7 } from "./modules/multimedia/
|
|
7
|
-
import { default as default8 } from "./modules/multimedia/
|
|
8
|
-
import { default as default9 } from "./modules/multimedia/
|
|
9
|
-
import { default as default10 } from "./modules/multimedia/
|
|
10
|
-
import { default as default11 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
|
|
5
|
+
import { default as default6 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
|
|
6
|
+
import { default as default7 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
|
|
7
|
+
import { default as default8 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
|
|
8
|
+
import { default as default9 } from "./modules/multimedia/Workspace/Workspace.js";
|
|
9
|
+
import { default as default10 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
|
|
11
10
|
import { ExternalLinker } from "./modules/multimedia/Linker/ExternalLinker/ExternalLinker.js";
|
|
12
11
|
import { InternalLinker } from "./modules/multimedia/Linker/InternalLinker/InternalLinker.js";
|
|
13
12
|
export {
|
|
14
13
|
default2 as AudioRecorder,
|
|
15
14
|
default3 as Embed,
|
|
16
15
|
ExternalLinker,
|
|
17
|
-
default6 as FileCard,
|
|
18
16
|
default4 as ImageEditor,
|
|
19
17
|
default5 as ImagePicker,
|
|
20
18
|
InternalLinker,
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
19
|
+
default6 as MediaLibrary,
|
|
20
|
+
default7 as VideoEmbed,
|
|
21
|
+
default8 as VideoRecorder,
|
|
22
|
+
default9 as Workspace,
|
|
23
|
+
default10 as WorkspaceFolders
|
|
26
24
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@edifice.io/react",
|
|
3
|
-
"version": "2.2.11-develop-
|
|
3
|
+
"version": "2.2.11-develop-enabling.20250710092201",
|
|
4
4
|
"description": "Edifice React Library",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -130,9 +130,9 @@
|
|
|
130
130
|
"react-slugify": "^3.0.3",
|
|
131
131
|
"swiper": "^10.1.0",
|
|
132
132
|
"ua-parser-js": "^1.0.36",
|
|
133
|
-
"@edifice.io/bootstrap": "2.2.11-develop-
|
|
134
|
-
"@edifice.io/tiptap-extensions": "2.2.11-develop-
|
|
135
|
-
"@edifice.io/utilities": "2.2.11-develop-
|
|
133
|
+
"@edifice.io/bootstrap": "2.2.11-develop-enabling.20250710092201",
|
|
134
|
+
"@edifice.io/tiptap-extensions": "2.2.11-develop-enabling.20250710092201",
|
|
135
|
+
"@edifice.io/utilities": "2.2.11-develop-enabling.20250710092201"
|
|
136
136
|
},
|
|
137
137
|
"devDependencies": {
|
|
138
138
|
"@babel/plugin-transform-react-pure-annotations": "^7.23.3",
|
|
@@ -163,8 +163,8 @@
|
|
|
163
163
|
"vite": "^5.4.11",
|
|
164
164
|
"vite-plugin-dts": "^4.1.0",
|
|
165
165
|
"vite-tsconfig-paths": "^5.0.1",
|
|
166
|
-
"@edifice.io/client": "2.2.11-develop-
|
|
167
|
-
"@edifice.io/config": "2.2.11-develop-
|
|
166
|
+
"@edifice.io/client": "2.2.11-develop-enabling.20250710092201",
|
|
167
|
+
"@edifice.io/config": "2.2.11-develop-enabling.20250710092201"
|
|
168
168
|
},
|
|
169
169
|
"peerDependencies": {
|
|
170
170
|
"@react-spring/web": "^9.7.5",
|