@edifice.io/react 2.5.4 → 2.5.5
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 +46 -42
- package/dist/modules/editor/components/Renderer/MediaRenderer.js +2 -2
- package/dist/modules/editor/hooks/useResizeMedia.js +3 -3
- package/dist/modules/icons/components/IconThumbDown.d.ts +7 -0
- package/dist/modules/icons/components/IconThumbDown.js +12 -0
- package/dist/modules/icons/components/IconThumbUp.d.ts +7 -0
- package/dist/modules/icons/components/IconThumbUp.js +12 -0
- package/dist/modules/icons/components/index.d.ts +2 -0
- 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 +4 -1
- package/package.json +6 -6
package/dist/icons.js
CHANGED
|
@@ -150,27 +150,29 @@ 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/
|
|
153
|
+
import { default as default154 } from "./modules/icons/components/IconThumbDown.js";
|
|
154
|
+
import { default as default155 } from "./modules/icons/components/IconThumbUp.js";
|
|
155
|
+
import { default as default156 } from "./modules/icons/components/IconToolCenter.js";
|
|
156
|
+
import { default as default157 } from "./modules/icons/components/IconTool.js";
|
|
157
|
+
import { default as default158 } from "./modules/icons/components/IconTrendingUp.js";
|
|
158
|
+
import { default as default159 } from "./modules/icons/components/IconUndoAll.js";
|
|
159
|
+
import { default as default160 } from "./modules/icons/components/IconUndoSlashed.js";
|
|
160
|
+
import { default as default161 } from "./modules/icons/components/IconUndo.js";
|
|
161
|
+
import { default as default162 } from "./modules/icons/components/IconUnion.js";
|
|
162
|
+
import { default as default163 } from "./modules/icons/components/IconUnlink.js";
|
|
163
|
+
import { default as default164 } from "./modules/icons/components/IconUnlock.js";
|
|
164
|
+
import { default as default165 } from "./modules/icons/components/IconUnreadMail.js";
|
|
165
|
+
import { default as default166 } from "./modules/icons/components/IconUpload.js";
|
|
166
|
+
import { default as default167 } from "./modules/icons/components/IconUserSearch.js";
|
|
167
|
+
import { default as default168 } from "./modules/icons/components/IconUser.js";
|
|
168
|
+
import { default as default169 } from "./modules/icons/components/IconUsers.js";
|
|
169
|
+
import { default as default170 } from "./modules/icons/components/IconVideo.js";
|
|
170
|
+
import { default as default171 } from "./modules/icons/components/IconViewCalendar.js";
|
|
171
|
+
import { default as default172 } from "./modules/icons/components/IconViewList.js";
|
|
172
|
+
import { default as default173 } from "./modules/icons/components/IconWand.js";
|
|
173
|
+
import { default as default174 } from "./modules/icons/components/IconWrite.js";
|
|
174
|
+
import { default as default175 } from "./modules/icons/components/IconZoomIn.js";
|
|
175
|
+
import { default as default176 } from "./modules/icons/components/IconZoomOut.js";
|
|
174
176
|
export {
|
|
175
177
|
default3 as IconAdd,
|
|
176
178
|
default2 as IconAddUser,
|
|
@@ -324,25 +326,27 @@ export {
|
|
|
324
326
|
default151 as IconTextTypo,
|
|
325
327
|
default152 as IconTextUnderline,
|
|
326
328
|
default153 as IconTextVanilla,
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
default162 as
|
|
336
|
-
default163 as
|
|
337
|
-
default164 as
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
default169 as
|
|
343
|
-
default170 as
|
|
344
|
-
default171 as
|
|
345
|
-
default172 as
|
|
346
|
-
default173 as
|
|
347
|
-
default174 as
|
|
329
|
+
default154 as IconThumbDown,
|
|
330
|
+
default155 as IconThumbUp,
|
|
331
|
+
default157 as IconTool,
|
|
332
|
+
default156 as IconToolCenter,
|
|
333
|
+
default158 as IconTrendingUp,
|
|
334
|
+
default161 as IconUndo,
|
|
335
|
+
default159 as IconUndoAll,
|
|
336
|
+
default160 as IconUndoSlashed,
|
|
337
|
+
default162 as IconUnion,
|
|
338
|
+
default163 as IconUnlink,
|
|
339
|
+
default164 as IconUnlock,
|
|
340
|
+
default165 as IconUnreadMail,
|
|
341
|
+
default166 as IconUpload,
|
|
342
|
+
default168 as IconUser,
|
|
343
|
+
default167 as IconUserSearch,
|
|
344
|
+
default169 as IconUsers,
|
|
345
|
+
default170 as IconVideo,
|
|
346
|
+
default171 as IconViewCalendar,
|
|
347
|
+
default172 as IconViewList,
|
|
348
|
+
default173 as IconWand,
|
|
349
|
+
default174 as IconWrite,
|
|
350
|
+
default175 as IconZoomIn,
|
|
351
|
+
default176 as IconZoomOut
|
|
348
352
|
};
|
|
@@ -18,7 +18,7 @@ const MediaRenderer = (props) => {
|
|
|
18
18
|
startVerticalResize,
|
|
19
19
|
stopVerticalResize,
|
|
20
20
|
isVerticalResizeActive
|
|
21
|
-
} = useResizeMedia(props, resizableMedia),
|
|
21
|
+
} = useResizeMedia(props, resizableMedia), 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, height, allowFullScreen: node.attrs.allowfullscreen ?? !0 })
|
|
69
|
+
/* @__PURE__ */ jsx("iframe", { ref: resizableMedia, src: node.attrs.src, width: node.attrs.width, height: node.attrs.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
|
|
3
|
-
const aspectRatio = useRef(0), lastCursorX = useRef(-1), isVerticalResizeActive = useRef(!1), proseMirrorContainerWidth = useRef(0),
|
|
2
|
+
const useResizeMedia = (props, refResizable, forcedAspectRatio) => {
|
|
3
|
+
const aspectRatio = useRef(0), lastCursorX = useRef(-1), isVerticalResizeActive = useRef(!1), proseMirrorContainerWidth = useRef(0), readCurrentPixelWidth = () => {
|
|
4
4
|
const el = refResizable.current;
|
|
5
5
|
if (!el) return 0;
|
|
6
6
|
const rect = el.getBoundingClientRect();
|
|
@@ -22,7 +22,7 @@ const MIN_WIDTH = 80, 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),
|
|
25
|
+
return proseMirrorContainerWidth.current > 0 && width > proseMirrorContainerWidth.current && (width = proseMirrorContainerWidth.current), Math.round(width);
|
|
26
26
|
}, onVerticalResize = (direction, diff) => {
|
|
27
27
|
const currWidth = readCurrentPixelWidth();
|
|
28
28
|
if (!currWidth) return;
|
|
@@ -0,0 +1,7 @@
|
|
|
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;
|
|
@@ -0,0 +1,12 @@
|
|
|
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
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
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;
|
|
@@ -0,0 +1,12 @@
|
|
|
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
|
+
};
|
|
@@ -150,6 +150,8 @@ 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';
|
|
153
155
|
export { default as IconToolCenter } from './IconToolCenter';
|
|
154
156
|
export { default as IconTool } from './IconTool';
|
|
155
157
|
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 = type === "img" || type === "video" ? odeServices.workspace().getThumbnailUrl(doc) : null, hasThumbnail = useThumbnail(mediaSrc, {
|
|
85
|
+
const roleMap = getRoleMap(type ?? "unknown"), file = clsx("file position-relative rounded", (roleMap == null ? void 0 : roleMap.color) ?? "bg-yellow-200"), mediaSrc = doc.eType === "resource" ? doc.thumbnail : 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 top-50 start-50 translate-middle", {
|
|
8
|
+
const hasShadow = typeof (roleMap == null ? void 0 : roleMap.icon) != "string" && type !== "unknown" && (roleMap == null ? void 0 : roleMap.hasShadow) !== !1, fileicon = clsx("position-absolute rounded-circle 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,7 +111,10 @@ 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:
|
|
114
|
+
/* @__PURE__ */ jsx(Dropdown.Trigger, { icon: /* @__PURE__ */ jsx("div", { className: "pe-8", children: (selectedApplication == null ? void 0 : selectedApplication.icon) || /* @__PURE__ */ jsx(SvgIconApplications, {}) }), label: /* @__PURE__ */ jsxs("span", { className: "d-md-inline d-sm-none", children: [
|
|
115
|
+
" ",
|
|
116
|
+
t((selectedApplication == null ? void 0 : selectedApplication.displayName) || "bbm.linker.int.choose")
|
|
117
|
+
] }), variant: "ghost", size: "md" }),
|
|
115
118
|
/* @__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)) })
|
|
116
119
|
] }) }),
|
|
117
120
|
/* @__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.
|
|
3
|
+
"version": "2.5.5",
|
|
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/
|
|
137
|
-
"@edifice.io/
|
|
138
|
-
"@edifice.io/utilities": "2.5.
|
|
136
|
+
"@edifice.io/tiptap-extensions": "2.5.5",
|
|
137
|
+
"@edifice.io/bootstrap": "2.5.5",
|
|
138
|
+
"@edifice.io/utilities": "2.5.5"
|
|
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.
|
|
170
|
-
"@edifice.io/config": "2.5.
|
|
169
|
+
"@edifice.io/client": "2.5.5",
|
|
170
|
+
"@edifice.io/config": "2.5.5"
|
|
171
171
|
},
|
|
172
172
|
"peerDependencies": {
|
|
173
173
|
"@react-spring/web": "^9.7.5",
|