@edifice.io/react 2.5.4-develop-pedago.20251208102449 → 2.5.4-develop-b2school.20251208180912
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/icons.js +42 -46
- package/dist/modules/editor/components/Renderer/MediaRenderer.js +2 -2
- package/dist/modules/editor/hooks/useResizeMedia.js +3 -3
- package/dist/modules/icons/components/index.d.ts +0 -2
- package/dist/modules/multimedia/FileCard/FileCard.js +1 -1
- package/dist/modules/multimedia/FileCard/FileIcon.js +1 -1
- package/dist/modules/multimedia/Linker/InternalLinker/InternalLinker.js +1 -4
- package/package.json +6 -6
- package/dist/modules/icons/components/IconThumbDown.d.ts +0 -7
- package/dist/modules/icons/components/IconThumbDown.js +0 -12
- package/dist/modules/icons/components/IconThumbUp.d.ts +0 -7
- package/dist/modules/icons/components/IconThumbUp.js +0 -12
package/dist/icons.js
CHANGED
|
@@ -150,29 +150,27 @@ import { default as default150 } from "./modules/icons/components/IconTextToSpee
|
|
|
150
150
|
import { default as default151 } from "./modules/icons/components/IconTextTypo.js";
|
|
151
151
|
import { default as default152 } from "./modules/icons/components/IconTextUnderline.js";
|
|
152
152
|
import { default as default153 } from "./modules/icons/components/IconTextVanilla.js";
|
|
153
|
-
import { default as default154 } from "./modules/icons/components/
|
|
154
|
-
import { default as default155 } from "./modules/icons/components/
|
|
155
|
-
import { default as default156 } from "./modules/icons/components/
|
|
156
|
-
import { default as default157 } from "./modules/icons/components/
|
|
157
|
-
import { default as default158 } from "./modules/icons/components/
|
|
158
|
-
import { default as default159 } from "./modules/icons/components/
|
|
159
|
-
import { default as default160 } from "./modules/icons/components/
|
|
160
|
-
import { default as default161 } from "./modules/icons/components/
|
|
161
|
-
import { default as default162 } from "./modules/icons/components/
|
|
162
|
-
import { default as default163 } from "./modules/icons/components/
|
|
163
|
-
import { default as default164 } from "./modules/icons/components/
|
|
164
|
-
import { default as default165 } from "./modules/icons/components/
|
|
165
|
-
import { default as default166 } from "./modules/icons/components/
|
|
166
|
-
import { default as default167 } from "./modules/icons/components/
|
|
167
|
-
import { default as default168 } from "./modules/icons/components/
|
|
168
|
-
import { default as default169 } from "./modules/icons/components/
|
|
169
|
-
import { default as default170 } from "./modules/icons/components/
|
|
170
|
-
import { default as default171 } from "./modules/icons/components/
|
|
171
|
-
import { default as default172 } from "./modules/icons/components/
|
|
172
|
-
import { default as default173 } from "./modules/icons/components/
|
|
173
|
-
import { default as default174 } from "./modules/icons/components/
|
|
174
|
-
import { default as default175 } from "./modules/icons/components/IconZoomIn.js";
|
|
175
|
-
import { default as default176 } from "./modules/icons/components/IconZoomOut.js";
|
|
153
|
+
import { default as default154 } from "./modules/icons/components/IconToolCenter.js";
|
|
154
|
+
import { default as default155 } from "./modules/icons/components/IconTool.js";
|
|
155
|
+
import { default as default156 } from "./modules/icons/components/IconTrendingUp.js";
|
|
156
|
+
import { default as default157 } from "./modules/icons/components/IconUndoAll.js";
|
|
157
|
+
import { default as default158 } from "./modules/icons/components/IconUndoSlashed.js";
|
|
158
|
+
import { default as default159 } from "./modules/icons/components/IconUndo.js";
|
|
159
|
+
import { default as default160 } from "./modules/icons/components/IconUnion.js";
|
|
160
|
+
import { default as default161 } from "./modules/icons/components/IconUnlink.js";
|
|
161
|
+
import { default as default162 } from "./modules/icons/components/IconUnlock.js";
|
|
162
|
+
import { default as default163 } from "./modules/icons/components/IconUnreadMail.js";
|
|
163
|
+
import { default as default164 } from "./modules/icons/components/IconUpload.js";
|
|
164
|
+
import { default as default165 } from "./modules/icons/components/IconUserSearch.js";
|
|
165
|
+
import { default as default166 } from "./modules/icons/components/IconUser.js";
|
|
166
|
+
import { default as default167 } from "./modules/icons/components/IconUsers.js";
|
|
167
|
+
import { default as default168 } from "./modules/icons/components/IconVideo.js";
|
|
168
|
+
import { default as default169 } from "./modules/icons/components/IconViewCalendar.js";
|
|
169
|
+
import { default as default170 } from "./modules/icons/components/IconViewList.js";
|
|
170
|
+
import { default as default171 } from "./modules/icons/components/IconWand.js";
|
|
171
|
+
import { default as default172 } from "./modules/icons/components/IconWrite.js";
|
|
172
|
+
import { default as default173 } from "./modules/icons/components/IconZoomIn.js";
|
|
173
|
+
import { default as default174 } from "./modules/icons/components/IconZoomOut.js";
|
|
176
174
|
export {
|
|
177
175
|
default3 as IconAdd,
|
|
178
176
|
default2 as IconAddUser,
|
|
@@ -326,27 +324,25 @@ export {
|
|
|
326
324
|
default151 as IconTextTypo,
|
|
327
325
|
default152 as IconTextUnderline,
|
|
328
326
|
default153 as IconTextVanilla,
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
default162 as
|
|
338
|
-
default163 as
|
|
339
|
-
default164 as
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
default169 as
|
|
345
|
-
default170 as
|
|
346
|
-
default171 as
|
|
347
|
-
default172 as
|
|
348
|
-
default173 as
|
|
349
|
-
default174 as
|
|
350
|
-
default175 as IconZoomIn,
|
|
351
|
-
default176 as IconZoomOut
|
|
327
|
+
default155 as IconTool,
|
|
328
|
+
default154 as IconToolCenter,
|
|
329
|
+
default156 as IconTrendingUp,
|
|
330
|
+
default159 as IconUndo,
|
|
331
|
+
default157 as IconUndoAll,
|
|
332
|
+
default158 as IconUndoSlashed,
|
|
333
|
+
default160 as IconUnion,
|
|
334
|
+
default161 as IconUnlink,
|
|
335
|
+
default162 as IconUnlock,
|
|
336
|
+
default163 as IconUnreadMail,
|
|
337
|
+
default164 as IconUpload,
|
|
338
|
+
default166 as IconUser,
|
|
339
|
+
default165 as IconUserSearch,
|
|
340
|
+
default167 as IconUsers,
|
|
341
|
+
default168 as IconVideo,
|
|
342
|
+
default169 as IconViewCalendar,
|
|
343
|
+
default170 as IconViewList,
|
|
344
|
+
default171 as IconWand,
|
|
345
|
+
default172 as IconWrite,
|
|
346
|
+
default173 as IconZoomIn,
|
|
347
|
+
default174 as IconZoomOut
|
|
352
348
|
};
|
|
@@ -18,7 +18,7 @@ const MediaRenderer = (props) => {
|
|
|
18
18
|
startVerticalResize,
|
|
19
19
|
stopVerticalResize,
|
|
20
20
|
isVerticalResizeActive
|
|
21
|
-
} = useResizeMedia(props, resizableMedia), alignContent = (textalign) => {
|
|
21
|
+
} = useResizeMedia(props, resizableMedia), width = node.attrs.width || 560, height = node.attrs.height || Math.round(width * 9 / 16), alignContent = (textalign) => {
|
|
22
22
|
switch (textalign) {
|
|
23
23
|
case "center":
|
|
24
24
|
case "justify":
|
|
@@ -66,7 +66,7 @@ const MediaRenderer = (props) => {
|
|
|
66
66
|
case "iframe":
|
|
67
67
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
68
68
|
/* @__PURE__ */ jsx("div", { className: "iframe-node-view" }),
|
|
69
|
-
/* @__PURE__ */ jsx("iframe", { ref: resizableMedia, src: node.attrs.src, width
|
|
69
|
+
/* @__PURE__ */ jsx("iframe", { ref: resizableMedia, src: node.attrs.src, width, height, allowFullScreen: node.attrs.allowfullscreen ?? !0 })
|
|
70
70
|
] });
|
|
71
71
|
default:
|
|
72
72
|
return null;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useRef, useEffect } from "react";
|
|
2
|
-
const useResizeMedia = (props, refResizable, forcedAspectRatio) => {
|
|
3
|
-
const aspectRatio = useRef(0), lastCursorX = useRef(-1), isVerticalResizeActive = useRef(!1), proseMirrorContainerWidth = useRef(0), readCurrentPixelWidth = () => {
|
|
2
|
+
const MIN_WIDTH = 80, useResizeMedia = (props, refResizable, forcedAspectRatio) => {
|
|
3
|
+
const aspectRatio = useRef(0), lastCursorX = useRef(-1), isVerticalResizeActive = useRef(!1), proseMirrorContainerWidth = useRef(0), limitWidth = (width) => width < MIN_WIDTH, readCurrentPixelWidth = () => {
|
|
4
4
|
const el = refResizable.current;
|
|
5
5
|
if (!el) return 0;
|
|
6
6
|
const rect = el.getBoundingClientRect();
|
|
@@ -22,7 +22,7 @@ const useResizeMedia = (props, refResizable, forcedAspectRatio) => {
|
|
|
22
22
|
}, []);
|
|
23
23
|
const clampWidth = (w) => {
|
|
24
24
|
let width = w;
|
|
25
|
-
return proseMirrorContainerWidth.current > 0 && width > proseMirrorContainerWidth.current && (width = proseMirrorContainerWidth.current), Math.round(width);
|
|
25
|
+
return proseMirrorContainerWidth.current > 0 && width > proseMirrorContainerWidth.current && (width = proseMirrorContainerWidth.current), limitWidth(width) && (width = MIN_WIDTH), Math.round(width);
|
|
26
26
|
}, onVerticalResize = (direction, diff) => {
|
|
27
27
|
const currWidth = readCurrentPixelWidth();
|
|
28
28
|
if (!currWidth) return;
|
|
@@ -150,8 +150,6 @@ export { default as IconTextToSpeech } from './IconTextToSpeech';
|
|
|
150
150
|
export { default as IconTextTypo } from './IconTextTypo';
|
|
151
151
|
export { default as IconTextUnderline } from './IconTextUnderline';
|
|
152
152
|
export { default as IconTextVanilla } from './IconTextVanilla';
|
|
153
|
-
export { default as IconThumbDown } from './IconThumbDown';
|
|
154
|
-
export { default as IconThumbUp } from './IconThumbUp';
|
|
155
153
|
export { default as IconToolCenter } from './IconToolCenter';
|
|
156
154
|
export { default as IconTool } from './IconTool';
|
|
157
155
|
export { default as IconTrendingUp } from './IconTrendingUp';
|
|
@@ -82,7 +82,7 @@ const FileCard = ({
|
|
|
82
82
|
};
|
|
83
83
|
return roleMappings[type2] || roleMappings.unknown;
|
|
84
84
|
}
|
|
85
|
-
const roleMap = getRoleMap(type ?? "unknown"), file = clsx("file position-relative rounded", (roleMap == null ? void 0 : roleMap.color) ?? "bg-yellow-200"), mediaSrc =
|
|
85
|
+
const roleMap = getRoleMap(type ?? "unknown"), file = clsx("file position-relative rounded", (roleMap == null ? void 0 : roleMap.color) ?? "bg-yellow-200"), mediaSrc = type === "img" || type === "video" ? odeServices.workspace().getThumbnailUrl(doc) : null, hasThumbnail = useThumbnail(mediaSrc, {
|
|
86
86
|
ref
|
|
87
87
|
}), imageStyles = hasThumbnail && {
|
|
88
88
|
backgroundImage: `url(${mediaSrc})`,
|
|
@@ -5,7 +5,7 @@ const FileIcon = ({
|
|
|
5
5
|
type,
|
|
6
6
|
roleMap
|
|
7
7
|
}) => {
|
|
8
|
-
const hasShadow = typeof (roleMap == null ? void 0 : roleMap.icon) != "string" && type !== "unknown" && (roleMap == null ? void 0 : roleMap.hasShadow) !== !1, fileicon = clsx("position-absolute
|
|
8
|
+
const hasShadow = typeof (roleMap == null ? void 0 : roleMap.icon) != "string" && type !== "unknown" && (roleMap == null ? void 0 : roleMap.hasShadow) !== !1, fileicon = clsx("position-absolute top-50 start-50 translate-middle", {
|
|
9
9
|
"p-12 rounded-circle shadow": hasShadow
|
|
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, {}) });
|
|
@@ -111,10 +111,7 @@ const InternalLinker = ({
|
|
|
111
111
|
}, [resources]), /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column flex-fill overflow-hidden", children: [
|
|
112
112
|
/* @__PURE__ */ jsxs("div", { className: "search d-flex bg-light rounded-top border border-bottom-0", children: [
|
|
113
113
|
showApplicationSelector && /* @__PURE__ */ jsx("div", { className: "flex-shrink-1 px-8 py-12 border-end", children: /* @__PURE__ */ jsxs(Dropdown, { overflow: !0, children: [
|
|
114
|
-
/* @__PURE__ */ jsx(Dropdown.Trigger, { icon: /* @__PURE__ */ jsx("div", { className: "pe-8", children: (selectedApplication == null ? void 0 : selectedApplication.icon) || /* @__PURE__ */ jsx(SvgIconApplications, {}) }), label:
|
|
115
|
-
" ",
|
|
116
|
-
t((selectedApplication == null ? void 0 : selectedApplication.displayName) || "bbm.linker.int.choose")
|
|
117
|
-
] }), variant: "ghost", size: "md" }),
|
|
114
|
+
/* @__PURE__ */ jsx(Dropdown.Trigger, { icon: /* @__PURE__ */ jsx("div", { className: "pe-8", children: (selectedApplication == null ? void 0 : selectedApplication.icon) || /* @__PURE__ */ jsx(SvgIconApplications, {}) }), label: t((selectedApplication == null ? void 0 : selectedApplication.displayName) || "bbm.linker.int.choose"), variant: "ghost", size: "md" }),
|
|
118
115
|
/* @__PURE__ */ jsx(Dropdown.Menu, { children: options == null ? void 0 : options.map((option) => /* @__PURE__ */ jsx(Dropdown.Item, { icon: option.icon, onClick: () => handleOptionClick(option), children: option.displayName }, option.application)) })
|
|
119
116
|
] }) }),
|
|
120
117
|
/* @__PURE__ */ jsx("div", { className: "flex-grow-1 align-self-center", children: /* @__PURE__ */ jsx("form", { className: "gap-16 d-flex w-100 align-items-center px-16 py-8", onSubmit: handleSubmit, children: /* @__PURE__ */ jsx(SearchBar, { isVariant: !0, placeholder: t("search"), size: "lg", className: "w-100", disabled: !selectedApplication, onChange: handleSearchChange }) }) })
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@edifice.io/react",
|
|
3
|
-
"version": "2.5.4-develop-
|
|
3
|
+
"version": "2.5.4-develop-b2school.20251208180912",
|
|
4
4
|
"description": "Edifice React Library",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -133,9 +133,9 @@
|
|
|
133
133
|
"react-slugify": "^3.0.3",
|
|
134
134
|
"swiper": "^10.1.0",
|
|
135
135
|
"ua-parser-js": "^1.0.36",
|
|
136
|
-
"@edifice.io/bootstrap": "2.5.4-develop-
|
|
137
|
-
"@edifice.io/tiptap-extensions": "2.5.4-develop-
|
|
138
|
-
"@edifice.io/utilities": "2.5.4-develop-
|
|
136
|
+
"@edifice.io/bootstrap": "2.5.4-develop-b2school.20251208180912",
|
|
137
|
+
"@edifice.io/tiptap-extensions": "2.5.4-develop-b2school.20251208180912",
|
|
138
|
+
"@edifice.io/utilities": "2.5.4-develop-b2school.20251208180912"
|
|
139
139
|
},
|
|
140
140
|
"devDependencies": {
|
|
141
141
|
"@babel/plugin-transform-react-pure-annotations": "^7.23.3",
|
|
@@ -166,8 +166,8 @@
|
|
|
166
166
|
"vite": "^5.4.11",
|
|
167
167
|
"vite-plugin-dts": "^4.1.0",
|
|
168
168
|
"vite-tsconfig-paths": "^5.0.1",
|
|
169
|
-
"@edifice.io/client": "2.5.4-develop-
|
|
170
|
-
"@edifice.io/config": "2.5.4-develop-
|
|
169
|
+
"@edifice.io/client": "2.5.4-develop-b2school.20251208180912",
|
|
170
|
+
"@edifice.io/config": "2.5.4-develop-b2school.20251208180912"
|
|
171
171
|
},
|
|
172
172
|
"peerDependencies": {
|
|
173
173
|
"@react-spring/web": "^9.7.5",
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { SVGProps } from 'react';
|
|
2
|
-
interface SVGRProps {
|
|
3
|
-
title?: string;
|
|
4
|
-
titleId?: string;
|
|
5
|
-
}
|
|
6
|
-
declare const SvgIconThumbDown: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export default SvgIconThumbDown;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
const SvgIconThumbDown = ({
|
|
3
|
-
title,
|
|
4
|
-
titleId,
|
|
5
|
-
...props
|
|
6
|
-
}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
|
|
7
|
-
title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
|
|
8
|
-
/* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M8.069 15a1.67 1.67 0 0 0 1.16 1.588l3.007-6.765V1.667H3.66a.834.834 0 0 0-.834.708v.002l-1.15 7.498-.009.09a.835.835 0 0 0 .843.869h4.726c.46 0 .833.373.833.833zm8.333-12.5a.833.833 0 0 0-.833-.833h-1.667v7.5h1.667a.833.833 0 0 0 .833-.833zm-10 10H2.52a2.5 2.5 0 0 1-2.49-2.875l1.15-7.5A2.5 2.5 0 0 1 3.668 0h11.9a2.5 2.5 0 0 1 2.5 2.5v5.833a2.5 2.5 0 0 1-2.5 2.5H13.61l-3.114 7.005-.057.108a.83.83 0 0 1-.704.387 3.333 3.333 0 0 1-3.334-3.333z", clipRule: "evenodd" })
|
|
9
|
-
] });
|
|
10
|
-
export {
|
|
11
|
-
SvgIconThumbDown as default
|
|
12
|
-
};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { SVGProps } from 'react';
|
|
2
|
-
interface SVGRProps {
|
|
3
|
-
title?: string;
|
|
4
|
-
titleId?: string;
|
|
5
|
-
}
|
|
6
|
-
declare const SvgIconThumbUp: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export default SvgIconThumbUp;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
const SvgIconThumbUp = ({
|
|
3
|
-
title,
|
|
4
|
-
titleId,
|
|
5
|
-
...props
|
|
6
|
-
}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
|
|
7
|
-
title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
|
|
8
|
-
/* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M10 3.333a1.67 1.67 0 0 0-1.16-1.587L5.833 8.511v8.156h8.576a.834.834 0 0 0 .833-.708l.001-.002 1.15-7.498.008-.09a.834.834 0 0 0-.842-.869h-4.726A.833.833 0 0 1 10 6.667zm-8.333 12.5a.833.833 0 0 0 .833.834h1.667v-7.5H2.5a.833.833 0 0 0-.833.833zm10-10h3.883a2.5 2.5 0 0 1 2.49 2.876l-1.15 7.5a2.5 2.5 0 0 1-2.49 2.124H2.5a2.5 2.5 0 0 1-2.5-2.5V10a2.5 2.5 0 0 1 2.5-2.5h1.958L7.572.495l.057-.108A.83.83 0 0 1 8.333 0a3.333 3.333 0 0 1 3.334 3.333z", clipRule: "evenodd" })
|
|
9
|
-
] });
|
|
10
|
-
export {
|
|
11
|
-
SvgIconThumbUp as default
|
|
12
|
-
};
|