microboard-ui-temp 0.0.20 → 0.0.22
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/board.html +4 -4
- package/dist/customWebComponents.js +4 -4
- package/dist/favicons/site.webmanifest +1 -1
- package/dist/index.js +26 -60
- package/package.json +1 -1
package/dist/board.html
CHANGED
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
<link
|
|
12
12
|
rel="stylesheet"
|
|
13
13
|
crossorigin
|
|
14
|
-
href="https://unpkg.com/microboard-ui-temp@0.0.
|
|
14
|
+
href="https://unpkg.com/microboard-ui-temp@0.0.22/dist/board.css"
|
|
15
15
|
/>
|
|
16
16
|
<body style="overflow-x: hidden; overflow-y: hidden">
|
|
17
17
|
<div id="items">
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
font-weight: 400;
|
|
75
75
|
color: black;
|
|
76
76
|
font-size: 14px;
|
|
77
|
-
font-family:
|
|
77
|
+
font-family: "Open Sans";
|
|
78
78
|
"
|
|
79
79
|
>123</span
|
|
80
80
|
>
|
|
@@ -84,11 +84,11 @@
|
|
|
84
84
|
</div>
|
|
85
85
|
<script
|
|
86
86
|
type="module"
|
|
87
|
-
src="https://unpkg.com/microboard-ui-temp@0.0.
|
|
87
|
+
src="https://unpkg.com/microboard-ui-temp@0.0.22/dist/customWebComponents.js"
|
|
88
88
|
></script>
|
|
89
89
|
<script
|
|
90
90
|
defer
|
|
91
|
-
src="https://unpkg.com/microboard-ui-temp@0.0.
|
|
91
|
+
src="https://unpkg.com/microboard-ui-temp@0.0.22/dist/loadLinksImages.js"
|
|
92
92
|
></script>
|
|
93
93
|
</body>
|
|
94
94
|
</head>
|
|
@@ -255,9 +255,9 @@ document.addEventListener("DOMContentLoaded", () => {
|
|
|
255
255
|
translateY = 0;
|
|
256
256
|
scale = 1;
|
|
257
257
|
updateTransform();
|
|
258
|
-
const { initInter } = await import("https://www.unpkg.com/microboard-ui-temp@0.0.
|
|
258
|
+
const { initInter } = await import("https://www.unpkg.com/microboard-ui-temp@0.0.22/dist/index.js");
|
|
259
259
|
initInter();
|
|
260
|
-
const { createApp } = await import("https://www.unpkg.com/microboard-ui-temp@0.0.
|
|
260
|
+
const { createApp } = await import("https://www.unpkg.com/microboard-ui-temp@0.0.22/dist/index.js");
|
|
261
261
|
console.log("createapp", createApp);
|
|
262
262
|
const app = createApp();
|
|
263
263
|
window.app = app;
|
|
@@ -267,12 +267,12 @@ document.addEventListener("DOMContentLoaded", () => {
|
|
|
267
267
|
app.getBoard().deserializeHTML(stringed);
|
|
268
268
|
app.localRender("items");
|
|
269
269
|
}
|
|
270
|
-
const response = await fetch("https://www.unpkg.com/microboard-ui-temp@0.0.
|
|
270
|
+
const response = await fetch("https://www.unpkg.com/microboard-ui-temp@0.0.22/dist/index.css");
|
|
271
271
|
const cssText = await response.text();
|
|
272
272
|
const styleEl = document.createElement("style");
|
|
273
273
|
styleEl.textContent = cssText;
|
|
274
274
|
document.body.appendChild(styleEl);
|
|
275
|
-
const responseSvg = await fetch("https://www.unpkg.com/microboard-ui-temp@0.0.
|
|
275
|
+
const responseSvg = await fetch("https://www.unpkg.com/microboard-ui-temp@0.0.22/dist/sprite.svg");
|
|
276
276
|
const svgText = await responseSvg.text();
|
|
277
277
|
const div = document.createElement("div");
|
|
278
278
|
div.style.display = "none";
|
package/dist/index.js
CHANGED
|
@@ -330916,9 +330916,6 @@ var Tooltip = import_react113.forwardRef(({
|
|
|
330916
330916
|
allowTextWrap = false,
|
|
330917
330917
|
...props
|
|
330918
330918
|
}, ref4) => {
|
|
330919
|
-
console.log("tip-container class", Tooltip_module_default.tipContainer);
|
|
330920
|
-
console.log("tip-container class", Tooltip_module_default["tip-container"]);
|
|
330921
|
-
console.log("whole style tooltip", Tooltip_module_default);
|
|
330922
330919
|
return /* @__PURE__ */ import_react113.default.createElement("div", {
|
|
330923
330920
|
ref: ref4,
|
|
330924
330921
|
className: clsx_default(Tooltip_module_default.tipContainer, {
|
|
@@ -341156,11 +341153,7 @@ function getController(getBoard2, clipboard, account, appSettings) {
|
|
|
341156
341153
|
`navigation${direction}`,
|
|
341157
341154
|
{
|
|
341158
341155
|
cb: () => board.camera.smoothTranslateTo(board.keyboard, shouldTranslate),
|
|
341159
|
-
selectionContext: [
|
|
341160
|
-
"None",
|
|
341161
|
-
"EditUnderPointer",
|
|
341162
|
-
"SelectByRect"
|
|
341163
|
-
]
|
|
341156
|
+
selectionContext: ["None", "EditUnderPointer", "SelectByRect"]
|
|
341164
341157
|
}
|
|
341165
341158
|
];
|
|
341166
341159
|
}));
|
|
@@ -342750,7 +342743,11 @@ var OuterLink_module_default = {
|
|
|
342750
342743
|
};
|
|
342751
342744
|
|
|
342752
342745
|
// src/shared/ui-lib/OuterLink/OuterLink.tsx
|
|
342753
|
-
var OuterLink = ({
|
|
342746
|
+
var OuterLink = ({
|
|
342747
|
+
children,
|
|
342748
|
+
className,
|
|
342749
|
+
...props
|
|
342750
|
+
}) => {
|
|
342754
342751
|
return /* @__PURE__ */ import_react156.default.createElement("a", {
|
|
342755
342752
|
...props,
|
|
342756
342753
|
className: clsx_default(OuterLink_module_default.link, className)
|
|
@@ -343643,7 +343640,9 @@ function SelectPaymentModal() {
|
|
|
343643
343640
|
console.error(err2);
|
|
343644
343641
|
notify2({
|
|
343645
343642
|
header: t10("userPlan.notifications.confirmationFailed.header"),
|
|
343646
|
-
body: /* @__PURE__ */ import_react166.default.createElement(import_react166.default.Fragment, null, t10("userPlan.notifications.confirmationFailed.body", {
|
|
343643
|
+
body: /* @__PURE__ */ import_react166.default.createElement(import_react166.default.Fragment, null, t10("userPlan.notifications.confirmationFailed.body", {
|
|
343644
|
+
message: ""
|
|
343645
|
+
}), " ", err2.message.includes("support") ? /* @__PURE__ */ import_react166.default.createElement("span", {
|
|
343647
343646
|
dangerouslySetInnerHTML: {
|
|
343648
343647
|
__html: err2.message.replace(/support/g, '<a href="mailto:ceo@microboard.io">support</a>')
|
|
343649
343648
|
}
|
|
@@ -343843,7 +343842,9 @@ function SelectPaymentModal() {
|
|
|
343843
343842
|
pattern: "primary",
|
|
343844
343843
|
onClick: handleCrypto,
|
|
343845
343844
|
disabled: isDisabled
|
|
343846
|
-
}, isPurchaseTokensMode ? t10("userPlan.paymentMethods.buyTokens", {
|
|
343845
|
+
}, isPurchaseTokensMode ? t10("userPlan.paymentMethods.buyTokens", {
|
|
343846
|
+
tokenAmount
|
|
343847
|
+
}) : `${t10("userPlan.paymentMethods.payWithWallet", {
|
|
343847
343848
|
amount: (+account.cryptoRates[walletAccount?.balanceSymbol || "ETH"][account.getIsAnnualPayment() ? "annualPrice" : "price"]).toFixed(5),
|
|
343848
343849
|
wallet: walletAccount.displayName
|
|
343849
343850
|
})}`)), /* @__PURE__ */ import_react166.default.createElement("div", {
|
|
@@ -344313,15 +344314,7 @@ function HistoryTable() {
|
|
|
344313
344314
|
className: LimitsTable_module_default.header
|
|
344314
344315
|
}, /* @__PURE__ */ import_react168.default.createElement("th", {
|
|
344315
344316
|
className: LimitsTable_module_default.modelsHeading
|
|
344316
|
-
}, t10("userPlan.historyTable.plan")), /* @__PURE__ */ import_react168.default.createElement("th", null, t10("userPlan.historyTable.paymentDate")), /* @__PURE__ */ import_react168.default.createElement("th", null, t10("userPlan.historyTable.price")), /* @__PURE__ */ import_react168.default.createElement("th", null, t10("userPlan.historyTable.paymentType")))), historyRecords?.map(({
|
|
344317
|
-
id: id3,
|
|
344318
|
-
startDate,
|
|
344319
|
-
endDate,
|
|
344320
|
-
planName,
|
|
344321
|
-
price,
|
|
344322
|
-
symbol,
|
|
344323
|
-
paymentType
|
|
344324
|
-
}) => /* @__PURE__ */ import_react168.default.createElement(ModelRow, {
|
|
344317
|
+
}, t10("userPlan.historyTable.plan")), /* @__PURE__ */ import_react168.default.createElement("th", null, t10("userPlan.historyTable.paymentDate")), /* @__PURE__ */ import_react168.default.createElement("th", null, t10("userPlan.historyTable.price")), /* @__PURE__ */ import_react168.default.createElement("th", null, t10("userPlan.historyTable.paymentType")))), historyRecords?.map(({ id: id3, startDate, endDate, planName, price, symbol, paymentType }) => /* @__PURE__ */ import_react168.default.createElement(ModelRow, {
|
|
344325
344318
|
key: id3,
|
|
344326
344319
|
name: planName,
|
|
344327
344320
|
startDate,
|
|
@@ -352133,14 +352126,7 @@ var FolderItem = import_react210.forwardRef(({ board, folder, handleOpenBoard },
|
|
|
352133
352126
|
const { setRenamingId, setNewName, renamingId } = useRenameContext();
|
|
352134
352127
|
const account = useAccount2();
|
|
352135
352128
|
const itemRef = import_react210.useRef(null);
|
|
352136
|
-
const {
|
|
352137
|
-
attributes,
|
|
352138
|
-
listeners: listeners3,
|
|
352139
|
-
transform,
|
|
352140
|
-
setNodeRef,
|
|
352141
|
-
isDragging,
|
|
352142
|
-
isOver
|
|
352143
|
-
} = useSortable({
|
|
352129
|
+
const { attributes, listeners: listeners3, transform, setNodeRef, isDragging, isOver } = useSortable({
|
|
352144
352130
|
id: board.id,
|
|
352145
352131
|
data: { ...board, parentFolderId: folder?.id }
|
|
352146
352132
|
});
|
|
@@ -353962,9 +353948,7 @@ function FontSize({ rounded = "none" }) {
|
|
|
353962
353948
|
id: "FontSize",
|
|
353963
353949
|
currentFontSize: board.selection.getAutosize() ? "auto" : fontSize,
|
|
353964
353950
|
fontSizes,
|
|
353965
|
-
showAuto: board.selection.list().length === board.selection.items.getItemsByItemTypes([
|
|
353966
|
-
"Sticker"
|
|
353967
|
-
]).length,
|
|
353951
|
+
showAuto: board.selection.list().length === board.selection.items.getItemsByItemTypes(["Sticker"]).length,
|
|
353968
353952
|
onPick: handlePick,
|
|
353969
353953
|
max: board.selection.getAutosize() ? board.selection.getFontSize(false) : undefined
|
|
353970
353954
|
})));
|
|
@@ -416742,10 +416726,7 @@ var CreateTemplate = () => {
|
|
|
416742
416726
|
placeholder: config4.label,
|
|
416743
416727
|
id: config4.id
|
|
416744
416728
|
};
|
|
416745
|
-
type === "name" ? setNameInputs((inputs) => [...inputs, newInput]) : setDescriptionInputs((inputs) => [
|
|
416746
|
-
...inputs,
|
|
416747
|
-
newInput
|
|
416748
|
-
]);
|
|
416729
|
+
type === "name" ? setNameInputs((inputs) => [...inputs, newInput]) : setDescriptionInputs((inputs) => [...inputs, newInput]);
|
|
416749
416730
|
}
|
|
416750
416731
|
});
|
|
416751
416732
|
promises.push(res);
|
|
@@ -416806,9 +416787,7 @@ var CreateTemplate = () => {
|
|
|
416806
416787
|
};
|
|
416807
416788
|
await createTemplate(body).then((res) => {
|
|
416808
416789
|
formRef.current?.reset();
|
|
416809
|
-
categoriesSelectorRef.current?.setSelectedOptions([
|
|
416810
|
-
categories[0]
|
|
416811
|
-
]);
|
|
416790
|
+
categoriesSelectorRef.current?.setSelectedOptions([categories[0]]);
|
|
416812
416791
|
languagesSelectorRef.current?.setSelectedOptions([
|
|
416813
416792
|
conf.TEMPLATE_LANGUAGES[0]
|
|
416814
416793
|
]);
|
|
@@ -419545,11 +419524,7 @@ var History2 = import_react340.default.memo(function History3({
|
|
|
419545
419524
|
try {
|
|
419546
419525
|
const data = JSON.parse(text5);
|
|
419547
419526
|
const { confirmedEvents, eventsToSend, newEvents } = data;
|
|
419548
|
-
const events5 = [
|
|
419549
|
-
...confirmedEvents,
|
|
419550
|
-
...eventsToSend,
|
|
419551
|
-
...newEvents
|
|
419552
|
-
];
|
|
419527
|
+
const events5 = [...confirmedEvents, ...eventsToSend, ...newEvents];
|
|
419553
419528
|
events5.forEach((event2) => {
|
|
419554
419529
|
board.emit(event2.body.operation);
|
|
419555
419530
|
});
|
|
@@ -422390,12 +422365,7 @@ var CommentContainer = ({ comment: comment3 }) => {
|
|
|
422390
422365
|
const [isPreviewOpen, setIsPreviewOpen] = import_react381.useState(false);
|
|
422391
422366
|
const initialCommentPosition = import_react381.useRef(comment3.getAnchorPoint());
|
|
422392
422367
|
const { app, board } = useAppContext();
|
|
422393
|
-
const {
|
|
422394
|
-
openedThreadId,
|
|
422395
|
-
setOpenedThreadId,
|
|
422396
|
-
setMovingComment,
|
|
422397
|
-
movingComment
|
|
422398
|
-
} = useCommentsContext();
|
|
422368
|
+
const { openedThreadId, setOpenedThreadId, setMovingComment, movingComment } = useCommentsContext();
|
|
422399
422369
|
const movingCommentRef = import_react381.useRef(movingComment);
|
|
422400
422370
|
const isThreadOpen = openedThreadId === comment3.getId();
|
|
422401
422371
|
const account = useAccount2();
|
|
@@ -422811,13 +422781,7 @@ var Message_module_default2 = {
|
|
|
422811
422781
|
};
|
|
422812
422782
|
|
|
422813
422783
|
// src/entities/comments/CommentsPanel/CommentCard/Message/Message.tsx
|
|
422814
|
-
var Message2 = import_react387.forwardRef(({
|
|
422815
|
-
message,
|
|
422816
|
-
handleClick,
|
|
422817
|
-
clipText = false,
|
|
422818
|
-
isFirstMessage,
|
|
422819
|
-
isUnread
|
|
422820
|
-
}, ref4) => {
|
|
422784
|
+
var Message2 = import_react387.forwardRef(({ message, handleClick, clipText = false, isFirstMessage, isUnread }, ref4) => {
|
|
422821
422785
|
const { setTargetMessageId } = useCommentsContext();
|
|
422822
422786
|
const commentator = message.commentator;
|
|
422823
422787
|
const onClick = () => {
|
|
@@ -446423,10 +446387,12 @@ function createApp(isHistory = true) {
|
|
|
446423
446387
|
async function getFileForLocalEdit() {
|
|
446424
446388
|
if ("showOpenFilePicker" in window) {
|
|
446425
446389
|
const [newFileHandle] = await window.showOpenFilePicker({
|
|
446426
|
-
types: [
|
|
446427
|
-
|
|
446428
|
-
|
|
446429
|
-
|
|
446390
|
+
types: [
|
|
446391
|
+
{
|
|
446392
|
+
description: "HTML-files",
|
|
446393
|
+
accept: { "text/html": [".html"] }
|
|
446394
|
+
}
|
|
446395
|
+
],
|
|
446430
446396
|
excludeAcceptAllOption: false,
|
|
446431
446397
|
multiple: false
|
|
446432
446398
|
});
|