catchup-library-web 2.5.0 → 2.5.2
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.js
CHANGED
|
@@ -1273,7 +1273,7 @@ var BaseModal = ({
|
|
|
1273
1273
|
"div",
|
|
1274
1274
|
{
|
|
1275
1275
|
className: `${customSize} font-quicksand max-h-[calc(98vh-48px)] overflow-auto`,
|
|
1276
|
-
children
|
|
1276
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FullCard_default, { children })
|
|
1277
1277
|
}
|
|
1278
1278
|
) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
1279
1279
|
"div",
|
|
@@ -1293,7 +1293,7 @@ var BaseModal = ({
|
|
|
1293
1293
|
)
|
|
1294
1294
|
] }),
|
|
1295
1295
|
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DividerLine_default, {}),
|
|
1296
|
-
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "max-h-[calc(98vh-
|
|
1296
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "max-h-[calc(98vh-120px)] overflow-auto", children })
|
|
1297
1297
|
] })
|
|
1298
1298
|
}
|
|
1299
1299
|
)
|
|
@@ -3983,7 +3983,7 @@ var InputGroup = ({
|
|
|
3983
3983
|
onRequestClose: () => {
|
|
3984
3984
|
setShowMathConstructor(false);
|
|
3985
3985
|
},
|
|
3986
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
3986
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "bg-white rounded-lg overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "p-6 space-y-6", children: [
|
|
3987
3987
|
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "border border-catchup-gray-100 rounded-catchup-large focus-within:border-catchup-blue-400 focus-within:shadow-input", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
3988
3988
|
"math-field",
|
|
3989
3989
|
{
|
|
@@ -4034,7 +4034,7 @@ var InputGroup = ({
|
|
|
4034
4034
|
)
|
|
4035
4035
|
] })
|
|
4036
4036
|
] })
|
|
4037
|
-
] }) })
|
|
4037
|
+
] }) })
|
|
4038
4038
|
}
|
|
4039
4039
|
);
|
|
4040
4040
|
};
|
package/dist/index.mjs
CHANGED
|
@@ -1040,7 +1040,7 @@ var BaseModal = ({
|
|
|
1040
1040
|
"div",
|
|
1041
1041
|
{
|
|
1042
1042
|
className: `${customSize} font-quicksand max-h-[calc(98vh-48px)] overflow-auto`,
|
|
1043
|
-
children
|
|
1043
|
+
children: /* @__PURE__ */ jsx17(FullCard_default, { children })
|
|
1044
1044
|
}
|
|
1045
1045
|
) : /* @__PURE__ */ jsx17(
|
|
1046
1046
|
"div",
|
|
@@ -1060,7 +1060,7 @@ var BaseModal = ({
|
|
|
1060
1060
|
)
|
|
1061
1061
|
] }),
|
|
1062
1062
|
/* @__PURE__ */ jsx17(DividerLine_default, {}),
|
|
1063
|
-
/* @__PURE__ */ jsx17("div", { className: "max-h-[calc(98vh-
|
|
1063
|
+
/* @__PURE__ */ jsx17("div", { className: "max-h-[calc(98vh-120px)] overflow-auto", children })
|
|
1064
1064
|
] })
|
|
1065
1065
|
}
|
|
1066
1066
|
)
|
|
@@ -3750,7 +3750,7 @@ var InputGroup = ({
|
|
|
3750
3750
|
onRequestClose: () => {
|
|
3751
3751
|
setShowMathConstructor(false);
|
|
3752
3752
|
},
|
|
3753
|
-
children: /* @__PURE__ */ jsx23(
|
|
3753
|
+
children: /* @__PURE__ */ jsx23("div", { className: "bg-white rounded-lg overflow-hidden", children: /* @__PURE__ */ jsxs14("div", { className: "p-6 space-y-6", children: [
|
|
3754
3754
|
/* @__PURE__ */ jsx23("div", { children: /* @__PURE__ */ jsx23("div", { className: "border border-catchup-gray-100 rounded-catchup-large focus-within:border-catchup-blue-400 focus-within:shadow-input", children: /* @__PURE__ */ jsx23(
|
|
3755
3755
|
"math-field",
|
|
3756
3756
|
{
|
|
@@ -3801,7 +3801,7 @@ var InputGroup = ({
|
|
|
3801
3801
|
)
|
|
3802
3802
|
] })
|
|
3803
3803
|
] })
|
|
3804
|
-
] }) })
|
|
3804
|
+
] }) })
|
|
3805
3805
|
}
|
|
3806
3806
|
);
|
|
3807
3807
|
};
|
package/package.json
CHANGED
|
@@ -178,61 +178,59 @@ const InputGroup = ({
|
|
|
178
178
|
setShowMathConstructor(false);
|
|
179
179
|
}}
|
|
180
180
|
>
|
|
181
|
-
<
|
|
182
|
-
<div className="
|
|
183
|
-
<div
|
|
184
|
-
<div>
|
|
185
|
-
<
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
/>
|
|
209
|
-
</div>
|
|
181
|
+
<div className="bg-white rounded-lg overflow-hidden">
|
|
182
|
+
<div className="p-6 space-y-6">
|
|
183
|
+
<div>
|
|
184
|
+
<div className="border border-catchup-gray-100 rounded-catchup-large focus-within:border-catchup-blue-400 focus-within:shadow-input">
|
|
185
|
+
<math-field
|
|
186
|
+
ref={mathFieldRef}
|
|
187
|
+
value={mathValue}
|
|
188
|
+
onInput={handleMathFieldChange}
|
|
189
|
+
placeholder={i18n.t("expression")}
|
|
190
|
+
virtual-keyboard-mode="off"
|
|
191
|
+
smart-fence={true}
|
|
192
|
+
smart-mode={true}
|
|
193
|
+
smart-superscript={true}
|
|
194
|
+
style={{
|
|
195
|
+
fontSize: "14px",
|
|
196
|
+
paddingRight: "16px",
|
|
197
|
+
paddingLeft: "16px",
|
|
198
|
+
paddingTop: "8px",
|
|
199
|
+
paddingBottom: "8px",
|
|
200
|
+
border: "none",
|
|
201
|
+
outline: "none",
|
|
202
|
+
width: "100%",
|
|
203
|
+
backgroundColor: "transparent",
|
|
204
|
+
borderRadius: "16px",
|
|
205
|
+
fontFamily: "inherit",
|
|
206
|
+
}}
|
|
207
|
+
/>
|
|
210
208
|
</div>
|
|
209
|
+
</div>
|
|
211
210
|
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
</div>
|
|
211
|
+
<div>
|
|
212
|
+
<p className="text-md font-semibold pl-2 py-1 text-catchup-gray-400">
|
|
213
|
+
{i18n.t("latex_output")}
|
|
214
|
+
</p>
|
|
215
|
+
<div className="relative">
|
|
216
|
+
<textarea
|
|
217
|
+
ref={latexTextAreaRef}
|
|
218
|
+
readOnly
|
|
219
|
+
value={mathValue}
|
|
220
|
+
className="w-full h-[44px] py-2 px-4 bg-catchup-gray-50 border border-catchup-gray-100 rounded-catchup-large resize-none focus:outline-none"
|
|
221
|
+
placeholder={i18n.t("latex_will_appear_here")}
|
|
222
|
+
/>
|
|
223
|
+
<button
|
|
224
|
+
onClick={handleCopyLatex}
|
|
225
|
+
className="absolute top-2 right-2 bg-catchup-blue-400 text-white px-3 py-1 rounded-md text-md hover:bg-catchup-blue-500 transition-colors"
|
|
226
|
+
disabled={!mathValue}
|
|
227
|
+
>
|
|
228
|
+
{i18n.t("copy")}
|
|
229
|
+
</button>
|
|
232
230
|
</div>
|
|
233
231
|
</div>
|
|
234
232
|
</div>
|
|
235
|
-
</
|
|
233
|
+
</div>
|
|
236
234
|
</BaseModal>
|
|
237
235
|
);
|
|
238
236
|
};
|
|
@@ -290,8 +288,8 @@ const InputGroup = ({
|
|
|
290
288
|
errorText
|
|
291
289
|
? "border-catchup-red shadow-error"
|
|
292
290
|
: theme === "red"
|
|
293
|
-
|
|
294
|
-
|
|
291
|
+
? "border-catchup-red bg-catchup-red text-catchup-white focus:border-catchup-red"
|
|
292
|
+
: "border-catchup-gray-100 placeholder-catchup-gray-200 focus:border-catchup-blue-400"
|
|
295
293
|
} rounded-catchup-large text-black focus:outline-none focus:shadow-input`}
|
|
296
294
|
type={type}
|
|
297
295
|
defaultValue={defaultValue}
|
|
@@ -316,7 +314,7 @@ const InputGroup = ({
|
|
|
316
314
|
) : null}
|
|
317
315
|
<Select
|
|
318
316
|
options={convertOptionListToSelectComponent(
|
|
319
|
-
retrieveNullableOptionList()
|
|
317
|
+
retrieveNullableOptionList(),
|
|
320
318
|
)}
|
|
321
319
|
className={`w-full`}
|
|
322
320
|
styles={{
|
|
@@ -328,12 +326,12 @@ const InputGroup = ({
|
|
|
328
326
|
borderColor: errorText
|
|
329
327
|
? "#ff6b6b"
|
|
330
328
|
: theme === "red"
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
329
|
+
? "#ff6b6b"
|
|
330
|
+
: state.isFocused
|
|
331
|
+
? "#73d7e6"
|
|
332
|
+
: state.isActive
|
|
333
|
+
? "#d2dde1"
|
|
334
|
+
: "#d2dde1",
|
|
337
335
|
backgroundColor: theme !== "red" ? "#ffffff" : "#ff6b6b",
|
|
338
336
|
paddingRight: 6,
|
|
339
337
|
paddingLeft: 6,
|
|
@@ -345,8 +343,8 @@ const InputGroup = ({
|
|
|
345
343
|
boxShadow: errorText
|
|
346
344
|
? "0px 0px 7px 0px rgba(255, 107, 107, 1)"
|
|
347
345
|
: state.isFocused
|
|
348
|
-
|
|
349
|
-
|
|
346
|
+
? "0px 0px 7px 0px rgba(115, 215, 230, 100)"
|
|
347
|
+
: "none",
|
|
350
348
|
"&:hover": {
|
|
351
349
|
outline: "none",
|
|
352
350
|
},
|
|
@@ -380,7 +378,7 @@ const InputGroup = ({
|
|
|
380
378
|
IndicatorSeparator: () => null,
|
|
381
379
|
}}
|
|
382
380
|
value={convertOptionListToSelectComponent(
|
|
383
|
-
retrieveNullableOptionList()
|
|
381
|
+
retrieveNullableOptionList(),
|
|
384
382
|
).find((option) => option.value === value)}
|
|
385
383
|
onChange={(target: any) => {
|
|
386
384
|
const event = { target };
|
|
@@ -46,7 +46,7 @@ const BaseModal = ({
|
|
|
46
46
|
<div
|
|
47
47
|
className={`${customSize} font-quicksand max-h-[calc(98vh-48px)] overflow-auto`}
|
|
48
48
|
>
|
|
49
|
-
{children}
|
|
49
|
+
<FullCard>{children}</FullCard>
|
|
50
50
|
</div>
|
|
51
51
|
) : (
|
|
52
52
|
<div
|
|
@@ -54,8 +54,8 @@ const BaseModal = ({
|
|
|
54
54
|
size === "small"
|
|
55
55
|
? "w-[600px]"
|
|
56
56
|
: size === "medium"
|
|
57
|
-
|
|
58
|
-
|
|
57
|
+
? "w-[900px]"
|
|
58
|
+
: "w-[600px] lg:w-[900px] xl:w-[1200px] 2xl:w-[1500px]"
|
|
59
59
|
}`}
|
|
60
60
|
>
|
|
61
61
|
<FullCard>
|
|
@@ -69,7 +69,7 @@ const BaseModal = ({
|
|
|
69
69
|
/>
|
|
70
70
|
</div>
|
|
71
71
|
<DividerLine />
|
|
72
|
-
<div className="max-h-[calc(98vh-
|
|
72
|
+
<div className="max-h-[calc(98vh-120px)] overflow-auto">
|
|
73
73
|
{children}
|
|
74
74
|
</div>
|
|
75
75
|
</FullCard>
|