@optiaxiom/proteus 0.1.8 → 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.
Files changed (9) hide show
  1. package/dist/esm/assets/src/proteus-chart/{ProteusChart.css.ts.vanilla-LRcMMJZk.css → ProteusChart.css.ts.vanilla-D33V0Us-.css} +2 -2
  2. package/dist/esm/assets/src/proteus-chart/{ProteusChartTooltipContent.css.ts.vanilla-DKEhAIv_.css → ProteusChartTooltipContent.css.ts.vanilla-61AtcZEK.css} +2 -2
  3. package/dist/esm/assets/src/proteus-question/{ProteusQuestionItem.css.ts.vanilla-DKNC2TjW.css → ProteusQuestionItem.css.ts.vanilla-U4mkv5De.css} +2 -2
  4. package/dist/esm/proteus-chart/ProteusChart-css.js +1 -1
  5. package/dist/esm/proteus-chart/ProteusChartTooltipContent-css.js +1 -1
  6. package/dist/esm/proteus-image/ProteusImage.js +23 -45
  7. package/dist/esm/proteus-image/downloadFile.js +1 -8
  8. package/dist/esm/proteus-question/ProteusQuestionItem-css.js +1 -1
  9. package/package.json +2 -2
package/dist/esm/assets/src/proteus-chart/{ProteusChart.css.ts.vanilla-LRcMMJZk.css → ProteusChart.css.ts.vanilla-D33V0Us-.css} RENAMED
@@ -1,5 +1,5 @@
1
- @layer optiaxiom._1i20cyi;
2
- @layer optiaxiom._1i20cyi {
1
+ @layer optiaxiom._14psyja;
2
+ @layer optiaxiom._14psyja {
3
3
  .ProteusChart__jmlqij1 {
4
4
  border-radius: 16px;
5
5
  }
package/dist/esm/assets/src/proteus-chart/{ProteusChartTooltipContent.css.ts.vanilla-DKEhAIv_.css → ProteusChartTooltipContent.css.ts.vanilla-61AtcZEK.css} RENAMED
@@ -1,5 +1,5 @@
1
- @layer optiaxiom._1i20cyi;
2
- @layer optiaxiom._1i20cyi {
1
+ @layer optiaxiom._14psyja;
2
+ @layer optiaxiom._14psyja {
3
3
  .ProteusChartTooltipContent__1gsvq810 {
4
4
  min-width: 128px;
5
5
  }
package/dist/esm/assets/src/proteus-question/{ProteusQuestionItem.css.ts.vanilla-DKNC2TjW.css → ProteusQuestionItem.css.ts.vanilla-U4mkv5De.css} RENAMED
@@ -1,5 +1,5 @@
1
- @layer optiaxiom._1i20cyi;
2
- @layer optiaxiom._1i20cyi {
1
+ @layer optiaxiom._14psyja;
2
+ @layer optiaxiom._14psyja {
3
3
  .ProteusQuestionItem__uar8vn2 {
4
4
  background-color: var(--ax-colors-bg-page);
5
5
  border-color: var(--ax-colors-bg-page);
package/dist/esm/proteus-chart/ProteusChart-css.js CHANGED
@@ -1,4 +1,4 @@
1
- import './../assets/src/proteus-chart/ProteusChart.css.ts.vanilla-LRcMMJZk.css';
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']});
package/dist/esm/proteus-chart/ProteusChartTooltipContent-css.js CHANGED
@@ -1,4 +1,4 @@
1
- import './../assets/src/proteus-chart/ProteusChartTooltipContent.css.ts.vanilla-DKEhAIv_.css';
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']});
package/dist/esm/proteus-image/ProteusImage.js CHANGED
@@ -1,17 +1,13 @@
1
1
  "use client";
2
- import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
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, useRef } from 'react';
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
- justifyContent: "center",
34
+ objectFit: "contain",
35
+ overflow: "hidden",
36
+ rounded: "inherit",
37
+ size: "full",
39
38
  ...props,
40
39
  children: /* @__PURE__ */ jsx(
41
- "a",
40
+ "img",
42
41
  {
43
- href: props.src,
44
- onClick: (event) => {
45
- event.preventDefault();
46
- setOpen(true);
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
- type: "",
49
- children: /* @__PURE__ */ jsx(
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
  }
package/dist/esm/proteus-image/downloadFile.js CHANGED
@@ -1,12 +1,5 @@
1
1
  async function downloadFile(url) {
2
- const response = await fetch(url, { credentials: "include" });
3
- const blob = await response.blob();
4
- const objectUrl = URL.createObjectURL(blob);
5
- const a = document.createElement("a");
6
- a.href = objectUrl;
7
- a.download = url.split("/").pop() || "";
8
- a.click();
9
- URL.revokeObjectURL(objectUrl);
2
+ window.open(url, "_blank");
10
3
  }
11
4
 
12
5
  export { downloadFile };
package/dist/esm/proteus-question/ProteusQuestionItem-css.js CHANGED
@@ -1,4 +1,4 @@
1
- import './../assets/src/proteus-question/ProteusQuestionItem.css.ts.vanilla-DKNC2TjW.css';
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.8",
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.21"
37
+ "@optiaxiom/react": "1.9.22"
38
38
  },
39
39
  "devDependencies": {
40
40
  "@emotion/hash": "^0.9.2",