@alpaca-editor/core 1.0.3787 → 1.0.3789
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/editor/reviews/Comment.js +1 -1
- package/dist/editor/reviews/Comment.js.map +1 -1
- package/dist/lib/safelist.d.ts +1 -0
- package/dist/lib/safelist.js +5 -0
- package/dist/lib/safelist.js.map +1 -0
- package/dist/styles.css +63 -0
- package/package.json +1 -1
- package/src/editor/reviews/Comment.tsx +2 -1
- package/src/lib/safelist.tsx +12 -0
- package/styles.css +45 -0
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
2
2
|
import { useEffect, useRef, useState } from "react";
|
|
3
3
|
import { useEditContext } from "../client/editContext";
|
|
4
4
|
import { createOrUpdateComment, deleteComment, resolveComment, } from "../services/reviewsService";
|
|
5
|
-
import { Button } from "
|
|
5
|
+
import { Button } from "../../components/ui/button";
|
|
6
6
|
import { formatDate } from "../utils";
|
|
7
7
|
import { SimpleIconButton } from "../ui/SimpleIconButton";
|
|
8
8
|
import { OverlayPanel } from "primereact/overlaypanel";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Comment.js","sourceRoot":"","sources":["../../../src/editor/reviews/Comment.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EACL,qBAAqB,EACrB,aAAa,EACb,cAAc,GACf,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Comment.js","sourceRoot":"","sources":["../../../src/editor/reviews/Comment.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function Safelist(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
export function Safelist() {
|
|
3
|
+
return (_jsxs(_Fragment, { children: [_jsx("div", { className: "bg-orange-400" }), _jsx("div", { className: "bg-purple-400" }), _jsx("div", { className: "bg-sky-400" }), _jsx("div", { className: "border-orange-400" }), _jsx("div", { className: "border-purple-400" }), _jsx("div", { className: "border-sky-400" })] }));
|
|
4
|
+
}
|
|
5
|
+
//# sourceMappingURL=safelist.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"safelist.js","sourceRoot":"","sources":["../../src/lib/safelist.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,QAAQ;IACtB,OAAO,CACL,8BACE,cAAK,SAAS,EAAC,eAAe,GAAO,EACrC,cAAK,SAAS,EAAC,eAAe,GAAO,EACrC,cAAK,SAAS,EAAC,YAAY,GAAO,EAClC,cAAK,SAAS,EAAC,mBAAmB,GAAO,EACzC,cAAK,SAAS,EAAC,mBAAmB,GAAO,EACzC,cAAK,SAAS,EAAC,gBAAgB,GAAO,IACrC,CACJ,CAAC;AACJ,CAAC"}
|
package/dist/styles.css
CHANGED
|
@@ -85,6 +85,15 @@
|
|
|
85
85
|
--default-transition-duration: 150ms;
|
|
86
86
|
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
87
87
|
--font-geist-sans: "GeistSans";
|
|
88
|
+
--color-canvas-red: #e32e52;
|
|
89
|
+
--color-canvas-pink: #e32e52;
|
|
90
|
+
--color-alpaca-blue: #209cfc;
|
|
91
|
+
--color-alpaca-blue-light: #41aafd;
|
|
92
|
+
--text-2xs: 0.7rem;
|
|
93
|
+
--animate-sparkle: "sparkle 1.5s ease-in-out infinite";
|
|
94
|
+
--animate-fadeIn: "fadeIn 0.5s ease-in-out";
|
|
95
|
+
--animate-fadeLeft: "fadeLeft 0.8s ease-in-out";
|
|
96
|
+
--animate-fadeRight: "fadeRight 0.8s ease-in-out";
|
|
88
97
|
}
|
|
89
98
|
}
|
|
90
99
|
@layer utilities {
|
|
@@ -616,9 +625,21 @@
|
|
|
616
625
|
.transform {
|
|
617
626
|
transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
|
|
618
627
|
}
|
|
628
|
+
.animate-fadeIn {
|
|
629
|
+
animation: var(--animate-fadeIn);
|
|
630
|
+
}
|
|
631
|
+
.animate-fadeLeft {
|
|
632
|
+
animation: var(--animate-fadeLeft);
|
|
633
|
+
}
|
|
634
|
+
.animate-fadeRight {
|
|
635
|
+
animation: var(--animate-fadeRight);
|
|
636
|
+
}
|
|
619
637
|
.animate-ping {
|
|
620
638
|
animation: var(--animate-ping);
|
|
621
639
|
}
|
|
640
|
+
.animate-sparkle {
|
|
641
|
+
animation: var(--animate-sparkle);
|
|
642
|
+
}
|
|
622
643
|
.animate-spin {
|
|
623
644
|
animation: var(--animate-spin);
|
|
624
645
|
}
|
|
@@ -866,6 +887,12 @@
|
|
|
866
887
|
.border-blue-500 {
|
|
867
888
|
border-color: var(--color-blue-500);
|
|
868
889
|
}
|
|
890
|
+
.border-canvas-pink {
|
|
891
|
+
border-color: var(--color-canvas-pink);
|
|
892
|
+
}
|
|
893
|
+
.border-canvas-red {
|
|
894
|
+
border-color: var(--color-canvas-red);
|
|
895
|
+
}
|
|
869
896
|
.border-gray-200 {
|
|
870
897
|
border-color: var(--color-gray-200);
|
|
871
898
|
}
|
|
@@ -917,6 +944,9 @@
|
|
|
917
944
|
.border-t-transparent {
|
|
918
945
|
border-top-color: transparent;
|
|
919
946
|
}
|
|
947
|
+
.bg-alpaca-blue {
|
|
948
|
+
background-color: var(--color-alpaca-blue);
|
|
949
|
+
}
|
|
920
950
|
.bg-background {
|
|
921
951
|
background-color: var(--background);
|
|
922
952
|
}
|
|
@@ -941,6 +971,9 @@
|
|
|
941
971
|
.bg-blue-600 {
|
|
942
972
|
background-color: var(--color-blue-600);
|
|
943
973
|
}
|
|
974
|
+
.bg-canvas-pink {
|
|
975
|
+
background-color: var(--color-canvas-pink);
|
|
976
|
+
}
|
|
944
977
|
.bg-destructive {
|
|
945
978
|
background-color: var(--destructive);
|
|
946
979
|
}
|
|
@@ -1240,6 +1273,9 @@
|
|
|
1240
1273
|
font-size: var(--text-xs);
|
|
1241
1274
|
line-height: var(--tw-leading, var(--text-xs--line-height));
|
|
1242
1275
|
}
|
|
1276
|
+
.text-2xs {
|
|
1277
|
+
font-size: var(--text-2xs);
|
|
1278
|
+
}
|
|
1243
1279
|
.text-\[12px\] {
|
|
1244
1280
|
font-size: 12px;
|
|
1245
1281
|
}
|
|
@@ -1293,6 +1329,12 @@
|
|
|
1293
1329
|
.text-blue-800 {
|
|
1294
1330
|
color: var(--color-blue-800);
|
|
1295
1331
|
}
|
|
1332
|
+
.text-canvas-pink {
|
|
1333
|
+
color: var(--color-canvas-pink);
|
|
1334
|
+
}
|
|
1335
|
+
.text-canvas-red {
|
|
1336
|
+
color: var(--color-canvas-red);
|
|
1337
|
+
}
|
|
1296
1338
|
.text-gray-100 {
|
|
1297
1339
|
color: var(--color-gray-100);
|
|
1298
1340
|
}
|
|
@@ -1612,6 +1654,13 @@
|
|
|
1612
1654
|
}
|
|
1613
1655
|
}
|
|
1614
1656
|
}
|
|
1657
|
+
.hover\:border-canvas-pink {
|
|
1658
|
+
&:hover {
|
|
1659
|
+
@media (hover: hover) {
|
|
1660
|
+
border-color: var(--color-canvas-pink);
|
|
1661
|
+
}
|
|
1662
|
+
}
|
|
1663
|
+
}
|
|
1615
1664
|
.hover\:border-gray-300 {
|
|
1616
1665
|
&:hover {
|
|
1617
1666
|
@media (hover: hover) {
|
|
@@ -1626,6 +1675,13 @@
|
|
|
1626
1675
|
}
|
|
1627
1676
|
}
|
|
1628
1677
|
}
|
|
1678
|
+
.hover\:bg-alpaca-blue-light {
|
|
1679
|
+
&:hover {
|
|
1680
|
+
@media (hover: hover) {
|
|
1681
|
+
background-color: var(--color-alpaca-blue-light);
|
|
1682
|
+
}
|
|
1683
|
+
}
|
|
1684
|
+
}
|
|
1629
1685
|
.hover\:bg-blue-600 {
|
|
1630
1686
|
&:hover {
|
|
1631
1687
|
@media (hover: hover) {
|
|
@@ -1745,6 +1801,13 @@
|
|
|
1745
1801
|
}
|
|
1746
1802
|
}
|
|
1747
1803
|
}
|
|
1804
|
+
.hover\:text-canvas-pink {
|
|
1805
|
+
&:hover {
|
|
1806
|
+
@media (hover: hover) {
|
|
1807
|
+
color: var(--color-canvas-pink);
|
|
1808
|
+
}
|
|
1809
|
+
}
|
|
1810
|
+
}
|
|
1748
1811
|
.hover\:text-gray-400 {
|
|
1749
1812
|
&:hover {
|
|
1750
1813
|
@media (hover: hover) {
|
package/package.json
CHANGED
|
@@ -6,12 +6,13 @@ import {
|
|
|
6
6
|
deleteComment,
|
|
7
7
|
resolveComment,
|
|
8
8
|
} from "../services/reviewsService";
|
|
9
|
-
import { Button } from "
|
|
9
|
+
import { Button } from "../../components/ui/button";
|
|
10
10
|
import { formatDate } from "../utils";
|
|
11
11
|
import { SimpleIconButton } from "../ui/SimpleIconButton";
|
|
12
12
|
import { OverlayPanel } from "primereact/overlaypanel";
|
|
13
13
|
import { ProgressSpinner } from "primereact/progressspinner";
|
|
14
14
|
import { useDebouncedCallback } from "use-debounce";
|
|
15
|
+
|
|
15
16
|
export function Comment({ comment }: { comment: CommentType }) {
|
|
16
17
|
const editContext = useEditContext();
|
|
17
18
|
const [commentText, setCommentText] = useState(comment.text);
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export function Safelist() {
|
|
2
|
+
return (
|
|
3
|
+
<>
|
|
4
|
+
<div className="bg-orange-400"></div>
|
|
5
|
+
<div className="bg-purple-400"></div>
|
|
6
|
+
<div className="bg-sky-400"></div>
|
|
7
|
+
<div className="border-orange-400"></div>
|
|
8
|
+
<div className="border-purple-400"></div>
|
|
9
|
+
<div className="border-sky-400"></div>
|
|
10
|
+
</>
|
|
11
|
+
);
|
|
12
|
+
}
|
package/styles.css
CHANGED
|
@@ -1,6 +1,51 @@
|
|
|
1
1
|
@theme {
|
|
2
2
|
--font-geist-sans: "GeistSans";
|
|
3
3
|
--font-geist-mono: "GeistMono";
|
|
4
|
+
--color-canvas-red: #e32e52;
|
|
5
|
+
--color-canvas-pink: #e32e52;
|
|
6
|
+
--color-alpaca-blue: #209cfc;
|
|
7
|
+
--color-alpaca-blue-light: #41aafd;
|
|
8
|
+
--text-2xs: 0.7rem;
|
|
9
|
+
--text-3xs: 0.6rem;
|
|
10
|
+
--animate-sparkle: "sparkle 1.5s ease-in-out infinite";
|
|
11
|
+
--animate-slideUp: "slideUp 0.3s cubic-bezier(0.4, 0, 0.2, 1)";
|
|
12
|
+
--animate-fadeBottom: "fadeBottom 0.3s cubic-bezier(0.4, 0, 0.2, 1)";
|
|
13
|
+
--animate-fadeIn: "fadeIn 0.5s ease-in-out";
|
|
14
|
+
--animate-fadeLeft: "fadeLeft 0.8s ease-in-out";
|
|
15
|
+
--animate-fadeRight: "fadeRight 0.8s ease-in-out";
|
|
16
|
+
--animate-bounceDots: "bounceDots .6s infinite alternate";
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
@keyframes sparkle {
|
|
20
|
+
"0%, 100%": { opacity: 0.8, transform: scale(1) }
|
|
21
|
+
"50%": { opacity: 1, transform: scale(1.3) }
|
|
22
|
+
}
|
|
23
|
+
@keyframes slideUp {
|
|
24
|
+
"0%": { transform: translateY(70px), opacity: 0 }
|
|
25
|
+
"100%": { transform: translateY(0), opacity: 1 }
|
|
26
|
+
}
|
|
27
|
+
@keyframes fadeIn {
|
|
28
|
+
"0%": { opacity: 0 }
|
|
29
|
+
"100%": { opacity: 1 }
|
|
30
|
+
}
|
|
31
|
+
@keyframes fadeLeft {
|
|
32
|
+
"0%": { transform: translateX(-50%), opacity: 0 }
|
|
33
|
+
"100%": { transform: translateX(0), opacity: 1 }
|
|
34
|
+
}
|
|
35
|
+
@keyframes fadeRight {
|
|
36
|
+
"0%": { transform: translateX(50%), opacity: 0 }
|
|
37
|
+
"100%": { transform: translateX(0), opacity: 1 }
|
|
38
|
+
}
|
|
39
|
+
@keyframes fadeBottom {
|
|
40
|
+
"0%": { transform: translateY(50%), opacity: 0 }
|
|
41
|
+
"100%": { transform: translateY(0), opacity: 1 }
|
|
42
|
+
}
|
|
43
|
+
@keyframes bounceDots {
|
|
44
|
+
"0%": { opacity: 1, transform: translateY(0) }
|
|
45
|
+
"100%": { opacity: 0.3, transform: translateY(-2px) }
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
|
|
4
49
|
}
|
|
5
50
|
|
|
6
51
|
:root {
|