@optiaxiom/proteus 0.1.9 → 0.1.10
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/esm/assets/src/proteus-chart/{ProteusChart.css.ts.vanilla-LRcMMJZk.css → ProteusChart.css.ts.vanilla-D33V0Us-.css} +2 -2
- package/dist/esm/assets/src/proteus-chart/{ProteusChartTooltipContent.css.ts.vanilla-DKEhAIv_.css → ProteusChartTooltipContent.css.ts.vanilla-61AtcZEK.css} +2 -2
- package/dist/esm/assets/src/proteus-question/{ProteusQuestionItem.css.ts.vanilla-DKNC2TjW.css → ProteusQuestionItem.css.ts.vanilla-U4mkv5De.css} +2 -2
- package/dist/esm/proteus-chart/ProteusChart-css.js +1 -1
- package/dist/esm/proteus-chart/ProteusChartTooltipContent-css.js +1 -1
- package/dist/esm/proteus-image/ProteusImage.js +23 -45
- package/dist/esm/proteus-question/ProteusQuestionItem-css.js +1 -1
- package/package.json +2 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './../assets/src/proteus-chart/ProteusChart.css.ts.vanilla-
|
|
1
|
+
import './../assets/src/proteus-chart/ProteusChart.css.ts.vanilla-D33V0Us-.css';
|
|
2
2
|
import { recipe } from '@optiaxiom/react/css-runtime';
|
|
3
3
|
|
|
4
4
|
var chart = recipe({base:[{border:'1',borderColor:'border.tertiary',fontSize:'sm',p:'16'},'ProteusChart__jmlqij1','ProteusChart__jmlqij0']});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './../assets/src/proteus-chart/ProteusChartTooltipContent.css.ts.vanilla-
|
|
1
|
+
import './../assets/src/proteus-chart/ProteusChartTooltipContent.css.ts.vanilla-61AtcZEK.css';
|
|
2
2
|
import { recipe } from '@optiaxiom/react/css-runtime';
|
|
3
3
|
|
|
4
4
|
var tooltip = recipe({base:[{bg:'bg.default',border:'1',borderColor:'border.secondary',display:'grid',fontSize:'sm',gap:'6',px:'8',py:'10',rounded:'lg',shadow:'lg'},'ProteusChartTooltipContent__1gsvq810']});
|
|
@@ -1,17 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
2
|
+
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { Box, Spinner, Dialog, DialogTrigger, DialogContent, DialogHeader, DialogBody, DialogFooter, DialogClose, Button } from '@optiaxiom/react';
|
|
4
|
-
import { useState
|
|
4
|
+
import { useState } from 'react';
|
|
5
5
|
import { downloadFile } from './downloadFile.js';
|
|
6
6
|
|
|
7
7
|
function ProteusImage(props) {
|
|
8
8
|
const [open, setOpen] = useState(false);
|
|
9
9
|
const [isDownloading, setIsDownloading] = useState(false);
|
|
10
10
|
const [isLoaded, setIsLoaded] = useState(false);
|
|
11
|
-
const imgRef = useRef(null);
|
|
12
|
-
if (props.objectFit === "cover") {
|
|
13
|
-
return /* @__PURE__ */ jsx(Box, { asChild: true, objectFit: "cover", overflow: "hidden", ...props, children: /* @__PURE__ */ jsx("img", { alt: props.alt, src: props.src }) });
|
|
14
|
-
}
|
|
15
11
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
16
12
|
!isLoaded && /* @__PURE__ */ jsx(
|
|
17
13
|
Box,
|
|
@@ -32,51 +28,33 @@ function ProteusImage(props) {
|
|
|
32
28
|
/* @__PURE__ */ jsx(DialogTrigger, { "aria-label": "Expand", asChild: true, children: /* @__PURE__ */ jsx(
|
|
33
29
|
Box,
|
|
34
30
|
{
|
|
35
|
-
alignSelf: "center",
|
|
36
31
|
asChild: true,
|
|
32
|
+
cursor: "pointer",
|
|
37
33
|
display: isLoaded ? "flex" : "none",
|
|
38
|
-
|
|
34
|
+
objectFit: "contain",
|
|
35
|
+
overflow: "hidden",
|
|
36
|
+
rounded: "inherit",
|
|
37
|
+
size: "full",
|
|
39
38
|
...props,
|
|
40
39
|
children: /* @__PURE__ */ jsx(
|
|
41
|
-
"
|
|
40
|
+
"img",
|
|
42
41
|
{
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
42
|
+
alt: props.alt,
|
|
43
|
+
draggable: true,
|
|
44
|
+
onDragStart: (event) => {
|
|
45
|
+
event.stopPropagation();
|
|
46
|
+
event.dataTransfer.effectAllowed = "copy";
|
|
47
|
+
event.dataTransfer.setData(
|
|
48
|
+
"opal-chat-dnd-data",
|
|
49
|
+
JSON.stringify({
|
|
50
|
+
link: props.src,
|
|
51
|
+
mime_type: "image/*",
|
|
52
|
+
name: props.src?.split("/").pop()
|
|
53
|
+
})
|
|
54
|
+
);
|
|
47
55
|
},
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
Box,
|
|
51
|
-
{
|
|
52
|
-
asChild: true,
|
|
53
|
-
objectFit: "contain",
|
|
54
|
-
overflow: "hidden",
|
|
55
|
-
rounded: "inherit",
|
|
56
|
-
children: /* @__PURE__ */ jsx(
|
|
57
|
-
"img",
|
|
58
|
-
{
|
|
59
|
-
alt: props.alt,
|
|
60
|
-
draggable: true,
|
|
61
|
-
onDragStart: (event) => {
|
|
62
|
-
event.stopPropagation();
|
|
63
|
-
event.dataTransfer.effectAllowed = "copy";
|
|
64
|
-
event.dataTransfer.setData(
|
|
65
|
-
"opal-chat-dnd-data",
|
|
66
|
-
JSON.stringify({
|
|
67
|
-
link: props.src,
|
|
68
|
-
mime_type: "image/*",
|
|
69
|
-
name: props.src?.split("/").pop()
|
|
70
|
-
})
|
|
71
|
-
);
|
|
72
|
-
},
|
|
73
|
-
onLoad: () => setIsLoaded(true),
|
|
74
|
-
ref: imgRef,
|
|
75
|
-
src: props.src
|
|
76
|
-
}
|
|
77
|
-
)
|
|
78
|
-
}
|
|
79
|
-
)
|
|
56
|
+
onLoad: () => setIsLoaded(true),
|
|
57
|
+
src: props.src
|
|
80
58
|
}
|
|
81
59
|
)
|
|
82
60
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './../assets/src/proteus-question/ProteusQuestionItem.css.ts.vanilla-
|
|
1
|
+
import './../assets/src/proteus-question/ProteusQuestionItem.css.ts.vanilla-U4mkv5De.css';
|
|
2
2
|
import { recipe } from '@optiaxiom/react/css-runtime';
|
|
3
3
|
|
|
4
4
|
var addon = recipe({base:[{display:'grid',fontWeight:'500',placeItems:'center',rounded:'lg',size:'md',transition:'colors'},'ProteusQuestionItem__uar8vn3'],variants:{cursor:{pointer:{cursor:'pointer'}}}});
|
package/package.json
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
"url": "git+https://github.com/optimizely-axiom/optiaxiom.git"
|
|
8
8
|
},
|
|
9
9
|
"type": "module",
|
|
10
|
-
"version": "0.1.
|
|
10
|
+
"version": "0.1.10",
|
|
11
11
|
"files": [
|
|
12
12
|
"dist/**",
|
|
13
13
|
"LICENSE"
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"@tanstack/react-table": "^8.0.0",
|
|
35
35
|
"jsonpointer": "^5.0.1",
|
|
36
36
|
"recharts": "^3.7.0",
|
|
37
|
-
"@optiaxiom/react": "1.9.
|
|
37
|
+
"@optiaxiom/react": "1.9.22"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
40
|
"@emotion/hash": "^0.9.2",
|