@tetrascience-npm/tetrascience-react-ui 0.4.0-beta.8.1 → 0.4.0
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/README.md +58 -4
- package/dist/athena.d.ts +167 -0
- package/dist/databricks.d.ts +129 -0
- package/dist/exceptions-DN25pCDi.cjs +2 -0
- package/dist/exceptions-DN25pCDi.cjs.map +1 -0
- package/dist/exceptions-jCQ6h5C8.js +33 -0
- package/dist/exceptions-jCQ6h5C8.js.map +1 -0
- package/dist/index.cjs +2021 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +2165 -1733
- package/dist/index.js +9461 -2
- package/dist/index.js.map +1 -0
- package/dist/logo.png +0 -0
- package/dist/providers/athena.cjs +2 -0
- package/dist/providers/athena.cjs.map +1 -0
- package/dist/providers/athena.d.ts +7 -77
- package/dist/providers/athena.js +160 -0
- package/dist/providers/athena.js.map +1 -0
- package/dist/providers/databricks.cjs +2 -0
- package/dist/providers/databricks.cjs.map +1 -0
- package/dist/providers/databricks.d.ts +7 -41
- package/dist/providers/databricks.js +85 -0
- package/dist/providers/databricks.js.map +1 -0
- package/dist/providers/snowflake.cjs +2 -0
- package/dist/providers/snowflake.cjs.map +1 -0
- package/dist/providers/snowflake.d.ts +7 -38
- package/dist/providers/snowflake.js +122 -0
- package/dist/providers/snowflake.js.map +1 -0
- package/dist/server.cjs +2 -0
- package/dist/server.cjs.map +1 -0
- package/dist/server.d.ts +537 -522
- package/dist/server.js +266 -0
- package/dist/server.js.map +1 -0
- package/dist/{providers/types-Ck4uFaGp.d.ts → snowflake.d.ts} +125 -82
- package/dist/vite.svg +1 -0
- package/package.json +32 -52
- package/dist/cjs/index.js +0 -2001
- package/dist/cjs/index.js.map +0 -1
- package/dist/cjs/providers/athena.js +0 -2
- package/dist/cjs/providers/athena.js.map +0 -1
- package/dist/cjs/providers/databricks.js +0 -2
- package/dist/cjs/providers/databricks.js.map +0 -1
- package/dist/cjs/providers/exceptions-CYktpdqW.js +0 -2
- package/dist/cjs/providers/exceptions-CYktpdqW.js.map +0 -1
- package/dist/cjs/providers/snowflake.js +0 -2
- package/dist/cjs/providers/snowflake.js.map +0 -1
- package/dist/cjs/server.js +0 -2
- package/dist/cjs/server.js.map +0 -1
- package/dist/esm/index.js +0 -2001
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/providers/athena.js +0 -2
- package/dist/esm/providers/athena.js.map +0 -1
- package/dist/esm/providers/databricks.js +0 -2
- package/dist/esm/providers/databricks.js.map +0 -1
- package/dist/esm/providers/exceptions-C3uFWZB2.js +0 -2
- package/dist/esm/providers/exceptions-C3uFWZB2.js.map +0 -1
- package/dist/esm/providers/snowflake.js +0 -2
- package/dist/esm/providers/snowflake.js.map +0 -1
- package/dist/esm/server.js +0 -2
- package/dist/esm/server.js.map +0 -1
package/dist/cjs/index.js
DELETED
|
@@ -1,2001 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("styled-components"),r=require("react"),o=require("@monaco-editor/react"),i=require("react-markdown"),n=require("react-syntax-highlighter"),a=require("rehype-raw"),s=require("remark-gfm"),l=require("react-dom"),c=require("plotly.js-dist");const d={small:t.css`
|
|
2
|
-
height: 22px;
|
|
3
|
-
`,medium:t.css`
|
|
4
|
-
height: 26px;
|
|
5
|
-
`},h={default:t.css`
|
|
6
|
-
color: var(--black);
|
|
7
|
-
background-color: var(--white);
|
|
8
|
-
border: 1px solid var(--grey-300);
|
|
9
|
-
`,primary:t.css`
|
|
10
|
-
color: var(--blue-600);
|
|
11
|
-
background-color: var(--blue-50);
|
|
12
|
-
border: 1px solid var(--blue-600);
|
|
13
|
-
`},p=t.span`
|
|
14
|
-
display: inline-flex;
|
|
15
|
-
align-items: center;
|
|
16
|
-
justify-content: center;
|
|
17
|
-
gap: 6px;
|
|
18
|
-
font-family: "Inter", sans-serif;
|
|
19
|
-
font-size: 13px;
|
|
20
|
-
font-style: normal;
|
|
21
|
-
font-weight: 400;
|
|
22
|
-
line-height: 18px;
|
|
23
|
-
white-space: nowrap;
|
|
24
|
-
padding: 2px 8px;
|
|
25
|
-
border-radius: 6px;
|
|
26
|
-
user-select: none;
|
|
27
|
-
|
|
28
|
-
${({$size:e})=>d[e]}
|
|
29
|
-
${({$variant:e})=>h[e]}
|
|
30
|
-
|
|
31
|
-
${({$disabled:e})=>e&&t.css`
|
|
32
|
-
cursor: not-allowed;
|
|
33
|
-
background-color: var(--white);
|
|
34
|
-
border-color: var(--grey-300);
|
|
35
|
-
color: var(--grey-300);
|
|
36
|
-
`}
|
|
37
|
-
|
|
38
|
-
svg {
|
|
39
|
-
width: 16px;
|
|
40
|
-
height: 16px;
|
|
41
|
-
}
|
|
42
|
-
`,x={small:t.css`
|
|
43
|
-
height: 34px;
|
|
44
|
-
`,medium:t.css`
|
|
45
|
-
height: 38px;
|
|
46
|
-
`},u={primary:t.css`
|
|
47
|
-
color: var(--white-900);
|
|
48
|
-
background-color: var(--theme-primary, var(--blue-900));
|
|
49
|
-
border: 1px solid var(--theme-primary, var(--blue-900));
|
|
50
|
-
|
|
51
|
-
&:hover:not(:disabled) {
|
|
52
|
-
background-color: var(--theme-primaryHover, var(--blue-800));
|
|
53
|
-
border-color: var(--theme-primaryHover, var(--blue-800));
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
&:focus:not(:disabled) {
|
|
57
|
-
background-color: var(--theme-primaryHover, var(--blue-800));
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
&:active:not(:disabled) {
|
|
61
|
-
background-color: var(--theme-primaryActive, var(--blue-800));
|
|
62
|
-
border-color: var(--theme-primaryActive, var(--blue-800));
|
|
63
|
-
}
|
|
64
|
-
`,secondary:t.css`
|
|
65
|
-
color: var(--blue-600);
|
|
66
|
-
background-color: var(--white-900);
|
|
67
|
-
border: 1px solid var(--blue-600);
|
|
68
|
-
|
|
69
|
-
&:hover:not(:disabled) {
|
|
70
|
-
background-color: var(--blue-100);
|
|
71
|
-
border-color: var(--blue-600);
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
&:focus:not(:disabled) {
|
|
75
|
-
background-color: var(--blue-100);
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
&:active:not(:disabled) {
|
|
79
|
-
border-color: var(--blue-600);
|
|
80
|
-
background-color: var(--blue-100);
|
|
81
|
-
}
|
|
82
|
-
`,tertiary:t.css`
|
|
83
|
-
color: var(--black-900);
|
|
84
|
-
background-color: var(--white-900);
|
|
85
|
-
border: 1px solid var(--grey-300);
|
|
86
|
-
|
|
87
|
-
&:hover:not(:disabled) {
|
|
88
|
-
background-color: var(--grey-100);
|
|
89
|
-
border: 1px solid var(--grey-300);
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
&:focus:not(:disabled) {
|
|
93
|
-
background-color: var(--grey-100);
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
&:active:not(:disabled) {
|
|
97
|
-
background-color: var(--grey-100);
|
|
98
|
-
}
|
|
99
|
-
`},g=t.button`
|
|
100
|
-
display: inline-flex;
|
|
101
|
-
align-items: center;
|
|
102
|
-
justify-content: center;
|
|
103
|
-
gap: 8px;
|
|
104
|
-
border-radius: var(--theme-radius-medium, 8px);
|
|
105
|
-
font-family: "Inter", sans-serif;
|
|
106
|
-
font-weight: 600;
|
|
107
|
-
cursor: pointer;
|
|
108
|
-
transition: all 0.2s;
|
|
109
|
-
font-size: 14px;
|
|
110
|
-
min-height: 20px;
|
|
111
|
-
width: ${e=>e.$fullWidth?"100%":"auto"};
|
|
112
|
-
padding: ${e=>{return t=e.size||"medium",e.$noPadding?"0":"small"===t?"7px 10px":"9px 12px";var t}};
|
|
113
|
-
user-select: none;
|
|
114
|
-
|
|
115
|
-
${e=>x[e.size||"medium"]}
|
|
116
|
-
${e=>u[e.variant||"primary"]}
|
|
117
|
-
|
|
118
|
-
&:disabled {
|
|
119
|
-
cursor: not-allowed;
|
|
120
|
-
user-select: none;
|
|
121
|
-
pointer-events: none;
|
|
122
|
-
background-color: var(--grey-300);
|
|
123
|
-
border-color: var(--grey-300);
|
|
124
|
-
color: var(--white-900);
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
&:focus {
|
|
128
|
-
outline: none;
|
|
129
|
-
box-shadow: 0px 0px 0px 1px var(--white-900),
|
|
130
|
-
0px 0px 0px 3px var(--blue-600);
|
|
131
|
-
}
|
|
132
|
-
`,f=({children:t,variant:r="primary",size:o="medium",loading:i=!1,leftIcon:n,rightIcon:a,noPadding:s=!1,fullWidth:l=!1,disabled:c,ref:d,...h})=>e.jsxs(g,{ref:d,variant:r,size:o,$noPadding:s,$fullWidth:l,disabled:c||i,...h,children:[n,t,a]}),m=t.button`
|
|
133
|
-
display: flex;
|
|
134
|
-
align-items: center;
|
|
135
|
-
justify-content: center;
|
|
136
|
-
width: 40px;
|
|
137
|
-
height: 40px;
|
|
138
|
-
background-color: ${e=>e.selected?"var(--grey-100)":"var(--white-900)"};
|
|
139
|
-
border: none;
|
|
140
|
-
border-radius: 0;
|
|
141
|
-
cursor: ${e=>e.disabled?"not-allowed":"pointer"};
|
|
142
|
-
outline: none;
|
|
143
|
-
transition: all 0.2s ease;
|
|
144
|
-
padding: 0;
|
|
145
|
-
|
|
146
|
-
&:hover:not(:disabled) {
|
|
147
|
-
background-color: var(--grey-100);
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
&:active:not(:disabled) {
|
|
151
|
-
background-color: var(--grey-100);
|
|
152
|
-
outline: none;
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
&:focus,
|
|
156
|
-
&:focus-visible {
|
|
157
|
-
outline-color: var(--blue-600) !important;
|
|
158
|
-
}
|
|
159
|
-
|
|
160
|
-
&:disabled {
|
|
161
|
-
opacity: 0.5;
|
|
162
|
-
background-color: var(--grey-50);
|
|
163
|
-
border-color: var(--grey-200);
|
|
164
|
-
}
|
|
165
|
-
|
|
166
|
-
svg {
|
|
167
|
-
width: 20px;
|
|
168
|
-
height: 20px;
|
|
169
|
-
color: ${e=>e.disabled?"var(--grey-400)":"var(--blue-900)"};
|
|
170
|
-
}
|
|
171
|
-
`,C=({icon:t,selected:r=!1,disabled:o=!1,onClick:i})=>e.jsx(m,{selected:r,disabled:o,onClick:o?void 0:i,children:t}),b={small:t.css`
|
|
172
|
-
padding: 12px;
|
|
173
|
-
`,medium:t.css`
|
|
174
|
-
padding: 16px;
|
|
175
|
-
`,large:t.css`
|
|
176
|
-
padding: 20px;
|
|
177
|
-
`},v={default:t.css`
|
|
178
|
-
background-color: var(--theme-cardBackground, var(--white-900));
|
|
179
|
-
border: 1px solid var(--theme-cardBorder, var(--grey-200));
|
|
180
|
-
`,outlined:t.css`
|
|
181
|
-
background-color: var(--theme-cardBackground, var(--white-900));
|
|
182
|
-
border: 1px solid var(--theme-cardBorder, var(--grey-200));
|
|
183
|
-
`,elevated:t.css`
|
|
184
|
-
background-color: var(--theme-cardBackground, var(--white-900));
|
|
185
|
-
border: 1px solid var(--theme-cardBorder, var(--grey-200));
|
|
186
|
-
box-shadow: 0px 2px 4px var(--black-100);
|
|
187
|
-
`},w=t.div`
|
|
188
|
-
border-radius: var(--theme-radius-large, 16px);
|
|
189
|
-
width: ${e=>e.$fullWidth?"100%":"auto"};
|
|
190
|
-
${e=>v[e.$variant]}
|
|
191
|
-
transition: all 0.2s ease;
|
|
192
|
-
`,y=t.div`
|
|
193
|
-
font-family: "Inter", sans-serif;
|
|
194
|
-
font-size: 14px;
|
|
195
|
-
font-style: normal;
|
|
196
|
-
font-weight: 600;
|
|
197
|
-
line-height: 20px;
|
|
198
|
-
background-color: var(--grey-50);
|
|
199
|
-
border-top-left-radius: var(--theme-radius-large, 16px);
|
|
200
|
-
border-top-right-radius: var(--theme-radius-large, 16px);
|
|
201
|
-
${e=>b[e.$size]}
|
|
202
|
-
`,k=t.div`
|
|
203
|
-
${e=>b[e.$size]}
|
|
204
|
-
`,j=({fill:t="currentColor",width:r="20",height:o="20"})=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 20 20",fill:"none",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2 4.75C2 4.33579 2.33579 4 2.75 4H17.25C17.6642 4 18 4.33579 18 4.75C18 5.16421 17.6642 5.5 17.25 5.5H2.75C2.33579 5.5 2 5.16421 2 4.75ZM2 15.25C2 14.8358 2.33579 14.5 2.75 14.5H10.25C10.6642 14.5 11 14.8358 11 15.25C11 15.6642 10.6642 16 10.25 16H2.75C2.33579 16 2 15.6642 2 15.25Z",fill:t}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2 10C2 9.58579 2.33579 9.25 2.75 9.25H17.25C17.6642 9.25 18 9.58579 18 10C18 10.4142 17.6642 10.75 17.25 10.75H2.75C2.33579 10.75 2 10.4142 2 10Z",fill:t})]}),M=({fill:t="currentColor",width:r="20",height:o="20"})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 20 20",fill:"none",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4 16.5V3.5H3.75C3.55109 3.5 3.36032 3.42098 3.21967 3.28033C3.07902 3.13968 3 2.94891 3 2.75C3 2.55109 3.07902 2.36032 3.21967 2.21967C3.36032 2.07902 3.55109 2 3.75 2H16.25C16.4489 2 16.6397 2.07902 16.7803 2.21967C16.921 2.36032 17 2.55109 17 2.75C17 2.94891 16.921 3.13968 16.7803 3.28033C16.6397 3.42098 16.4489 3.5 16.25 3.5H16V16.5H16.25C16.4489 16.5 16.6397 16.579 16.7803 16.7197C16.921 16.8603 17 17.0511 17 17.25C17 17.4489 16.921 17.6397 16.7803 17.7803C16.6397 17.921 16.4489 18 16.25 18H12.75C12.5511 18 12.3603 17.921 12.2197 17.7803C12.079 17.6397 12 17.4489 12 17.25V14.75C12 14.5511 11.921 14.3603 11.7803 14.2197C11.6397 14.079 11.4489 14 11.25 14H8.75C8.55109 14 8.36032 14.079 8.21967 14.2197C8.07902 14.3603 8 14.5511 8 14.75V17.25C8 17.4489 7.92098 17.6397 7.78033 17.7803C7.63968 17.921 7.44891 18 7.25 18H3.75C3.55109 18 3.36032 17.921 3.21967 17.7803C3.07902 17.6397 3 17.4489 3 17.25C3 17.0511 3.07902 16.8603 3.21967 16.7197C3.36032 16.579 3.55109 16.5 3.75 16.5H4ZM7 5.5C7 5.36739 7.05268 5.24021 7.14645 5.14645C7.24021 5.05268 7.36739 5 7.5 5H8.5C8.63261 5 8.75979 5.05268 8.85355 5.14645C8.94732 5.24021 9 5.36739 9 5.5V6.5C9 6.63261 8.94732 6.75979 8.85355 6.85355C8.75979 6.94732 8.63261 7 8.5 7H7.5C7.36739 7 7.24021 6.94732 7.14645 6.85355C7.05268 6.75979 7 6.63261 7 6.5V5.5ZM7.5 9C7.36739 9 7.24021 9.05268 7.14645 9.14645C7.05268 9.24021 7 9.36739 7 9.5V10.5C7 10.6326 7.05268 10.7598 7.14645 10.8536C7.24021 10.9473 7.36739 11 7.5 11H8.5C8.63261 11 8.75979 10.9473 8.85355 10.8536C8.94732 10.7598 9 10.6326 9 10.5V9.5C9 9.36739 8.94732 9.24021 8.85355 9.14645C8.75979 9.05268 8.63261 9 8.5 9H7.5ZM11 5.5C11 5.36739 11.0527 5.24021 11.1464 5.14645C11.2402 5.05268 11.3674 5 11.5 5H12.5C12.6326 5 12.7598 5.05268 12.8536 5.14645C12.9473 5.24021 13 5.36739 13 5.5V6.5C13 6.63261 12.9473 6.75979 12.8536 6.85355C12.7598 6.94732 12.6326 7 12.5 7H11.5C11.3674 7 11.2402 6.94732 11.1464 6.85355C11.0527 6.75979 11 6.63261 11 6.5V5.5ZM11.5 9C11.3674 9 11.2402 9.05268 11.1464 9.14645C11.0527 9.24021 11 9.36739 11 9.5V10.5C11 10.6326 11.0527 10.7598 11.1464 10.8536C11.2402 10.9473 11.3674 11 11.5 11H12.5C12.6326 11 12.7598 10.9473 12.8536 10.8536C12.9473 10.7598 13 10.6326 13 10.5V9.5C13 9.36739 12.9473 9.24021 12.8536 9.14645C12.7598 9.05268 12.6326 9 12.5 9H11.5Z",fill:t})}),L=({fill:t="currentColor",width:r="20",height:o="20"})=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 20 20",fill:"none",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.997 5.25C17.9972 4.69436 17.7917 4.15832 17.4202 3.74512C17.0488 3.33191 16.5375 3.07077 15.985 3.012C15.9262 2.45948 15.6651 1.94825 15.2519 1.57677C14.8387 1.20529 14.3026 0.999846 13.747 1H12.247C11.6914 0.999846 11.1553 1.20529 10.7421 1.57677C10.3289 1.94825 10.0678 2.45948 10.009 3.012C9.134 3.104 8.409 3.698 8.125 4.5H10.997C11.66 4.5 12.2959 4.76339 12.7648 5.23223C13.2336 5.70107 13.497 6.33696 13.497 7V14H15.747C16.3437 14 16.916 13.7629 17.338 13.341C17.7599 12.919 17.997 12.3467 17.997 11.75V5.25ZM12.247 2.5C12.0481 2.5 11.8573 2.57902 11.7167 2.71967C11.576 2.86032 11.497 3.05109 11.497 3.25V3.5H14.497V3.25C14.497 3.05109 14.418 2.86032 14.2773 2.71967C14.1367 2.57902 13.9459 2.5 13.747 2.5H12.247Z",fill:t}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 6C2.73478 6 2.48043 6.10536 2.29289 6.29289C2.10536 6.48043 2 6.73478 2 7V17C2 17.2652 2.10536 17.5196 2.29289 17.7071C2.48043 17.8946 2.73478 18 3 18H11C11.2652 18 11.5196 17.8946 11.7071 17.7071C11.8946 17.5196 12 17.2652 12 17V7C12 6.73478 11.8946 6.48043 11.7071 6.29289C11.5196 6.10536 11.2652 6 11 6H3ZM9.874 10.166C9.92992 10.0841 9.96904 9.99189 9.98909 9.89475C10.0091 9.79761 10.0097 9.69746 9.99081 9.6001C9.97189 9.50273 9.93385 9.41009 9.87889 9.32752C9.82392 9.24496 9.75313 9.17412 9.6706 9.1191C9.58807 9.06408 9.49545 9.02598 9.3981 9.007C9.30075 8.98802 9.2006 8.98854 9.10345 9.00852C9.0063 9.02851 8.91407 9.06757 8.83212 9.12344C8.75017 9.1793 8.68011 9.25087 8.626 9.334L6.133 13.073L5.28 12.22C5.13783 12.0875 4.94978 12.0154 4.75548 12.0188C4.56118 12.0223 4.37579 12.101 4.23838 12.2384C4.10097 12.3758 4.02225 12.5612 4.01883 12.7555C4.0154 12.9498 4.08752 13.1378 4.22 13.28L5.72 14.78C5.79844 14.8584 5.8933 14.9184 5.99773 14.9558C6.10217 14.9931 6.21359 15.0068 6.32396 14.9959C6.43434 14.985 6.54092 14.9498 6.63603 14.8927C6.73114 14.8357 6.81242 14.7582 6.874 14.666L9.874 10.166Z",fill:t})]}),E=({fill:t="currentColor",width:r="20",height:o="20"})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 20 20",fill:"none",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.7045 4.15347C17.034 4.4045 17.0976 4.87509 16.8466 5.20457L8.84657 15.7046C8.71541 15.8767 8.51627 15.9838 8.30033 15.9983C8.08439 16.0129 7.87271 15.9334 7.71967 15.7804L3.21967 11.2804C2.92678 10.9875 2.92678 10.5126 3.21967 10.2197C3.51256 9.92682 3.98744 9.92682 4.28033 10.2197L8.17351 14.1129L15.6534 4.29551C15.9045 3.96603 16.3751 3.90243 16.7045 4.15347Z",fill:t})}),I=({fill:t="currentColor",width:r="20",height:o="20"})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 20 20",fill:"none",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18ZM13.8566 8.19113C14.1002 7.85614 14.0261 7.38708 13.6911 7.14345C13.3561 6.89982 12.8871 6.97388 12.6434 7.30887L9.15969 12.099L7.28033 10.2197C6.98744 9.92678 6.51256 9.92678 6.21967 10.2197C5.92678 10.5126 5.92678 10.9874 6.21967 11.2803L8.71967 13.7803C8.87477 13.9354 9.08999 14.0149 9.30867 13.9977C9.52734 13.9805 9.72754 13.8685 9.85655 13.6911L13.8566 8.19113Z",fill:t})}),N=({fill:t="currentColor",width:r="16",height:o="16"})=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 16 16",fill:"none",children:[e.jsx("path",{d:"M11.2016 1.59961H4.80156C3.03676 1.59961 1.60156 3.03481 1.60156 4.79961V11.1996C1.60156 12.9644 3.03676 14.3996 4.80156 14.3996H11.2016C12.9664 14.3996 14.4016 12.9644 14.4016 11.1996V4.79961C14.4016 3.03481 12.9664 1.59961 11.2016 1.59961Z",fill:t}),e.jsx("path",{d:"M7.63305 10.8968L11.4331 6.09685C11.7075 5.75045 11.6491 5.24725 11.3027 4.97285C10.9555 4.69925 10.4531 4.75845 10.1787 5.10405L6.96665 9.16085L5.80025 7.86485C5.50425 7.53685 4.99945 7.50965 4.67065 7.80565C4.34265 8.10085 4.31625 8.60645 4.61145 8.93525L6.41145 10.9352C6.56265 11.104 6.77945 11.2 7.00585 11.2H7.03065C7.26665 11.1928 7.48665 11.0816 7.63305 10.8968Z",fill:"white"})]}),A=({fill:t="currentColor",width:r="20",height:o="20"})=>e.jsx("svg",{width:r,height:o,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.21967 8.21967C5.51256 7.92678 5.98744 7.92678 6.28033 8.21967L10 11.9393L13.7197 8.21967C14.0126 7.92678 14.4874 7.92678 14.7803 8.21967C15.0732 8.51256 15.0732 8.98744 14.7803 9.28033L10.5303 13.5303C10.3897 13.671 10.1989 13.75 10 13.75C9.80109 13.75 9.61032 13.671 9.46967 13.5303L5.21967 9.28033C4.92678 8.98744 4.92678 8.51256 5.21967 8.21967Z",fill:t})}),_=({fill:t="currentColor",width:r="20",height:o="20"})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 20 20",fill:"none",children:e.jsx("path",{d:"M3.75 3.75L16.25 16.25M16.25 3.75L3.75 16.25",stroke:t,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),$=({fill:t="currentColor",width:r="20",height:o="20"})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 20 20",fill:"none",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.25 2C3.65326 2 3.08097 2.23705 2.65901 2.65901C2.23705 3.08097 2 3.65326 2 4.25V15.75C2 16.3467 2.23705 16.919 2.65901 17.341C3.08097 17.7629 3.65326 18 4.25 18H15.75C16.3467 18 16.919 17.7629 17.341 17.341C17.7629 16.919 18 16.3467 18 15.75V4.25C18 3.65326 17.7629 3.08097 17.341 2.65901C16.919 2.23705 16.3467 2 15.75 2H4.25ZM8.28 8.28C8.41248 8.13783 8.4846 7.94978 8.48118 7.75548C8.47775 7.56118 8.39903 7.37579 8.26162 7.23838C8.12421 7.10097 7.93882 7.02225 7.74452 7.01883C7.55022 7.0154 7.36217 7.08752 7.22 7.22L4.97 9.47C4.82955 9.61063 4.75066 9.80125 4.75066 10C4.75066 10.1988 4.82955 10.3894 4.97 10.53L7.22 12.78C7.36217 12.9125 7.55022 12.9846 7.74452 12.9812C7.93882 12.9777 8.12421 12.899 8.26162 12.7616C8.39903 12.6242 8.47775 12.4388 8.48118 12.2445C8.4846 12.0502 8.41248 11.8622 8.28 11.72L6.56 10L8.28 8.28ZM12.78 7.22C12.7113 7.14631 12.6285 7.08721 12.5365 7.04622C12.4445 7.00523 12.3452 6.98319 12.2445 6.98141C12.1438 6.97963 12.0438 6.99816 11.9504 7.03588C11.857 7.0736 11.7722 7.12974 11.701 7.20096C11.6297 7.27218 11.5736 7.35701 11.5359 7.4504C11.4982 7.54379 11.4796 7.64382 11.4814 7.74452C11.4832 7.84523 11.5052 7.94454 11.5462 8.03654C11.5872 8.12854 11.6463 8.21134 11.72 8.28L13.44 10L11.72 11.72C11.6463 11.7887 11.5872 11.8715 11.5462 11.9635C11.5052 12.0555 11.4832 12.1548 11.4814 12.2555C11.4796 12.3562 11.4982 12.4562 11.5359 12.5496C11.5736 12.643 11.6297 12.7278 11.701 12.799C11.7722 12.8703 11.857 12.9264 11.9504 12.9641C12.0438 13.0018 12.1438 13.0204 12.2445 13.0186C12.3452 13.0168 12.4445 12.9948 12.5365 12.9538C12.6285 12.9128 12.7113 12.8537 12.78 12.78L15.03 10.53C15.1705 10.3894 15.2493 10.1988 15.2493 10C15.2493 9.80125 15.1705 9.61063 15.03 9.47L12.78 7.22Z",fill:t})}),R=({fill:t="currentColor",width:r="20",height:o="20"})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 20 20",fill:"none",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2 4.25C2 3.65326 2.23705 3.08097 2.65901 2.65901C3.08097 2.23705 3.65326 2 4.25 2H15.75C16.3467 2 16.919 2.23705 17.341 2.65901C17.7629 3.08097 18 3.65326 18 4.25V12.75C18 13.3467 17.7629 13.919 17.341 14.341C16.919 14.7629 16.3467 15 15.75 15H12.645C12.8403 15.6543 13.2226 16.2372 13.745 16.677C13.8625 16.7762 13.9467 16.9092 13.9861 17.0579C14.0255 17.2065 14.0182 17.3637 13.9653 17.5081C13.9123 17.6526 13.8163 17.7772 13.6901 17.8652C13.564 17.9532 13.4138 18.0002 13.26 18H6.74C6.58628 18 6.43627 17.9528 6.31027 17.8647C6.18427 17.7767 6.08838 17.652 6.03557 17.5077C5.98275 17.3633 5.97557 17.2062 6.015 17.0576C6.05443 16.9091 6.13856 16.7762 6.256 16.677C6.77799 16.2371 7.15999 15.6542 7.355 15H4.25C3.65326 15 3.08097 14.7629 2.65901 14.341C2.23705 13.919 2 13.3467 2 12.75V4.25ZM3.5 4.25C3.5 4.05109 3.57902 3.86032 3.71967 3.71967C3.86032 3.57902 4.05109 3.5 4.25 3.5H15.75C15.9489 3.5 16.1397 3.57902 16.2803 3.71967C16.421 3.86032 16.5 4.05109 16.5 4.25V11.75C16.5 11.9489 16.421 12.1397 16.2803 12.2803C16.1397 12.421 15.9489 12.5 15.75 12.5H4.25C4.05109 12.5 3.86032 12.421 3.71967 12.2803C3.57902 12.1397 3.5 11.9489 3.5 11.75V4.25Z",fill:t})}),T=({fill:t="currentColor",width:r="20",height:o="20"})=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 20 20",fill:"none",children:[e.jsx("path",{d:"M2 4.25C2 3.00736 3.00736 2 4.25 2H10.75C11.9926 2 13 3.00736 13 4.25V5.5H9.25C7.17893 5.5 5.5 7.17893 5.5 9.25V13H4.25C3.00736 13 2 11.9926 2 10.75V4.25Z",fill:t}),e.jsx("path",{d:"M9.25 7C8.00736 7 7 8.00736 7 9.25V15.75C7 16.9926 8.00736 18 9.25 18H15.75C16.9926 18 18 16.9926 18 15.75V9.25C18 8.00736 16.9926 7 15.75 7H9.25Z",fill:t})]}),S=({fill:t="currentColor",width:r="20",height:o="20"})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 20 20",fill:"none",children:e.jsx("path",{d:"M10.362 1.093C10.2511 1.0319 10.1266 0.999851 10 0.999851C9.87341 0.999851 9.74887 1.0319 9.638 1.093L2.523 5.018L10 9.143L17.477 5.018L10.362 1.093ZM18 6.443L10.75 10.443V18.693L17.612 14.907C17.7295 14.8422 17.8275 14.7471 17.8958 14.6315C17.964 14.516 18 14.3842 18 14.25V6.443ZM9.25 18.693V10.443L2 6.443V14.25C1.99997 14.3842 2.03596 14.516 2.10421 14.6315C2.17245 14.7471 2.27046 14.8422 2.388 14.907L9.25 18.693Z",fill:t})}),z=({fill:t="currentColor",width:r="20",height:o="20"})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 20 20",fill:"none",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 1C13.866 1 17 2.79 17 5C17 7.21 13.866 9 10 9C6.134 9 3 7.21 3 5C3 2.79 6.134 1 10 1ZM15.694 9.13C16.158 8.866 16.604 8.547 17 8.178V10C17 12.21 13.866 14 10 14C6.134 14 3 12.21 3 10V8.178C3.396 8.548 3.842 8.866 4.306 9.131C5.838 10.006 7.854 10.5 10 10.5C12.146 10.5 14.162 10.006 15.694 9.13ZM3 13.179V15C3 17.21 6.134 19 10 19C13.866 19 17 17.21 17 15V13.178C16.604 13.548 16.158 13.866 15.694 14.131C14.162 15.006 12.146 15.5 10 15.5C7.854 15.5 5.838 15.006 4.306 14.13C3.83547 13.8644 3.39722 13.5453 3 13.179Z",fill:t})}),B=({fill:t="currentColor",width:r="20",height:o="20"})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 20 20",fill:"none",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2C14.4183 2 18 5.58172 18 10ZM10 5C10.4142 5 10.75 5.33579 10.75 5.75V10.25C10.75 10.6642 10.4142 11 10 11C9.58579 11 9.25 10.6642 9.25 10.25V5.75C9.25 5.33579 9.58579 5 10 5ZM10 15C10.5523 15 11 14.5523 11 14C11 13.4477 10.5523 13 10 13C9.44771 13 9 13.4477 9 14C9 14.5523 9.44771 15 10 15Z",fill:t})}),H=({fill:t="currentColor",width:r="20",height:o="20"})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 20 20",fill:"none",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.4845 2.49499C9.15808 1.32833 10.842 1.32833 11.5156 2.495L17.7943 13.37C18.4678 14.5367 17.6259 15.995 16.2787 15.995H3.72136C2.37421 15.995 1.53224 14.5367 2.20582 13.37L8.4845 2.49499ZM10 5C10.4142 5 10.75 5.33579 10.75 5.75V9.25C10.75 9.66421 10.4142 10 10 10C9.58579 10 9.25 9.66421 9.25 9.25L9.25 5.75C9.25 5.33579 9.58579 5 10 5ZM10 14C10.5523 14 11 13.5523 11 13C11 12.4477 10.5523 12 10 12C9.44772 12 9 12.4477 9 13C9 13.5523 9.44772 14 10 14Z",fill:t})}),P=({fill:t="currentColor",width:r="20",height:o="20"})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 20 20",fill:"none",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.84288 1.804C7.88817 1.57739 8.01055 1.37346 8.18921 1.22689C8.36787 1.08031 8.59178 1.00014 8.82288 1H11.1829C11.414 1.00014 11.6379 1.08031 11.8165 1.22689C11.9952 1.37346 12.1176 1.57739 12.1629 1.804L12.4939 3.456C13.1923 3.72219 13.8436 4.09863 14.4229 4.571L16.0209 4.031C16.2398 3.95702 16.4775 3.96112 16.6937 4.04261C16.9099 4.1241 17.0913 4.27795 17.2069 4.478L18.3869 6.522C18.5025 6.72209 18.5453 6.95607 18.5079 7.18413C18.4706 7.4122 18.3553 7.62029 18.1819 7.773L16.9149 8.886C17.033 9.62397 17.033 10.376 16.9149 11.114L18.1819 12.227C18.3553 12.3795 18.4705 12.5874 18.5081 12.8152C18.5456 13.0431 18.5031 13.2769 18.3879 13.477L17.2079 15.522C17.0922 15.7223 16.9107 15.8763 16.6943 15.9578C16.4779 16.0393 16.2399 16.0432 16.0209 15.969L14.4229 15.429C13.8436 15.9014 13.1923 16.2778 12.4939 16.544L12.1639 18.196C12.1186 18.4226 11.9962 18.6265 11.8175 18.7731C11.6389 18.9197 11.415 18.9999 11.1839 19H8.82288C8.59178 18.9999 8.36787 18.9197 8.18921 18.7731C8.01055 18.6265 7.88817 18.4226 7.84288 18.196L7.51188 16.544C6.81342 16.2778 6.16215 15.9014 5.58288 15.429L3.98488 15.969C3.76598 16.043 3.52823 16.0389 3.31202 15.9574C3.09581 15.8759 2.91449 15.7221 2.79888 15.522L1.61888 13.478C1.50322 13.2779 1.46045 13.0439 1.49782 12.8159C1.53519 12.5878 1.65041 12.3797 1.82388 12.227L3.09088 11.113C2.97289 10.3754 2.97289 9.62364 3.09088 8.886L1.82388 7.773C1.65049 7.62047 1.53524 7.41264 1.49769 7.18478C1.46014 6.95693 1.5026 6.7231 1.61788 6.523L2.79788 4.478C2.91352 4.27773 3.09501 4.12373 3.31144 4.04223C3.52787 3.96073 3.76585 3.95676 3.98488 4.031L5.58288 4.571C6.16245 4.09852 6.81406 3.72207 7.51288 3.456L7.84288 1.804ZM10.0029 13C10.7985 13 11.5616 12.6839 12.1242 12.1213C12.6868 11.5587 13.0029 10.7956 13.0029 10C13.0029 9.20435 12.6868 8.44129 12.1242 7.87868C11.5616 7.31607 10.7985 7 10.0029 7C9.20723 7 8.44416 7.31607 7.88156 7.87868C7.31895 8.44129 7.00288 9.20435 7.00288 10C7.00288 10.7956 7.31895 11.5587 7.88156 12.1213C8.44416 12.6839 9.20723 13 10.0029 13Z",fill:t})}),O=({fill:t="currentColor",width:r="20",height:o="20"})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 20 20",fill:"none",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2C14.4183 2 18 5.58172 18 10ZM16.4969 10.2041C16.389 13.6995 13.5216 16.5 10 16.5C6.41015 16.5 3.5 13.5899 3.5 10C3.5 7.12656 5.36451 4.68861 7.94969 3.82998L6.92671 5.62019C6.60171 6.18894 6.69759 6.90485 7.16078 7.36805C7.6029 7.81017 8.27833 7.91977 8.83757 7.64015L9.0123 7.55279C9.08173 7.51807 9.15829 7.5 9.23591 7.5H9.38181C9.5712 7.5 9.74433 7.607 9.82902 7.77639C9.8994 7.91716 9.8994 8.08284 9.82902 8.22361L9.80123 8.27919C9.73357 8.41452 9.59525 8.5 9.44395 8.5H8.9418C8.18614 8.5 7.48048 8.87766 7.06131 9.50641L7.01751 9.57212C6.65828 10.111 6.56795 10.7855 6.77274 11.3998C6.98201 12.0276 7.47787 12.5197 8.10338 12.7282C8.33997 12.8071 8.49984 13.0292 8.49984 13.2749V14.3246C8.49984 14.9738 9.02608 15.5 9.67523 15.5C10.0323 15.5 10.37 15.3377 10.5931 15.0589L12.2044 13.0446C12.3957 12.8056 12.4998 12.5086 12.4998 12.2025C12.4998 11.8866 12.6279 11.5791 12.8531 11.3539C13.3088 10.8982 13.3864 10.1784 13.0257 9.63738L12.5617 8.94145C12.5214 8.88091 12.4998 8.80979 12.4998 8.73703C12.4998 8.43336 12.8465 8.26002 13.0895 8.44222L13.4322 8.69925C13.748 8.93609 14.1704 8.97373 14.523 8.79746C14.7488 8.68456 15.0216 8.72887 15.1996 8.90689L16.4969 10.2041Z",fill:t})}),D=({fill:t="currentColor",width:r="20",height:o="20"})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 20 20",fill:"none",children:e.jsx("path",{d:"M13.3516 2.00712C13.7619 2.06371 14.0488 2.44249 13.9922 2.85282L13.5576 6.00028H16.6973C17.1115 6.00028 17.4473 6.33607 17.4473 6.75028C17.4473 7.16448 17.1115 7.50028 16.6973 7.50028H13.3516L12.6611 12.5003H15.8008C16.215 12.5003 16.5508 12.8361 16.5508 13.2503C16.5508 13.6645 16.215 14.0003 15.8008 14.0003H12.4551L11.9922 17.3528C11.9356 17.7631 11.5568 18.05 11.1465 17.9934C10.7362 17.9368 10.4493 17.558 10.5059 17.1477L10.9404 14.0003H7.95508L7.49219 17.3528C7.43556 17.7631 7.05679 18.05 6.64648 17.9934C6.23622 17.9368 5.94927 17.558 6.00586 17.1477L6.44043 14.0003H3.30078C2.88658 14.0003 2.5508 13.6645 2.55078 13.2503C2.55078 12.8361 2.88657 12.5003 3.30078 12.5003H6.64648L7.33691 7.50028H4.19727C3.78309 7.50024 3.44728 7.16446 3.44727 6.75028C3.44727 6.33609 3.78308 6.00032 4.19727 6.00028H7.54297L8.00586 2.64774C8.06245 2.23743 8.44125 1.95055 8.85156 2.00712C9.26189 2.06371 9.54878 2.44249 9.49219 2.85282L9.05762 6.00028H12.043L12.5059 2.64774C12.5625 2.23743 12.9413 1.95055 13.3516 2.00712ZM8.85156 7.50028L8.16113 12.5003H11.1465L11.8369 7.50028H8.85156Z",fill:t})}),V=({fill:t="currentColor",width:r="20",height:o="20"})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 20 20",fill:"none",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.29292 2.29289C9.68345 1.90237 10.3166 1.90237 10.7071 2.29289L17.7071 9.29289C17.9931 9.57889 18.0787 10.009 17.9239 10.3827C17.7691 10.7564 17.4045 11 17 11H16V17C16 17.5523 15.5523 18 15 18H13C12.4477 18 12 17.5523 12 17V14C12 13.4477 11.5523 13 11 13H9.00003C8.44774 13 8.00003 13.4477 8.00003 14V17C8.00003 17.5523 7.55231 18 7.00003 18H5.00003C4.44774 18 4.00003 17.5523 4.00003 17V11H3.00003C2.59557 11 2.23093 10.7564 2.07615 10.3827C1.92137 10.009 2.00692 9.57889 2.29292 9.29289L9.29292 2.29289Z",fill:t})}),U=({fill:t="currentColor",width:r="20",height:o="20"})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 40 40",fill:"none",children:e.jsx("path",{d:"M3.75 22.5H10.1824C11.6028 22.5 12.9013 23.3025 13.5365 24.5729L13.9635 25.4271C14.5987 26.6975 15.8972 27.5 17.3176 27.5H22.6824C24.1028 27.5 25.4013 26.6975 26.0365 25.4271L26.4635 24.5729C27.0987 23.3025 28.3972 22.5 29.8176 22.5H36.25M3.75 23.0639V30C3.75 32.0711 5.42893 33.75 7.5 33.75H32.5C34.5711 33.75 36.25 32.0711 36.25 30V23.0639C36.25 22.6901 36.1941 22.3183 36.0842 21.9611L32.0645 8.89718C31.5804 7.32371 30.1266 6.25 28.4803 6.25H11.5197C9.87339 6.25 8.41963 7.32371 7.93548 8.89718L3.91583 21.9611C3.80589 22.3183 3.75 22.6901 3.75 23.0639Z",stroke:t,strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round"})}),G=({fill:t="currentColor",width:r="20",height:o="20"})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 20 20",fill:"none",children:e.jsx("path",{d:"M10 2C14.4183 2 18 5.58172 18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2ZM9 9C8.58579 9 8.25 9.33579 8.25 9.75C8.25 10.1642 8.58579 10.5 9 10.5H9.25293C9.41287 10.5 9.53176 10.6486 9.49707 10.8047L9.03809 12.8701C8.79522 13.963 9.62751 15 10.7471 15H11C11.4142 15 11.75 14.6642 11.75 14.25C11.75 13.8358 11.4142 13.5 11 13.5H10.7471C10.5871 13.5 10.4682 13.3514 10.5029 13.1953L10.9619 11.1299C11.2048 10.037 10.3725 9 9.25293 9H9ZM10 5C9.44771 5 9 5.44772 9 6C9 6.55228 9.44771 7 10 7C10.5523 7 11 6.55228 11 6C11 5.44772 10.5523 5 10 5Z",fill:t})}),K=({fill:t="currentColor",width:r="16",height:o="16"})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 16 16",fill:"none",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM9 5C9 5.55228 8.55228 6 8 6C7.44772 6 7 5.55228 7 5C7 4.44772 7.44772 4 8 4C8.55228 4 9 4.44772 9 5ZM6.75 8C6.33579 8 6 8.33579 6 8.75C6 9.16421 6.33579 9.5 6.75 9.5H7.5V11.25C7.5 11.6642 7.83579 12 8.25 12C8.66421 12 9 11.6642 9 11.25V8.75C9 8.33579 8.66421 8 8.25 8H6.75Z",fill:t})}),Z=({fill:t="currentColor",width:r="20",height:o="20"})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 20 20",fill:"none",children:e.jsx("path",{d:"M10.0001 1C8.76409 0.99999 7.55829 1.38167 6.54746 2.09287C5.53662 2.80407 4.77008 3.81008 4.35262 4.9734C3.93516 6.13672 3.88714 7.40058 4.21512 8.59222C4.54311 9.78387 5.2311 10.8451 6.18505 11.631C7.23705 12.5 8.00005 13.443 8.00005 14.456V15.1C7.99995 15.268 8.05628 15.4312 8.16 15.5634C8.26372 15.6956 8.40883 15.7891 8.57205 15.829C9.51025 16.0582 10.4899 16.0582 11.4281 15.829C11.5913 15.7891 11.7364 15.6956 11.8401 15.5634C11.9438 15.4312 12.0001 15.268 12.0001 15.1V14.456C12.0001 13.443 12.7621 12.499 13.8151 11.631C14.769 10.8451 15.457 9.78387 15.785 8.59222C16.113 7.40058 16.0649 6.13672 15.6475 4.9734C15.23 3.81008 14.4635 2.80407 13.4526 2.09287C12.4418 1.38167 11.236 0.99999 10.0001 1ZM8.86305 17.414C8.76568 17.3992 8.66633 17.4036 8.57069 17.4272C8.47505 17.4508 8.38498 17.4929 8.30563 17.5513C8.14538 17.6691 8.03852 17.8458 8.00855 18.0425C7.97858 18.2392 8.02796 18.4397 8.14583 18.5999C8.2637 18.7602 8.44039 18.867 8.63705 18.897C9.54052 19.0344 10.4596 19.0344 11.3631 18.897C11.5597 18.867 11.7364 18.7602 11.8543 18.5999C11.9721 18.4397 12.0215 18.2392 11.9916 18.0425C11.9616 17.8458 11.8547 17.6691 11.6945 17.5513C11.5342 17.4334 11.3337 17.384 11.1371 17.414C10.3834 17.5288 9.61671 17.5288 8.86305 17.414Z",fill:t})}),W=({fill:t="currentColor",width:r="16",height:o="16"})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 16 16",fill:"none",children:e.jsx("path",{d:"M11.5 1C9.567 1 8 2.567 8 4.5V7H2.5C1.67157 7 1 7.67157 1 8.5V13.5C1 14.3284 1.67157 15 2.5 15H9.5C10.3284 15 11 14.3284 11 13.5V8.5C11 7.67157 10.3284 7 9.5 7V4.5C9.5 3.39543 10.3954 2.5 11.5 2.5C12.6046 2.5 13.5 3.39543 13.5 4.5V6.25C13.5 6.66421 13.8358 7 14.25 7C14.6642 7 15 6.66421 15 6.25V4.5C15 2.567 13.433 1 11.5 1Z",fill:t})}),Y=({fill:t="currentColor",width:r="16",height:o="16"})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 16 16",fill:"none",children:e.jsx("path",{d:"M3.75 7.25C3.33579 7.25 3 7.58579 3 8C3 8.41421 3.33579 8.75 3.75 8.75L12.25 8.75C12.6642 8.75 13 8.41421 13 8C13 7.58579 12.6642 7.25 12.25 7.25H3.75Z",fill:t})}),F=({fill:t="currentColor",width:r="20",height:o="20"})=>e.jsx("svg",{width:r,height:o,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M3.10526 2.28868C2.85362 2.25302 2.60104 2.34722 2.43421 2.53895C2.26738 2.73068 2.209 2.99386 2.27911 3.23815L3.69276 8.16402C3.87733 8.80713 4.4655 9.25024 5.13456 9.25024H11.25C11.6642 9.25024 12 9.58603 12 10.0002C12 10.4145 11.6642 10.7502 11.25 10.7502H5.13457C4.4655 10.7502 3.87733 11.1934 3.69277 11.8365L2.27911 16.7624C2.209 17.0067 2.26738 17.2698 2.43421 17.4616C2.60104 17.6533 2.85362 17.7475 3.10526 17.7118C8.94303 16.8844 14.221 14.319 18.3983 10.5576C18.5563 10.4154 18.6465 10.2128 18.6465 10.0003C18.6465 9.7877 18.5563 9.58513 18.3983 9.4429C14.221 5.68154 8.94303 3.1161 3.10526 2.28868Z",fill:t})}),X=({fill:t="currentColor",width:r="20",height:o="20"})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 20 20",fill:"none",children:e.jsx("path",{d:"M2.69533 14.7623L1.43355 17.9168C1.27028 18.3249 1.67532 18.73 2.08348 18.5667L5.23795 17.3049C5.74091 17.1037 6.19777 16.8025 6.58081 16.4194L17.5 5.50072C18.3284 4.67229 18.3284 3.32914 17.5 2.50072C16.6716 1.67229 15.3284 1.67229 14.5 2.50071L3.58081 13.4194C3.19777 13.8025 2.89652 14.2593 2.69533 14.7623Z",fill:t})}),q=({fill:t="currentColor",width:r="20",height:o="20"})=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 20 20",fill:"none",children:[e.jsx("path",{d:"M12 8.99908C11.7348 8.99908 11.4804 8.89372 11.2929 8.70618C11.1054 8.51865 11 8.26429 11 7.99908V2.99908C11 2.44708 11.45 1.99208 11.997 2.06908C13.4939 2.28487 14.8808 2.97941 15.9502 4.04884C17.0197 5.11828 17.7142 6.50515 17.93 8.00208C18.008 8.54908 17.552 8.99908 17 8.99908H12Z",fill:t}),e.jsx("path",{d:"M8.003 4.07083C8.55 3.99483 9 4.44982 9 5.00082V10.0008C9 10.266 9.10536 10.5204 9.29289 10.7079C9.48043 10.8955 9.73478 11.0008 10 11.0008H15C15.552 11.0008 16.008 11.4508 15.93 11.9978C15.6769 13.7491 14.77 15.3396 13.3918 16.4494C12.0135 17.5591 10.2662 18.1058 8.5012 17.9795C6.73622 17.8532 5.08455 17.0632 3.87841 15.7685C2.67226 14.4737 2.00113 12.7703 2 11.0008C2.00009 9.31693 2.60701 7.68946 3.70953 6.41668C4.81205 5.1439 6.33633 4.31107 8.003 4.07083Z",fill:t})]}),Q=({fill:t="currentColor",width:r="20",height:o="20"})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 20 20",fill:"none",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.157 2.17646C7.78976 2.02451 7.37724 2.02451 7.01 2.17646L2.926 3.86646C2.65219 3.97987 2.41812 4.17185 2.25331 4.41817C2.08851 4.66448 2.00036 4.9541 2 5.25046V16.1275C1.99997 16.3742 2.06079 16.617 2.17705 16.8346C2.29332 17.0522 2.46146 17.2377 2.66656 17.3748C2.87167 17.5118 3.10741 17.5962 3.35291 17.6204C3.59841 17.6446 3.84609 17.6079 4.074 17.5135L7.584 16.0615L11.844 17.8235C12.2109 17.9751 12.6231 17.9751 12.99 17.8235L17.073 16.1335C17.3468 16.0203 17.581 15.8285 17.746 15.5824C17.911 15.3363 17.9994 15.0468 18 14.7505V3.87246C18 3.6259 17.9391 3.38315 17.8229 3.1657C17.7067 2.94824 17.5387 2.76278 17.3337 2.62574C17.1287 2.4887 16.8932 2.4043 16.6478 2.38001C16.4024 2.35571 16.1549 2.39228 15.927 2.48646L12.417 3.93846L8.157 2.17646ZM7.58 5.00046C7.77891 5.00046 7.96968 5.07948 8.11033 5.22013C8.25098 5.36079 8.33 5.55155 8.33 5.75046V12.2505C8.33 12.4494 8.25098 12.6401 8.11033 12.7808C7.96968 12.9214 7.77891 13.0005 7.58 13.0005C7.38109 13.0005 7.19032 12.9214 7.04967 12.7808C6.90902 12.6401 6.83 12.4494 6.83 12.2505V5.75046C6.83 5.55155 6.90902 5.36079 7.04967 5.22013C7.19032 5.07948 7.38109 5.00046 7.58 5.00046ZM13.17 7.75046C13.17 7.55155 13.091 7.36079 12.9503 7.22013C12.8097 7.07948 12.6189 7.00046 12.42 7.00046C12.2211 7.00046 12.0303 7.07948 11.8897 7.22013C11.749 7.36079 11.67 7.55155 11.67 7.75046V14.2505C11.67 14.4494 11.749 14.6401 11.8897 14.7808C12.0303 14.9214 12.2211 15.0005 12.42 15.0005C12.6189 15.0005 12.8097 14.9214 12.9503 14.7808C13.091 14.6401 13.17 14.4494 13.17 14.2505V7.75046Z",fill:t})}),J=({fill:t="currentColor",width:r="16",height:o="16"})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 16 16",fill:"none",children:e.jsx("path",{d:"M8.75 3.75C8.75 3.33579 8.41421 3 8 3C7.58579 3 7.25 3.33579 7.25 3.75V7.25H3.75C3.33579 7.25 3 7.58579 3 8C3 8.41421 3.33579 8.75 3.75 8.75L7.25 8.75V12.25C7.25 12.6642 7.58579 13 8 13C8.41421 13 8.75 12.6642 8.75 12.25V8.75L12.25 8.75C12.6642 8.75 13 8.41421 13 8C13 7.58579 12.6642 7.25 12.25 7.25H8.75V3.75Z",fill:t})}),ee=({fill:t="currentColor",width:r="20",height:o="20"})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 20 20",fill:"none",children:e.jsx("path",{d:"M10.0036 8C10.7993 8 11.5623 7.68393 12.1249 7.12132C12.6875 6.55871 13.0036 5.79565 13.0036 5C13.0036 4.20435 12.6875 3.44129 12.1249 2.87868C11.5623 2.31607 10.7993 2 10.0036 2C9.20797 2 8.44491 2.31607 7.8823 2.87868C7.31969 3.44129 7.00362 4.20435 7.00362 5C7.00362 5.79565 7.31969 6.55871 7.8823 7.12132C8.44491 7.68393 9.20797 8 10.0036 8ZM3.46862 14.493C3.37578 14.7411 3.36554 15.0126 3.43941 15.267C3.51329 15.5214 3.66733 15.7452 3.87862 15.905C5.62995 17.266 7.7856 18.0034 10.0036 18C12.3136 18 14.4416 17.216 16.1346 15.9C16.5646 15.567 16.7386 14.997 16.5426 14.49C16.0349 13.168 15.1382 12.0311 13.9709 11.2292C12.8037 10.4274 11.4207 9.99829 10.0046 9.99861C8.58845 9.99894 7.20569 10.4287 6.03881 11.231C4.87193 12.0334 3.97578 13.1708 3.46862 14.493Z",fill:t})}),te=({fill:t="currentColor",width:r="16",height:o="16"})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 16 16",fill:"none",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM9 11.5C9 12.0523 8.55228 12.5 8 12.5C7.44772 12.5 7 12.0523 7 11.5C7 10.9477 7.44772 10.5 8 10.5C8.55228 10.5 9 10.9477 9 11.5ZM7.29303 5.29289C7.68355 4.90237 8.31671 4.90237 8.70724 5.29289C9.09776 5.68342 9.09776 6.31658 8.70724 6.70711C8.58354 6.83081 8.43743 6.91429 8.2827 6.95959C7.82404 7.09387 7.25013 7.52576 7.25013 8.25V8.50022C7.25013 8.91444 7.58592 9.25022 8.00013 9.25022C8.41435 9.25022 8.75013 8.91444 8.75013 8.50022V8.38522C9.12313 8.26818 9.47391 8.06176 9.7679 7.76777C10.7442 6.79146 10.7442 5.20854 9.7679 4.23223C8.79159 3.25592 7.20868 3.25592 6.23237 4.23223C5.93947 4.52513 5.93947 5 6.23237 5.29289C6.52526 5.58579 7.00013 5.58579 7.29303 5.29289Z",fill:t})}),re=({fill:t="currentColor",width:r="20",height:o="20"})=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 20 20",fill:"none",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.60597 12.9691C4.85946 13.2967 4.79938 13.7678 4.47179 14.0213C3.87925 14.4798 3.5 15.1954 3.5 16C3.5 16.1569 3.51437 16.31 3.54177 16.4582C3.68996 16.4856 3.84307 16.5 4 16.5C4.80458 16.5 5.52023 16.1208 5.97873 15.5282C6.23222 15.2006 6.70328 15.1405 7.03087 15.394C7.35846 15.6475 7.41854 16.1186 7.16505 16.4462C6.4347 17.39 5.2884 18 4 18C3.54003 18 3.09667 17.9221 2.6834 17.778C2.46722 17.7027 2.29728 17.5328 2.22195 17.3166C2.07794 16.9033 2 16.46 2 16C2 14.7116 2.60997 13.5653 3.55383 12.835C3.88142 12.5815 4.35248 12.6415 4.60597 12.9691Z",fill:t}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.75236 12C6.40714 12.8376 7.16237 13.5929 8 14.2476V18.25C8 18.6642 8.33579 19 8.75 19C11.5114 19 13.75 16.7614 13.75 14C13.75 13.5097 13.6792 13.035 13.5471 12.5861C16.8467 10.2297 19 6.36651 19 2C19 1.91234 18.9991 1.82486 18.9974 1.73759C18.9894 1.33502 18.665 1.01058 18.2624 1.0026C18.1751 1.00087 18.0877 1 18 1C13.6335 1 9.77032 3.15331 7.41387 6.45291C6.96496 6.32078 6.49028 6.25 6 6.25C3.23858 6.25 1 8.48858 1 11.25C1 11.6642 1.33579 12 1.75 12H5.75236ZM13 9C14.1046 9 15 8.10457 15 7C15 5.89543 14.1046 5 13 5C11.8954 5 11 5.89543 11 7C11 8.10457 11.8954 9 13 9Z",fill:t})]}),oe=({fill:t="currentColor",width:r="20",height:o="20"})=>e.jsxs("svg",{width:r,height:o,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M9 16C12.866 16 16 12.866 16 9C16 5.13401 12.866 2 9 2C5.13401 2 2 5.13401 2 9C2 12.866 5.13401 16 9 16Z",stroke:t,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M18 18L14 14",stroke:t,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),ie=({fill:t="currentColor",width:r="20",height:o="20"})=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 20 20",fill:"none",children:[e.jsx("path",{d:"M8 10C8 9.60218 8.15804 9.22064 8.43934 8.93934C8.72064 8.65804 9.10218 8.5 9.5 8.5C9.89782 8.5 10.2794 8.65804 10.5607 8.93934C10.842 9.22064 11 9.60218 11 10C11 10.3978 10.842 10.7794 10.5607 11.0607C10.2794 11.342 9.89782 11.5 9.5 11.5C9.10218 11.5 8.72064 11.342 8.43934 11.0607C8.15804 10.7794 8 10.3978 8 10Z",fill:t}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.5 2C4.10218 2 3.72064 2.15804 3.43934 2.43934C3.15804 2.72065 3 3.10218 3 3.5V16.5C3 16.8978 3.15804 17.2794 3.43934 17.5607C3.72064 17.842 4.10218 18 4.5 18H15.5C15.8978 18 16.2794 17.842 16.5607 17.5607C16.842 17.2794 17 16.8978 17 16.5V7.621C16.9997 7.22331 16.8414 6.84204 16.56 6.561L12.44 2.439C12.3005 2.29961 12.1349 2.1891 11.9527 2.11377C11.7705 2.03844 11.5752 1.99978 11.378 2H4.5ZM9.5 7C9.03881 7.00024 8.58388 7.10681 8.17056 7.31143C7.75725 7.51605 7.39667 7.8132 7.11685 8.17981C6.83703 8.54641 6.64551 8.9726 6.55715 9.42525C6.46879 9.8779 6.48598 10.3448 6.60739 10.7897C6.7288 11.2347 6.95116 11.6456 7.25718 11.9906C7.5632 12.3357 7.94466 12.6055 8.3719 12.7792C8.79915 12.9528 9.26068 13.0257 9.72064 12.992C10.1806 12.9583 10.6266 12.819 11.024 12.585L12.22 13.78C12.2887 13.8537 12.3715 13.9128 12.4635 13.9538C12.5555 13.9948 12.6548 14.0168 12.7555 14.0186C12.8562 14.0204 12.9562 14.0018 13.0496 13.9641C13.143 13.9264 13.2278 13.8703 13.299 13.799C13.3703 13.7278 13.4264 13.643 13.4641 13.5496C13.5018 13.4562 13.5204 13.3562 13.5186 13.2555C13.5168 13.1548 13.4948 13.0555 13.4538 12.9635C13.4128 12.8715 13.3537 12.7887 13.28 12.72L12.085 11.524C12.3538 11.0683 12.4972 10.5496 12.5009 10.0206C12.5045 9.49158 12.3682 8.97099 12.1057 8.51165C11.8432 8.0523 11.464 7.67053 11.0063 7.40506C10.5487 7.13958 10.029 6.99984 9.5 7Z",fill:t})]}),ne=({fill:t="currentColor",width:r="20",height:o="20"})=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 20 20",fill:"none",children:[e.jsx("path",{d:"M6.5 9C6.5 8.33696 6.76339 7.70107 7.23223 7.23223C7.70107 6.76339 8.33696 6.5 9 6.5C9.66304 6.5 10.2989 6.76339 10.7678 7.23223C11.2366 7.70107 11.5 8.33696 11.5 9C11.5 9.66304 11.2366 10.2989 10.7678 10.7678C10.2989 11.2366 9.66304 11.5 9 11.5C8.33696 11.5 7.70107 11.2366 7.23223 10.7678C6.76339 10.2989 6.5 9.66304 6.5 9Z",fill:t}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 18C12.1217 18 14.1566 17.1571 15.6569 15.6569C17.1571 14.1566 18 12.1217 18 10C18 7.87827 17.1571 5.84344 15.6569 4.34315C14.1566 2.84285 12.1217 2 10 2C7.87827 2 5.84344 2.84285 4.34315 4.34315C2.84285 5.84344 2 7.87827 2 10C2 12.1217 2.84285 14.1566 4.34315 15.6569C5.84344 17.1571 7.87827 18 10 18ZM9 5C8.37415 5.0001 7.75705 5.14706 7.19833 5.42906C6.63961 5.71106 6.15485 6.12023 5.78304 6.62367C5.41124 7.12711 5.16275 7.71077 5.05756 8.32773C4.95238 8.94468 4.99343 9.5777 5.17741 10.1759C5.3614 10.7741 5.68319 11.3208 6.1169 11.772C6.55061 12.2232 7.08415 12.5663 7.67462 12.7738C8.26508 12.9813 8.89599 13.0473 9.51661 12.9666C10.1372 12.8859 10.7303 12.6606 11.248 12.309L12.72 13.78C12.7887 13.8537 12.8715 13.9128 12.9635 13.9538C13.0555 13.9948 13.1548 14.0168 13.2555 14.0186C13.3562 14.0204 13.4562 14.0018 13.5496 13.9641C13.643 13.9264 13.7278 13.8703 13.799 13.799C13.8703 13.7278 13.9264 13.643 13.9641 13.5496C14.0018 13.4562 14.0204 13.3562 14.0186 13.2555C14.0168 13.1548 13.9948 13.0555 13.9538 12.9635C13.9128 12.8715 13.8537 12.7887 13.78 12.72L12.309 11.248C12.7176 10.6467 12.9546 9.94532 12.9944 9.21939C13.0343 8.49346 12.8756 7.77039 12.5353 7.1279C12.195 6.48542 11.6861 5.94782 11.0632 5.5729C10.4403 5.19798 9.72702 4.99992 9 5Z",fill:t})]}),ae=({fill:t="currentColor",width:r="20",height:o="20"})=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 14 16",fill:"none",children:[e.jsx("path",{d:"M7 5V8",stroke:t,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M3 11V9C3 8.4477 3.4477 8 4 8H10C10.5523 8 11 8.4477 11 9V11",stroke:t,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M7 5C8.10457 5 9 4.10457 9 3C9 1.89543 8.10457 1 7 1C5.89543 1 5 1.89543 5 3C5 4.10457 5.89543 5 7 5Z",stroke:t,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M3 15C4.10457 15 5 14.1046 5 13C5 11.8954 4.10457 11 3 11C1.89543 11 1 11.8954 1 13C1 14.1046 1.89543 15 3 15Z",stroke:t,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M11 15C12.1046 15 13 14.1046 13 13C13 11.8954 12.1046 11 11 11C9.89543 11 9 11.8954 9 13C9 14.1046 9.89543 15 11 15Z",stroke:t,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),se=({fill:t="currentColor",width:r="21",height:o="21"})=>e.jsxs("svg",{width:r,height:o,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M22.392 10.5705C21.693 5.4495 17.313 1.5 12 1.5C6.201 1.5 1.5 6.201 1.5 12C1.5 14.064 2.1045 15.9825 3.132 17.6055L1.5 22.5L6.3945 20.868C7.6395 21.657 9.06 22.188 10.584 22.3965",stroke:t,strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M17.625 12.75L18.75 16.5L22.5 17.625L18.75 18.75L17.625 22.5L16.5 18.75L12.75 17.625L16.5 16.5L17.625 12.75Z",fill:t,stroke:t,strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round"})]}),le=({fill:t="currentColor",width:r="20",height:o="20"})=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 14 14",fill:"none",children:[e.jsx("path",{d:"M13 1H1",stroke:t,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M7 13V1",stroke:t,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),ce=({fill:t="currentColor",width:r="20",height:o="20"})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 20 20",fill:"none",children:e.jsx("path",{d:"M11.2502 1C12.769 1 14.0002 2.23122 14.0002 3.75V4.19238C14.7954 4.26939 15.5841 4.3694 16.3655 4.49121C16.7747 4.555 17.0551 4.93847 16.9914 5.34766C16.9276 5.75685 16.5442 6.0373 16.135 5.97363C16.0856 5.96593 16.036 5.95771 15.9865 5.9502L15.1448 16.4697C15.0302 17.8987 13.8371 19 12.4035 19H7.5969C6.16331 19 4.97024 17.8987 4.85569 16.4697L4.01389 5.9502C3.96456 5.9577 3.91473 5.96595 3.86545 5.97363C3.45635 6.03717 3.07279 5.75678 3.00901 5.34766C2.94536 4.93848 3.2258 4.555 3.63499 4.49121C4.41637 4.3694 5.205 4.2694 6.00022 4.19238V3.75C6.00022 2.23122 7.23144 1 8.75022 1H11.2502ZM7.80002 7.00098C7.41217 7.01665 7.10455 7.32382 7.08127 7.70312V7.78027L7.38108 15.2803C7.39779 15.694 7.74659 16.0156 8.16038 15.999C8.57421 15.9824 8.89666 15.6336 8.8801 15.2197L8.57932 7.71973L8.57249 7.64355C8.51897 7.26722 8.18803 6.98546 7.80002 7.00098ZM12.2004 7.00098C11.7866 6.98443 11.4378 7.30599 11.4211 7.71973L11.1213 15.2197C11.1048 15.6335 11.4263 15.9823 11.8401 15.999C12.2538 16.0156 12.6026 15.694 12.6194 15.2803L12.9201 7.78027C12.9367 7.36644 12.6142 7.01761 12.2004 7.00098ZM8.75022 2.5C8.05986 2.5 7.50022 3.05964 7.50022 3.75V4.0752C8.32725 4.02543 9.16083 4 10.0002 4C10.8396 4 11.6732 4.02544 12.5002 4.0752V3.75C12.5002 3.05964 11.9406 2.5 11.2502 2.5H8.75022Z",fill:t})}),de=({fill:t="currentColor",width:r="16",height:o="16"})=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,viewBox:"0 0 16 16",fill:"none",children:[e.jsx("path",{d:"M3.75 2C2.7835 2 2 2.7835 2 3.75V5.25C2 5.66421 2.33579 6 2.75 6C3.16421 6 3.5 5.66421 3.5 5.25V3.75C3.5 3.61193 3.61193 3.5 3.75 3.5H5.25C5.66421 3.5 6 3.16421 6 2.75C6 2.33579 5.66421 2 5.25 2H3.75Z",fill:t}),e.jsx("path",{d:"M10.75 2C10.3358 2 10 2.33579 10 2.75C10 3.16421 10.3358 3.5 10.75 3.5H12.25C12.3881 3.5 12.5 3.61193 12.5 3.75V5.25C12.5 5.66421 12.8358 6 13.25 6C13.6642 6 14 5.66421 14 5.25V3.75C14 2.7835 13.2165 2 12.25 2H10.75Z",fill:t}),e.jsx("path",{d:"M3.5 10.75C3.5 10.3358 3.16421 10 2.75 10C2.33579 10 2 10.3358 2 10.75V12.25C2 13.2165 2.7835 14 3.75 14H5.25C5.66421 14 6 13.6642 6 13.25C6 12.8358 5.66421 12.5 5.25 12.5H3.75C3.61193 12.5 3.5 12.3881 3.5 12.25V10.75Z",fill:t}),e.jsx("path",{d:"M14 10.75C14 10.3358 13.6642 10 13.25 10C12.8358 10 12.5 10.3358 12.5 10.75V12.25C12.5 12.3881 12.3881 12.5 12.25 12.5H10.75C10.3358 12.5 10 12.8358 10 13.25C10 13.6642 10.3358 14 10.75 14H12.25C13.2165 14 14 13.2165 14 12.25V10.75Z",fill:t}),e.jsx("path",{d:"M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z",fill:t})]});var he;exports.IconName=void 0,(he=exports.IconName||(exports.IconName={})).BARS_3_BOTTOM_LEFT="bars-3-bottom-left",he.BUILDING="building",he.BULK_CHECK="bulk-check",he.CHECK="check",he.CHECK_CIRCLE="check-circle",he.CHECK_SQUARE="check-square",he.CHEVRON_DOWN="chevron-down",he.CLOSE="close",he.CODE="code",he.COMPUTER="computer",he.COPY="copy",he.CUBE="cube",he.DATABASE="database",he.EXCLAMATION_CIRCLE="exclamation-circle",he.EXCLAMATION_TRIANGLE="exclamation-triangle",he.GEAR="gear",he.GLobe="globe",he.HASHTAG="hashtag",he.HOME="home",he.INBOX="inbox",he.INFORMATION_CIRCLE="information-circle",he.INFORMATION_CIRCLE_MICRO="information-circle-micro",he.LAMP="lamp",he.LOCK_OPEN="lock-open",he.MINUS="minus",he.PAPER_PLANE="paper-plane",he.PENCIL="pencil",he.PIE_CHART="pie-chart",he.PIPELINE="pipeline",he.PLUS="plus",he.PROFILE="profile",he.QUESTION_CIRCLE="question-circle",he.ROCKET_LAUNCH="rocket-launch",he.SEARCH="search",he.SEARCH_DOCUMENT="search-document",he.SEARCH_SQL="search-sql",he.SITEMAP="sitemap",he.TETRASCIENCE_ICON="tetrascience-icon",he.TEXT="text",he.TRASH="trash",he.VIEWFINDER_CIRCLE="viewfinder-circle";const pe=t=>{let r=null;const{name:o}=t;switch(o){case exports.IconName.BARS_3_BOTTOM_LEFT:r=e.jsx(j,{...t});break;case exports.IconName.BUILDING:r=e.jsx(M,{...t});break;case exports.IconName.BULK_CHECK:r=e.jsx(L,{...t});break;case exports.IconName.CHECK:r=e.jsx(E,{...t});break;case exports.IconName.CHECK_CIRCLE:r=e.jsx(I,{...t});break;case exports.IconName.CHECK_SQUARE:r=e.jsx(N,{...t});break;case exports.IconName.CHEVRON_DOWN:r=e.jsx(A,{...t});break;case exports.IconName.CLOSE:r=e.jsx(_,{...t});break;case exports.IconName.CODE:r=e.jsx($,{...t});break;case exports.IconName.COMPUTER:r=e.jsx(R,{...t});break;case exports.IconName.COPY:r=e.jsx(T,{...t});break;case exports.IconName.CUBE:r=e.jsx(S,{...t});break;case exports.IconName.DATABASE:r=e.jsx(z,{...t});break;case exports.IconName.EXCLAMATION_CIRCLE:r=e.jsx(B,{...t});break;case exports.IconName.EXCLAMATION_TRIANGLE:r=e.jsx(H,{...t});break;case exports.IconName.GEAR:r=e.jsx(P,{...t});break;case exports.IconName.GLobe:r=e.jsx(O,{...t});break;case exports.IconName.HASHTAG:r=e.jsx(D,{...t});break;case exports.IconName.HOME:r=e.jsx(V,{...t});break;case exports.IconName.INBOX:r=e.jsx(U,{...t});break;case exports.IconName.INFORMATION_CIRCLE:r=e.jsx(G,{...t});break;case exports.IconName.INFORMATION_CIRCLE_MICRO:r=e.jsx(K,{...t});break;case exports.IconName.LAMP:r=e.jsx(Z,{...t});break;case exports.IconName.LOCK_OPEN:r=e.jsx(W,{...t});break;case exports.IconName.MINUS:r=e.jsx(Y,{...t});break;case exports.IconName.PAPER_PLANE:r=e.jsx(F,{...t});break;case exports.IconName.PENCIL:r=e.jsx(X,{...t});break;case exports.IconName.PIE_CHART:r=e.jsx(q,{...t});break;case exports.IconName.PIPELINE:r=e.jsx(Q,{...t});break;case exports.IconName.PLUS:r=e.jsx(J,{...t});break;case exports.IconName.PROFILE:r=e.jsx(ee,{...t});break;case exports.IconName.QUESTION_CIRCLE:r=e.jsx(te,{...t});break;case exports.IconName.ROCKET_LAUNCH:r=e.jsx(re,{...t});break;case exports.IconName.SEARCH:r=e.jsx(oe,{...t});break;case exports.IconName.SEARCH_DOCUMENT:r=e.jsx(ie,{...t});break;case exports.IconName.SEARCH_SQL:r=e.jsx(ne,{...t});break;case exports.IconName.SITEMAP:r=e.jsx(ae,{...t});break;case exports.IconName.TETRASCIENCE_ICON:r=e.jsx(se,{...t});break;case exports.IconName.TEXT:r=e.jsx(le,{...t});break;case exports.IconName.TRASH:r=e.jsx(ce,{...t});break;case exports.IconName.VIEWFINDER_CIRCLE:r=e.jsx(de,{...t});break;default:throw`[Icon] name "${o}" does not exist`}return e.jsx("div",{style:{display:"inline-flex"},children:r})},xe=t.label`
|
|
205
|
-
display: inline-flex;
|
|
206
|
-
align-items: center;
|
|
207
|
-
cursor: ${e=>e.disabled?"not-allowed":"pointer"};
|
|
208
|
-
opacity: ${e=>e.disabled?.6:1};
|
|
209
|
-
padding: ${e=>e.$noPadding?"0":"12px 16px"};
|
|
210
|
-
width: 100%;
|
|
211
|
-
`,ue=t.input.attrs({type:"checkbox"})`
|
|
212
|
-
position: absolute;
|
|
213
|
-
opacity: 0;
|
|
214
|
-
height: 0;
|
|
215
|
-
width: 0;
|
|
216
|
-
`,ge=t.div`
|
|
217
|
-
display: flex;
|
|
218
|
-
align-items: center;
|
|
219
|
-
justify-content: center;
|
|
220
|
-
width: 16px;
|
|
221
|
-
height: 16px;
|
|
222
|
-
background: ${e=>e.checked?"var(--blue-600)":"var(--white-900)"};
|
|
223
|
-
border: 1px solid
|
|
224
|
-
${e=>e.checked?"var(--blue-600)":"var(--grey-300)"};
|
|
225
|
-
border-radius: 3px;
|
|
226
|
-
transition: all 0.2s;
|
|
227
|
-
|
|
228
|
-
${e=>!e.disabled&&"\n\t\t&:hover {\n\t\t\tborder-color: var(--blue-600);\n\t\t}\n\t"}
|
|
229
|
-
`,fe=()=>e.jsx(pe,{name:exports.IconName.CHECK_SQUARE,fill:"var(--blue-600)"}),me=t.span`
|
|
230
|
-
margin-left: 10px;
|
|
231
|
-
font-family: "Inter", sans-serif;
|
|
232
|
-
font-size: 14px;
|
|
233
|
-
font-style: normal;
|
|
234
|
-
font-weight: 400;
|
|
235
|
-
line-height: 20px;
|
|
236
|
-
`,Ce=({checked:t=!1,onChange:r,disabled:o=!1,className:i,onClick:n,label:a,noPadding:s=!1,ref:l})=>e.jsxs(xe,{className:i,disabled:o,$noPadding:s,onClick:e=>{n&&n(e)},children:[e.jsx(ue,{ref:l,checked:t,onChange:e=>{!o&&r&&r(e.target.checked)},disabled:o}),e.jsx(ge,{checked:t,disabled:o,children:t&&e.jsx(fe,{})}),a&&e.jsx(me,{children:a})]}),be=t.div`
|
|
237
|
-
position: relative;
|
|
238
|
-
display: inline-flex;
|
|
239
|
-
width: fit-content;
|
|
240
|
-
`,ve=t.div`
|
|
241
|
-
position: absolute;
|
|
242
|
-
background-color: var(--black);
|
|
243
|
-
color: var(--white);
|
|
244
|
-
padding: 8px 12px;
|
|
245
|
-
border-radius: 6px;
|
|
246
|
-
font-family: "Inter", sans-serif;
|
|
247
|
-
font-size: 13px;
|
|
248
|
-
font-weight: 400;
|
|
249
|
-
line-height: 18px;
|
|
250
|
-
max-width: 250px;
|
|
251
|
-
min-width: min-content;
|
|
252
|
-
width: max-content;
|
|
253
|
-
z-index: 1000;
|
|
254
|
-
opacity: 0;
|
|
255
|
-
visibility: hidden;
|
|
256
|
-
transition: opacity 0.2s, visibility 0.2s;
|
|
257
|
-
white-space: normal;
|
|
258
|
-
word-wrap: break-word;
|
|
259
|
-
box-sizing: border-box;
|
|
260
|
-
text-align: left;
|
|
261
|
-
|
|
262
|
-
${e=>e.$isVisible&&t.css`
|
|
263
|
-
opacity: 1;
|
|
264
|
-
visibility: visible;
|
|
265
|
-
`}
|
|
266
|
-
|
|
267
|
-
${e=>{switch(e.placement){case"top":return t.css`
|
|
268
|
-
bottom: 100%;
|
|
269
|
-
left: 50%;
|
|
270
|
-
transform: translateX(-50%) translateY(-8px);
|
|
271
|
-
|
|
272
|
-
&::after {
|
|
273
|
-
content: "";
|
|
274
|
-
position: absolute;
|
|
275
|
-
top: 100%;
|
|
276
|
-
left: 50%;
|
|
277
|
-
margin-left: -6px;
|
|
278
|
-
border-width: 6px;
|
|
279
|
-
border-style: solid;
|
|
280
|
-
border-color: var(--black) transparent transparent transparent;
|
|
281
|
-
}
|
|
282
|
-
`;case"right":return t.css`
|
|
283
|
-
top: 50%;
|
|
284
|
-
left: 100%;
|
|
285
|
-
transform: translateY(-50%) translateX(8px);
|
|
286
|
-
|
|
287
|
-
&::after {
|
|
288
|
-
content: "";
|
|
289
|
-
position: absolute;
|
|
290
|
-
top: 50%;
|
|
291
|
-
right: 100%;
|
|
292
|
-
margin-top: -6px;
|
|
293
|
-
border-width: 6px;
|
|
294
|
-
border-style: solid;
|
|
295
|
-
border-color: transparent var(--black) transparent transparent;
|
|
296
|
-
}
|
|
297
|
-
`;case"bottom":return t.css`
|
|
298
|
-
top: 100%;
|
|
299
|
-
left: 50%;
|
|
300
|
-
transform: translateX(-50%) translateY(8px);
|
|
301
|
-
|
|
302
|
-
&::after {
|
|
303
|
-
content: "";
|
|
304
|
-
position: absolute;
|
|
305
|
-
bottom: 100%;
|
|
306
|
-
left: 50%;
|
|
307
|
-
margin-left: -6px;
|
|
308
|
-
border-width: 6px;
|
|
309
|
-
border-style: solid;
|
|
310
|
-
border-color: transparent transparent var(--black) transparent;
|
|
311
|
-
}
|
|
312
|
-
`;case"left":return t.css`
|
|
313
|
-
top: 50%;
|
|
314
|
-
right: 100%;
|
|
315
|
-
transform: translateY(-50%) translateX(-8px);
|
|
316
|
-
|
|
317
|
-
&::after {
|
|
318
|
-
content: "";
|
|
319
|
-
position: absolute;
|
|
320
|
-
top: 50%;
|
|
321
|
-
left: 100%;
|
|
322
|
-
margin-top: -6px;
|
|
323
|
-
border-width: 6px;
|
|
324
|
-
border-style: solid;
|
|
325
|
-
border-color: transparent transparent transparent var(--black);
|
|
326
|
-
}
|
|
327
|
-
`;default:return""}}}
|
|
328
|
-
`,we=({content:t,children:o,placement:i="top",className:n,delay:a=100})=>{const[s,l]=r.useState(!1),c=r.useRef(null);return r.useEffect(()=>()=>{c.current&&clearTimeout(c.current)},[]),e.jsxs(be,{className:n,onMouseEnter:()=>{c.current&&clearTimeout(c.current),c.current=setTimeout(()=>{l(!0)},a)},onMouseLeave:()=>{c.current&&clearTimeout(c.current),l(!1)},children:[o,e.jsx(ve,{placement:i,$isVisible:s,children:t})]})};var ye={active4d:"Active4D","all-hallows-eve":"All Hallows Eve",amy:"Amy","birds-of-paradise":"Birds of Paradise",blackboard:"Blackboard","brilliance-black":"Brilliance Black","brilliance-dull":"Brilliance Dull","chrome-devtools":"Chrome DevTools","clouds-midnight":"Clouds Midnight",clouds:"Clouds",cobalt:"Cobalt",cobalt2:"Cobalt2",dawn:"Dawn",dracula:"Dracula",dreamweaver:"Dreamweaver",eiffel:"Eiffel","espresso-libre":"Espresso Libre","github-dark":"GitHub Dark","github-light":"GitHub Light",github:"GitHub",idle:"IDLE",katzenmilch:"Katzenmilch","kuroir-theme":"Kuroir Theme",lazy:"LAZY","magicwb--amiga-":"MagicWB (Amiga)","merbivore-soft":"Merbivore Soft",merbivore:"Merbivore","monokai-bright":"Monokai Bright",monokai:"Monokai","night-owl":"Night Owl",nord:"Nord","oceanic-next":"Oceanic Next","pastels-on-dark":"Pastels on Dark","slush-and-poppies":"Slush and Poppies","solarized-dark":"Solarized-dark","solarized-light":"Solarized-light",spacecadet:"SpaceCadet",sunburst:"Sunburst","textmate--mac-classic-":"Textmate (Mac Classic)","tomorrow-night-blue":"Tomorrow-Night-Blue","tomorrow-night-bright":"Tomorrow-Night-Bright","tomorrow-night-eighties":"Tomorrow-Night-Eighties","tomorrow-night":"Tomorrow-Night",tomorrow:"Tomorrow",twilight:"Twilight","upstream-sunburst":"Upstream Sunburst","vibrant-ink":"Vibrant Ink","xcode-default":"Xcode_default",zenburnesque:"Zenburnesque",iplastic:"iPlastic",idlefingers:"idleFingers",krtheme:"krTheme",monoindustrial:"monoindustrial"};const ke={},je={light:"github-light",dark:"dracula"},Me=t.div`
|
|
329
|
-
border-radius: 16px;
|
|
330
|
-
overflow: hidden;
|
|
331
|
-
background-color: ${e=>"dark"===e.$themeMode?"var(--grey-800)":"var(--grey-50)"};
|
|
332
|
-
position: relative;
|
|
333
|
-
border: 1px solid var(--grey-200);
|
|
334
|
-
opacity: ${e=>e.disabled?.6:1};
|
|
335
|
-
cursor: ${e=>e.disabled?"not-allowed":"default"};
|
|
336
|
-
`,Le=t.div`
|
|
337
|
-
margin-left: auto;
|
|
338
|
-
display: flex;
|
|
339
|
-
gap: 8px;
|
|
340
|
-
padding: 8px 16px;
|
|
341
|
-
position: absolute;
|
|
342
|
-
top: 0;
|
|
343
|
-
right: 0;
|
|
344
|
-
z-index: 1;
|
|
345
|
-
`,Ee=t.div`
|
|
346
|
-
width: 32px;
|
|
347
|
-
height: 32px;
|
|
348
|
-
display: flex;
|
|
349
|
-
align-items: center;
|
|
350
|
-
justify-content: center;
|
|
351
|
-
`,Ie=t(f)`
|
|
352
|
-
width: 100%;
|
|
353
|
-
height: 100%;
|
|
354
|
-
`,Ne=({value:t,onChange:i,language:n="python",theme:a="dark",height:s=400,width:l="100%",options:c={},onCopy:d,onLaunch:h,disabled:p=!1})=>{const[x,u]=r.useState("Copy"),[g,f]=r.useState("Launch"),m=r.useCallback(e=>{d&&!p&&(d(e),u("Copied"),setTimeout(()=>{u("Copy")},1e3))},[d,p]),C=r.useCallback(e=>{h&&!p&&(h(e),f("Launched"),setTimeout(()=>{f("Launch")},1e3))},[h,p]),b={minimap:{enabled:!1},scrollBeyondLastLine:!1,lineNumbers:"on",padding:{top:12,bottom:12,left:20,right:20},scrollbar:{vertical:"hidden",verticalScrollbarSize:0},readOnly:p,...c};return e.jsxs(Me,{$themeMode:a,disabled:p,children:[e.jsxs(Le,{children:[d&&e.jsx(we,{content:x,placement:"bottom",children:e.jsx(Ee,{children:e.jsx(Ie,{variant:"tertiary",size:"small",leftIcon:e.jsx(pe,{name:exports.IconName.COPY}),noPadding:!0,fullWidth:!0,onClick:()=>m(t),disabled:p,children:null})})}),h&&e.jsx(we,{content:g,placement:"bottom",children:e.jsx(Ee,{children:e.jsx(Ie,{variant:"tertiary",size:"small",leftIcon:e.jsx(pe,{name:exports.IconName.ROCKET_LAUNCH}),noPadding:!0,fullWidth:!0,onClick:()=>C(t),disabled:p,children:null})})})]}),e.jsx(o,{value:t,onChange:i,language:n,theme:je[a],height:s,width:l,options:b,beforeMount:async e=>{const t=je[a];try{const r=ye[t];if(r){const o=ke[`/node_modules/monaco-themes/themes/${r}.json`];if(o){const r=(await o()).default;e.editor.defineTheme(t,r)}}e.editor.setTheme(t)}catch(t){console.error("Error loading theme:",t),e.editor.setTheme("vs-dark")}}})]})},Ae=t.div`
|
|
355
|
-
position: relative;
|
|
356
|
-
width: ${e=>e.width||"100%"};
|
|
357
|
-
`,_e=t.button`
|
|
358
|
-
display: flex;
|
|
359
|
-
align-items: center;
|
|
360
|
-
justify-content: space-between;
|
|
361
|
-
width: 100%;
|
|
362
|
-
height: ${e=>"xsmall"===e.size?"34px":"38px"};
|
|
363
|
-
padding: 0 12px;
|
|
364
|
-
background-color: ${e=>e.disabled?"var(--grey-100)":"var(--white-900)"};
|
|
365
|
-
border: 1px solid
|
|
366
|
-
${e=>e.$error?"var(--red-error)":e.disabled?"var(--grey-200)":e.open?"var(--blue-600)":"var(--grey-300)"};
|
|
367
|
-
border-radius: 6px;
|
|
368
|
-
outline: none;
|
|
369
|
-
cursor: ${e=>e.disabled?"not-allowed":"pointer"};
|
|
370
|
-
user-select: ${e=>e.disabled?"none":"auto"};
|
|
371
|
-
transition: all 0.2s ease;
|
|
372
|
-
font-family: "Inter", sans-serif;
|
|
373
|
-
font-size: 14px;
|
|
374
|
-
font-weight: 400;
|
|
375
|
-
line-height: 20px;
|
|
376
|
-
text-align: left;
|
|
377
|
-
color: ${e=>e.disabled?"var(--grey-400)":e.open?"var(--black-900)":"var(--grey-400)"};
|
|
378
|
-
|
|
379
|
-
&:hover:not(:disabled) {
|
|
380
|
-
border-color: ${e=>e.$error?"var(--red-error)":"var(--blue-600)"};
|
|
381
|
-
color: var(--black-900) !important;
|
|
382
|
-
}
|
|
383
|
-
|
|
384
|
-
&:disabled {
|
|
385
|
-
color: var(--grey-400) !important;
|
|
386
|
-
border-color: var(--grey-300);
|
|
387
|
-
}
|
|
388
|
-
|
|
389
|
-
&:active:not(:disabled) {
|
|
390
|
-
color: var(--black-900) !important;
|
|
391
|
-
}
|
|
392
|
-
|
|
393
|
-
&:focus {
|
|
394
|
-
outline: none;
|
|
395
|
-
box-shadow: ${e=>e.$error?"0px 0px 0px 3px var(--red-bg)":"0px 0px 0px 1px var(--white-900), 0px 0px 0px 3px var(--blue-600)"};
|
|
396
|
-
border-color: ${e=>e.$error?"var(--red-error)":"var(--blue-600)"};
|
|
397
|
-
}
|
|
398
|
-
`,$e=t.div`
|
|
399
|
-
width: 20px;
|
|
400
|
-
height: 20px;
|
|
401
|
-
transform: ${e=>e.open?"rotate(180deg)":"rotate(0deg)"};
|
|
402
|
-
transition: transform 0.2s ease;
|
|
403
|
-
color: var(--grey-600);
|
|
404
|
-
display: flex;
|
|
405
|
-
align-items: center;
|
|
406
|
-
justify-content: center;
|
|
407
|
-
`,Re=t.div`
|
|
408
|
-
text-overflow: ellipsis;
|
|
409
|
-
white-space: nowrap;
|
|
410
|
-
overflow: hidden;
|
|
411
|
-
flex: 1;
|
|
412
|
-
text-align: left;
|
|
413
|
-
display: block;
|
|
414
|
-
max-width: calc(100% - 24px);
|
|
415
|
-
|
|
416
|
-
.dropdown-menu-item {
|
|
417
|
-
text-overflow: ellipsis;
|
|
418
|
-
white-space: nowrap;
|
|
419
|
-
overflow: hidden;
|
|
420
|
-
}
|
|
421
|
-
`,Te=t.ul`
|
|
422
|
-
position: absolute;
|
|
423
|
-
top: calc(100% + 4px);
|
|
424
|
-
left: 0;
|
|
425
|
-
width: ${e=>e.menuWidth||"calc(100% - 2px)"};
|
|
426
|
-
max-height: 200px;
|
|
427
|
-
overflow-y: auto;
|
|
428
|
-
background-color: var(--white-900);
|
|
429
|
-
border: 1px solid var(--grey-200);
|
|
430
|
-
border-radius: 6px;
|
|
431
|
-
box-shadow: 0px 4px 8px var(--black-100);
|
|
432
|
-
z-index: 10;
|
|
433
|
-
padding: 4px 0;
|
|
434
|
-
margin: 0;
|
|
435
|
-
list-style: none;
|
|
436
|
-
`,Se=t.div`
|
|
437
|
-
display: flex;
|
|
438
|
-
flex-direction: column;
|
|
439
|
-
align-items: center;
|
|
440
|
-
justify-content: center;
|
|
441
|
-
padding: 16px;
|
|
442
|
-
color: var(--grey-400);
|
|
443
|
-
`,ze=t.p`
|
|
444
|
-
margin: 8px 0 0 0;
|
|
445
|
-
font-family: "Inter", sans-serif;
|
|
446
|
-
font-size: 14px;
|
|
447
|
-
line-height: 20px;
|
|
448
|
-
text-align: center;
|
|
449
|
-
`,Be=t.li`
|
|
450
|
-
padding: 8px 12px;
|
|
451
|
-
cursor: ${e=>e.disabled?"not-allowed":"pointer"};
|
|
452
|
-
background-color: ${e=>e.selected?"var(--blue-50)":"transparent"};
|
|
453
|
-
color: ${e=>e.disabled?"var(--grey-400)":(e.selected,"var(--blue-900)")};
|
|
454
|
-
font-family: "Inter", sans-serif;
|
|
455
|
-
font-size: 14px;
|
|
456
|
-
line-height: 20px;
|
|
457
|
-
transition: background-color 0.2s ease;
|
|
458
|
-
outline: none;
|
|
459
|
-
|
|
460
|
-
&:hover:not(:disabled) {
|
|
461
|
-
background-color: ${e=>e.selected?"var(--blue-50)":"var(--grey-50)"};
|
|
462
|
-
}
|
|
463
|
-
|
|
464
|
-
&:focus-visible {
|
|
465
|
-
background-color: var(--blue-50);
|
|
466
|
-
outline: 2px solid var(--blue-600);
|
|
467
|
-
outline-offset: -2px;
|
|
468
|
-
}
|
|
469
|
-
`,He=({options:t=[],value:o,placeholder:i="Select an option",disabled:n=!1,error:a=!1,size:s="small",onChange:l,onOpen:c,onClose:d,width:h,menuWidth:p})=>{const[x,u]=r.useState(!1),[g,f]=r.useState(o||""),m=r.useRef(null),C=r.useRef([]);r.useEffect(()=>{void 0!==o&&f(o)},[o]),r.useEffect(()=>{const e=e=>{m.current&&!m.current.contains(e.target)&&x&&(u(!1),d?.())};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[x,d]),r.useEffect(()=>{x&&(C.current=C.current.slice(0,t.length))},[x,t.length]),r.useEffect(()=>{if(x&&C.current.length>0){const e=t.findIndex(e=>e.value===g),r=e>=0?e:0;setTimeout(()=>{C.current[r]&&C.current[r]?.focus()},10)}},[x,t,g]);const b=e=>{e.disabled||(f(e.value),u(!1),l?.(e.value),d?.())},v=(e,r)=>{const o=t[r];switch(e.key){case"Enter":case" ":e.preventDefault(),o.disabled||b(o);break;case"ArrowDown":{e.preventDefault();const o=(e=>{for(let r=e+1;r<t.length;r++)if(!t[r].disabled)return r;return-1})(r);-1!==o&&C.current[o]?.focus();break}case"ArrowUp":{e.preventDefault();const o=(e=>{for(let r=e-1;r>=0;r--)if(!t[r].disabled)return r;return-1})(r);-1!==o&&C.current[o]?.focus();break}case"Escape":e.preventDefault(),u(!1),d?.();break;case"Tab":u(!1),d?.()}},w=t.find(e=>e.value===g),y=w?w.label:i;return e.jsxs(Ae,{ref:m,width:h,children:[e.jsxs(_e,{type:"button",onClick:()=>{if(!n){const e=!x;u(e),e?c?.():d?.()}},onKeyDown:e=>{if(!n)switch(e.key){case"Enter":case" ":case"ArrowDown":e.preventDefault(),x||(u(!0),c?.());break;case"Escape":e.preventDefault(),x&&(u(!1),d?.())}},open:x,disabled:n,$error:a,size:s,"aria-haspopup":"listbox","aria-expanded":x,"aria-label":i,children:[e.jsx(Re,{children:y}),e.jsx($e,{open:x,children:e.jsx(pe,{name:exports.IconName.CHEVRON_DOWN,fill:"var(--grey-600)"})})]}),x&&e.jsx(Te,{role:"listbox","aria-labelledby":"dropdown-button",menuWidth:p,children:t.length>0?t.map((t,r)=>e.jsx(Be,{ref:e=>{C.current[r]=e},selected:t.value===g,disabled:t.disabled,onClick:()=>b(t),onKeyDown:e=>v(e,r),tabIndex:t.disabled?-1:0,role:"option","aria-selected":t.value===g,"aria-disabled":t.disabled,children:t.label},t.value)):e.jsxs(Se,{children:[e.jsx(pe,{name:exports.IconName.INBOX,fill:"var(--grey-400)",width:"24px",height:"24px"}),e.jsx(ze,{children:"No Data"})]})})]})},Pe=t.div`
|
|
470
|
-
width: 100%;
|
|
471
|
-
padding: 15px;
|
|
472
|
-
border-radius: 4px;
|
|
473
|
-
margin-bottom: 16px;
|
|
474
|
-
background-color: #fff2f0;
|
|
475
|
-
border: 1px solid #ffccc7;
|
|
476
|
-
display: flex;
|
|
477
|
-
flex-direction: column;
|
|
478
|
-
gap: 8px;
|
|
479
|
-
box-sizing: border-box;
|
|
480
|
-
`,Oe=t.div`
|
|
481
|
-
display: flex;
|
|
482
|
-
justify-content: space-between;
|
|
483
|
-
align-items: flex-start;
|
|
484
|
-
`,De=t.div`
|
|
485
|
-
color: #ff4d4f;
|
|
486
|
-
font-size: 18px;
|
|
487
|
-
margin-right: 12px;
|
|
488
|
-
display: flex;
|
|
489
|
-
align-items: center;
|
|
490
|
-
`,Ve=t.button`
|
|
491
|
-
background: none;
|
|
492
|
-
border: none;
|
|
493
|
-
font-size: 16px;
|
|
494
|
-
cursor: pointer;
|
|
495
|
-
color: rgba(0, 0, 0, 0.45);
|
|
496
|
-
padding: 0;
|
|
497
|
-
line-height: 1;
|
|
498
|
-
&:hover {
|
|
499
|
-
color: rgba(0, 0, 0, 0.75);
|
|
500
|
-
}
|
|
501
|
-
`,Ue=t.div`
|
|
502
|
-
font-weight: 500;
|
|
503
|
-
font-size: 16px;
|
|
504
|
-
display: flex;
|
|
505
|
-
align-items: center;
|
|
506
|
-
flex-grow: 1;
|
|
507
|
-
`,Ge=t.div`
|
|
508
|
-
display: flex;
|
|
509
|
-
flex-direction: column;
|
|
510
|
-
gap: 8px;
|
|
511
|
-
width: 100%;
|
|
512
|
-
`,Ke=t.p`
|
|
513
|
-
margin: 0;
|
|
514
|
-
padding: 0;
|
|
515
|
-
line-height: 1.5;
|
|
516
|
-
`,Ze=t.span`
|
|
517
|
-
font-weight: ${e=>e.$strong?"600":"400"};
|
|
518
|
-
color: ${e=>"secondary"===e.$type?"rgba(0, 0, 0, 0.45)":"inherit"};
|
|
519
|
-
`,We=t(Ze).attrs({$type:"secondary"})``,Ye=t.div`
|
|
520
|
-
margin-left: -15px;
|
|
521
|
-
margin-right: -15px;
|
|
522
|
-
margin-bottom: -5px;
|
|
523
|
-
`,Fe=t.div`
|
|
524
|
-
padding: 12px 16px;
|
|
525
|
-
cursor: pointer;
|
|
526
|
-
display: flex;
|
|
527
|
-
align-items: center;
|
|
528
|
-
user-select: none;
|
|
529
|
-
|
|
530
|
-
&:hover {
|
|
531
|
-
background-color: rgba(0, 0, 0, 0.02);
|
|
532
|
-
}
|
|
533
|
-
|
|
534
|
-
&::after {
|
|
535
|
-
content: "${e=>e.$isActive?"▼":"▶"}";
|
|
536
|
-
font-size: 12px;
|
|
537
|
-
margin-left: 8px;
|
|
538
|
-
}
|
|
539
|
-
`,Xe=t.div`
|
|
540
|
-
padding: ${e=>e.$isVisible?"0 16px 12px":"0 16px"};
|
|
541
|
-
max-height: ${e=>e.$isVisible?"300px":"0"};
|
|
542
|
-
overflow: hidden;
|
|
543
|
-
transition: max-height 0.3s ease;
|
|
544
|
-
`,qe=t.pre`
|
|
545
|
-
white-space: pre-wrap;
|
|
546
|
-
word-break: break-all;
|
|
547
|
-
max-height: 300px;
|
|
548
|
-
overflow-y: auto;
|
|
549
|
-
background: #f5f5f5;
|
|
550
|
-
padding: 10px;
|
|
551
|
-
border-radius: 4px;
|
|
552
|
-
margin: 0;
|
|
553
|
-
`;function Qe(e){let t="Network/API Error",r=e.message,o=null,i=null;if(e.response){const{status:t,statusText:n,data:a}=e.response;r=`API Error: ${t} ${n}`;const s=function(e){if("string"==typeof e)return{description:e,details:null};if(e&&"object"==typeof e){const t=e.detail||e.message||e.error;return"string"==typeof t?{description:t,details:null}:{description:"Check details for response data.",details:JSON.stringify(e,null,2)}}return{description:null,details:null}}(a);o=s.description??`Request failed with status code ${t}.`,i=`URL: ${e.config?.method?.toUpperCase()} ${e.config?.url}\nStatus: ${t} ${n}\nResponse Data:\n${s.details??JSON.stringify(a,null,2)}`}else e.request?(t="Network Error",r="Network Error: Could not reach the server.",o="Please check your internet connection or contact support if the problem persists.",i=`URL: ${e.config?.method?.toUpperCase()} ${e.config?.url}\nError Message: ${e.message}`):r=`Request Setup Error: ${e.message}`;return e.code&&(t+=` (Code: ${e.code})`),{message:r,description:o,details:i,errorType:t}}function Je(e){return function(e){return"object"==typeof e&&null!==e&&"isAxiosError"in e&&!0===e.isAxiosError}(e)?Qe(e):e instanceof Error?function(e){return{message:e.message,description:null,details:e.stack??"No stack trace available.",errorType:e.name||"Error"}}(e):"string"==typeof e?{message:e,description:null,details:null,errorType:"Message"}:"object"==typeof e&&null!==e?function(e){const t=e.message||e.error||"An object was thrown as an error.";let r;try{r=JSON.stringify(e,null,2)}catch{r="Could not stringify the error object."}return{message:t,description:null,details:r,errorType:"Object Error"}}(e):{message:"An unexpected error occurred.",description:null,details:null,errorType:"Unknown Error"}}const et=({children:t,header:o,defaultExpanded:i=!1})=>{const[n,a]=r.useState(i);return e.jsxs("div",{children:[e.jsx(Fe,{$isActive:n,onClick:()=>a(!n),children:o}),e.jsx(Xe,{$isVisible:n,children:t})]})},tt=({error:t,title:r="An Error Occurred",onClose:o,showDetailsDefault:i=!1})=>{if(!t)return e.jsx(e.Fragment,{});const{message:n,description:a,details:s,errorType:l}=Je(t);return e.jsxs(Pe,{type:"error",children:[e.jsxs(Oe,{children:[e.jsxs(Ue,{children:[e.jsx(De,{children:"⚠️"}),r]}),o&&e.jsx(Ve,{onClick:o,children:"✕"})]}),e.jsxs(Ge,{children:[e.jsxs(Ke,{children:[e.jsxs(Ze,{$strong:!0,children:[l,":"]})," ",n]}),a&&e.jsx(Ke,{children:e.jsx(We,{children:a})}),s&&e.jsx(Ye,{children:e.jsx(et,{header:"Details",defaultExpanded:i,children:e.jsx(qe,{children:s})})})]})]})},rt={xsmall:t.css`
|
|
554
|
-
height: 32px;
|
|
555
|
-
padding: ${e=>e.$hasIconLeft&&e.$hasIconRight?"0 32px 0 32px":e.$hasIconLeft?"0 10px 0 32px":e.$hasIconRight?"0 32px 0 10px":"0 10px"};
|
|
556
|
-
`,small:t.css`
|
|
557
|
-
height: 36px;
|
|
558
|
-
padding: ${e=>e.$hasIconLeft&&e.$hasIconRight?"0 38px 0 38px":e.$hasIconLeft?"0 12px 0 38px":e.$hasIconRight?"0 38px 0 12px":"0 12px"};
|
|
559
|
-
`},ot=t.div`
|
|
560
|
-
position: relative;
|
|
561
|
-
display: inline-flex;
|
|
562
|
-
align-items: center;
|
|
563
|
-
width: 100%;
|
|
564
|
-
gap: 8px;
|
|
565
|
-
`,it=t.input`
|
|
566
|
-
width: 100%;
|
|
567
|
-
border-radius: 6px;
|
|
568
|
-
font-family: "Inter", sans-serif;
|
|
569
|
-
font-size: 14px;
|
|
570
|
-
font-style: normal;
|
|
571
|
-
font-weight: 400;
|
|
572
|
-
line-height: 20px;
|
|
573
|
-
border: 1px solid
|
|
574
|
-
${e=>e.$error?"var(--red-error)":(e.disabled,"var(--grey-300)")};
|
|
575
|
-
background-color: ${e=>e.disabled?"var(--grey-200)":"var(--white-900)"};
|
|
576
|
-
color: ${e=>e.disabled?"var(--grey-400)":"var(--black-900)"};
|
|
577
|
-
transition: all 0.2s;
|
|
578
|
-
|
|
579
|
-
${e=>rt[e.size||"small"]}
|
|
580
|
-
|
|
581
|
-
&:hover:not(:disabled):not(:focus) {
|
|
582
|
-
border-color: ${e=>e.$error?"var(--red-error)":"var(--blue-600)"};
|
|
583
|
-
}
|
|
584
|
-
|
|
585
|
-
&:focus {
|
|
586
|
-
outline: none;
|
|
587
|
-
box-shadow: 0px 0px 0px 1px var(--white-900),
|
|
588
|
-
0px 0px 0px 3px var(--blue-600);
|
|
589
|
-
border-color: ${e=>e.$error?"var(--red-error)":"var(--blue-600)"};
|
|
590
|
-
}
|
|
591
|
-
|
|
592
|
-
&:active {
|
|
593
|
-
outline: none;
|
|
594
|
-
box-shadow: 0px 0px 0px 2px var(--blue-200);
|
|
595
|
-
border-color: ${e=>e.$error?"var(--red-error)":"var(--blue-600)"};
|
|
596
|
-
}
|
|
597
|
-
|
|
598
|
-
&:disabled {
|
|
599
|
-
cursor: not-allowed;
|
|
600
|
-
user-select: none;
|
|
601
|
-
pointer-events: none;
|
|
602
|
-
}
|
|
603
|
-
|
|
604
|
-
&::placeholder {
|
|
605
|
-
color: var(--grey-400);
|
|
606
|
-
}
|
|
607
|
-
`,nt=t.div`
|
|
608
|
-
position: absolute;
|
|
609
|
-
display: flex;
|
|
610
|
-
align-items: center;
|
|
611
|
-
justify-content: center;
|
|
612
|
-
pointer-events: none;
|
|
613
|
-
color: var(--grey-400);
|
|
614
|
-
${e=>"left"===e.position?"left: 10px;":"right: 10px;"}
|
|
615
|
-
${e=>"xsmall"===e.size?"width: 16px; height: 16px;":"width: 20px; height: 20px;"}
|
|
616
|
-
`,at=({size:t="small",iconLeft:r,iconRight:o,error:i=!1,disabled:n=!1,ref:a,...s})=>e.jsxs(ot,{size:t,disabled:n,$error:i,children:[r&&e.jsx(nt,{position:"left",size:t,children:r}),e.jsx(it,{ref:a,size:t,$hasIconLeft:!!r,$hasIconRight:!!o,$error:i,disabled:n,...s}),o&&e.jsx(nt,{position:"right",size:t,children:o})]}),st=t.div`
|
|
617
|
-
display: flex;
|
|
618
|
-
flex-direction: column;
|
|
619
|
-
gap: 4px;
|
|
620
|
-
`,lt=t.div`
|
|
621
|
-
display: flex;
|
|
622
|
-
align-items: center;
|
|
623
|
-
gap: 6px;
|
|
624
|
-
color: var(--grey-600);
|
|
625
|
-
text-overflow: ellipsis;
|
|
626
|
-
font-family: "Inter", sans-serif;
|
|
627
|
-
font-size: 13px;
|
|
628
|
-
font-style: normal;
|
|
629
|
-
font-weight: 400;
|
|
630
|
-
line-height: 18px;
|
|
631
|
-
`,ct=()=>e.jsx(pe,{name:exports.IconName.INFORMATION_CIRCLE_MICRO,fill:"var(--grey-600)"}),dt=t.span`
|
|
632
|
-
display: inline-flex;
|
|
633
|
-
cursor: help;
|
|
634
|
-
`,ht=({children:t,infoText:r,className:o})=>e.jsx(st,{className:o,children:e.jsxs(lt,{children:[t,r&&e.jsx(we,{content:r,placement:"bottom",children:e.jsx(dt,{children:e.jsx(ct,{})})})]})});var pt={'code[class*="language-"]':{color:"#f8f8f2",background:"none",fontFamily:"\"Fira Code\", Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",wordWrap:"normal",lineHeight:"1.5",MozTabSize:"4",OTabSize:"4",tabSize:"4",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none"},'pre[class*="language-"]':{color:"#f8f8f2",background:"#2E3440",fontFamily:"\"Fira Code\", Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",wordWrap:"normal",lineHeight:"1.5",MozTabSize:"4",OTabSize:"4",tabSize:"4",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none",padding:"1em",margin:".5em 0",overflow:"auto",borderRadius:"0.3em"},':not(pre) > code[class*="language-"]':{background:"#2E3440",padding:".1em",borderRadius:".3em",whiteSpace:"normal"},comment:{color:"#636f88"},prolog:{color:"#636f88"},doctype:{color:"#636f88"},cdata:{color:"#636f88"},punctuation:{color:"#81A1C1"},".namespace":{Opacity:".7"},property:{color:"#81A1C1"},tag:{color:"#81A1C1"},constant:{color:"#81A1C1"},symbol:{color:"#81A1C1"},deleted:{color:"#81A1C1"},number:{color:"#B48EAD"},boolean:{color:"#81A1C1"},selector:{color:"#A3BE8C"},"attr-name":{color:"#A3BE8C"},string:{color:"#A3BE8C"},char:{color:"#A3BE8C"},builtin:{color:"#A3BE8C"},inserted:{color:"#A3BE8C"},operator:{color:"#81A1C1"},entity:{color:"#81A1C1",cursor:"help"},url:{color:"#81A1C1"},".language-css .token.string":{color:"#81A1C1"},".style .token.string":{color:"#81A1C1"},variable:{color:"#81A1C1"},atrule:{color:"#88C0D0"},"attr-value":{color:"#88C0D0"},function:{color:"#88C0D0"},"class-name":{color:"#88C0D0"},keyword:{color:"#81A1C1"},regex:{color:"#EBCB8B"},important:{color:"#EBCB8B",fontWeight:"bold"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"}};const xt=t.code`
|
|
635
|
-
background-color: rgba(0, 0, 0, 0.05);
|
|
636
|
-
border-radius: 3px;
|
|
637
|
-
font-family: "Courier New", Courier, monospace;
|
|
638
|
-
padding: 0.2em 0.4em;
|
|
639
|
-
font-size: 85%;
|
|
640
|
-
`,ut=({inline:t,className:o,children:i,...a})=>{const s=/language-(\w+)/.exec(o||""),l=s?s[1]:void 0,c=String(i).replace(/\n$/,""),[d,h]=r.useState(!1),p=e=>{console.log(e)};return!t&&s?e.jsxs("div",{className:"code-block-container",children:[e.jsx("div",{className:"copy-button-wrapper",children:e.jsx(f,{size:"small",leftIcon:e.jsx(pe,{name:exports.IconName.COPY}),onClick:async()=>{if(!navigator.clipboard)return console.error("Clipboard API not available."),void p("Clipboard access not available or denied.");try{await navigator.clipboard.writeText(c),h(!0),p("Code copied to clipboard!"),setTimeout(()=>h(!1),2e3)}catch(e){console.error("Failed to copy code: ",e),h(!1)}},"aria-label":"Copy code to clipboard",children:d?"Copied!":"Copy"})}),r.createElement(n.Prism,{style:pt,language:l,PreTag:"div",children:c})]}):e.jsx(xt,{...a,children:i})},gt=t.div`
|
|
641
|
-
display: flex;
|
|
642
|
-
align-items: center;
|
|
643
|
-
justify-content: space-between;
|
|
644
|
-
font-size: 14px;
|
|
645
|
-
gap: 10px;
|
|
646
|
-
color: ${e=>e.$active?"var(--blue-900)":"var(--grey-600)"};
|
|
647
|
-
cursor: pointer;
|
|
648
|
-
transition: all 0.2s;
|
|
649
|
-
user-select: none;
|
|
650
|
-
border-bottom: 1px solid var(--grey-200);
|
|
651
|
-
background-color: ${e=>e.$active?"var(--grey-100)":"var(--white-900)"};
|
|
652
|
-
padding: ${e=>e.$showCheckbox?"0":"12px 16px"};
|
|
653
|
-
|
|
654
|
-
&:hover {
|
|
655
|
-
background-color: ${e=>e.$active?"var(--grey-100)":"var(--grey-50)"};
|
|
656
|
-
}
|
|
657
|
-
|
|
658
|
-
&:last-child {
|
|
659
|
-
border-bottom: none;
|
|
660
|
-
}
|
|
661
|
-
`,ft=t.div`
|
|
662
|
-
display: flex;
|
|
663
|
-
align-items: center;
|
|
664
|
-
gap: 12px;
|
|
665
|
-
flex: 1;
|
|
666
|
-
`,mt=t.div`
|
|
667
|
-
display: flex;
|
|
668
|
-
align-items: center;
|
|
669
|
-
justify-content: flex-start;
|
|
670
|
-
flex: 1;
|
|
671
|
-
width: 100%;
|
|
672
|
-
`,Ct=({label:t,checked:r=!1,showCheckbox:o=!1,onClick:i,onCheckChange:n,active:a=!1,className:s,ref:l})=>{const c=e=>{console.log("Checkbox clicked!"),e.stopPropagation()};return e.jsxs(gt,{ref:l,$active:a,$showCheckbox:o,className:s,onClick:()=>{console.log("MenuItem clicked!"),i&&i()},role:"button",tabIndex:0,children:[!o&&e.jsx(ft,{children:t}),o&&e.jsx(mt,{onClick:c,children:e.jsx(Ce,{checked:r,onChange:e=>{console.log("Checkbox changed:",e),n&&n(e)},onClick:c,label:t})})]})},bt=t.createGlobalStyle`
|
|
673
|
-
body.stop-scrolling {
|
|
674
|
-
overflow: hidden;
|
|
675
|
-
}
|
|
676
|
-
`,vt=t.keyframes`
|
|
677
|
-
from {
|
|
678
|
-
opacity: 0;
|
|
679
|
-
}
|
|
680
|
-
to {
|
|
681
|
-
opacity: 1;
|
|
682
|
-
}
|
|
683
|
-
`,wt=t.keyframes`
|
|
684
|
-
from {
|
|
685
|
-
opacity: 1;
|
|
686
|
-
}
|
|
687
|
-
to {
|
|
688
|
-
opacity: 0;
|
|
689
|
-
}
|
|
690
|
-
`,yt=t.keyframes`
|
|
691
|
-
from {
|
|
692
|
-
opacity: 0;
|
|
693
|
-
}
|
|
694
|
-
to {
|
|
695
|
-
opacity: 1;
|
|
696
|
-
}
|
|
697
|
-
`,kt=t.keyframes`
|
|
698
|
-
from {
|
|
699
|
-
opacity: 1;
|
|
700
|
-
}
|
|
701
|
-
to {
|
|
702
|
-
opacity: 0;
|
|
703
|
-
}
|
|
704
|
-
`,jt=t.div`
|
|
705
|
-
position: fixed;
|
|
706
|
-
top: 0;
|
|
707
|
-
right: 0;
|
|
708
|
-
bottom: 0;
|
|
709
|
-
left: 0;
|
|
710
|
-
z-index: 10000;
|
|
711
|
-
animation: ${e=>e.$isFadeOut?wt:vt} 0.3s
|
|
712
|
-
ease forwards;
|
|
713
|
-
display: flex;
|
|
714
|
-
align-items: center;
|
|
715
|
-
justify-content: center;
|
|
716
|
-
`,Mt=t.button`
|
|
717
|
-
background-color: var(--black-500);
|
|
718
|
-
position: absolute;
|
|
719
|
-
top: 0;
|
|
720
|
-
right: 0;
|
|
721
|
-
bottom: 0;
|
|
722
|
-
left: 0;
|
|
723
|
-
backdrop-filter: blur(2px);
|
|
724
|
-
box-shadow: none;
|
|
725
|
-
border: none;
|
|
726
|
-
height: 100%;
|
|
727
|
-
animation: ${e=>e.$isFadeOut?kt:yt}
|
|
728
|
-
0.3s ease forwards;
|
|
729
|
-
`,Lt=t.div`
|
|
730
|
-
position: relative;
|
|
731
|
-
background: var(--theme-background, var(--white-900));
|
|
732
|
-
border-radius: var(--theme-radius-large, 16px);
|
|
733
|
-
width: ${e=>e.width||"480px"};
|
|
734
|
-
max-width: 90vw;
|
|
735
|
-
padding: 0;
|
|
736
|
-
box-shadow: 0px 4px 12px 0px var(--black-100),
|
|
737
|
-
0px 2px 4px -2px var(--black-100);
|
|
738
|
-
z-index: 1;
|
|
739
|
-
transform: ${e=>e.$isFadeOut?"scale(0.95)":"scale(1)"};
|
|
740
|
-
opacity: ${e=>e.$isFadeOut?0:1};
|
|
741
|
-
transition: transform 0.3s ease-out, opacity 0.3s ease-out;
|
|
742
|
-
max-height: 90vh;
|
|
743
|
-
display: flex;
|
|
744
|
-
flex-direction: column;
|
|
745
|
-
|
|
746
|
-
@media (max-width: 767px) {
|
|
747
|
-
width: calc(100% - 40px) !important;
|
|
748
|
-
}
|
|
749
|
-
`,Et=t.div`
|
|
750
|
-
display: flex;
|
|
751
|
-
flex-direction: row;
|
|
752
|
-
justify-content: space-between;
|
|
753
|
-
align-items: center;
|
|
754
|
-
padding: 12px 24px;
|
|
755
|
-
border-bottom: 1px solid var(--grey-100);
|
|
756
|
-
`,It=t.h3`
|
|
757
|
-
margin: 0;
|
|
758
|
-
font-family: "Inter", sans-serif;
|
|
759
|
-
font-size: 18px;
|
|
760
|
-
font-style: normal;
|
|
761
|
-
font-weight: 500;
|
|
762
|
-
line-height: 28px;
|
|
763
|
-
color: var(--black-900);
|
|
764
|
-
`,Nt=t.button`
|
|
765
|
-
background: none;
|
|
766
|
-
border: none;
|
|
767
|
-
cursor: pointer;
|
|
768
|
-
padding: 0;
|
|
769
|
-
display: flex;
|
|
770
|
-
align-items: center;
|
|
771
|
-
justify-content: center;
|
|
772
|
-
color: var(--black-900);
|
|
773
|
-
width: 24px;
|
|
774
|
-
height: 24px;
|
|
775
|
-
${e=>e.$absolute&&"\n position: absolute;\n top: 16px;\n right: 16px;\n "}
|
|
776
|
-
|
|
777
|
-
&:hover {
|
|
778
|
-
color: var(--black-900);
|
|
779
|
-
}
|
|
780
|
-
|
|
781
|
-
svg {
|
|
782
|
-
width: 20px;
|
|
783
|
-
height: 20px;
|
|
784
|
-
}
|
|
785
|
-
`,At=t.div`
|
|
786
|
-
padding: 12px;
|
|
787
|
-
display: flex;
|
|
788
|
-
justify-content: flex-end;
|
|
789
|
-
gap: 12px;
|
|
790
|
-
|
|
791
|
-
@media (max-width: 767px) {
|
|
792
|
-
justify-content: center !important;
|
|
793
|
-
|
|
794
|
-
.button {
|
|
795
|
-
display: flex !important;
|
|
796
|
-
width: 100%;
|
|
797
|
-
}
|
|
798
|
-
}
|
|
799
|
-
`,_t=t.div`
|
|
800
|
-
color: var(--grey-500);
|
|
801
|
-
font-family: "Inter", sans-serif;
|
|
802
|
-
font-size: 14px;
|
|
803
|
-
font-style: normal;
|
|
804
|
-
font-weight: 400;
|
|
805
|
-
line-height: 20px;
|
|
806
|
-
margin: 0 24px;
|
|
807
|
-
overflow-y: auto;
|
|
808
|
-
flex: 1;
|
|
809
|
-
max-height: calc(90vh - 140px); /* Account for header and footer */
|
|
810
|
-
`,$t=({isOpen:t,onClose:o,onCloseLabel:i,onConfirm:n,onConfirmLabel:a,children:s,width:l="400px",className:c="",hideActions:d=!1,title:h})=>{const[p,x]=r.useState(!1),[u,g]=r.useState(!1),m=r.useRef(null);r.useEffect(()=>{if(t)x(!0),g(!1);else{if(!p)return;g(!0),m.current=setTimeout(()=>{x(!1)},300)}return()=>{m.current&&clearTimeout(m.current)}},[t,p]),r.useEffect(()=>(p?"undefined"!=typeof document&&document.body.classList.add("stop-scrolling"):"undefined"!=typeof document&&document.body.classList.remove("stop-scrolling"),()=>{"undefined"!=typeof document&&document.body.classList.remove("stop-scrolling")}),[p]);const C=()=>{g(!0),m.current=setTimeout(()=>{o()},300)};return p&&e.jsxs(e.Fragment,{children:[e.jsx(bt,{}),e.jsxs(jt,{$isFadeOut:u,className:c,children:[e.jsx(Mt,{$isFadeOut:u,onClick:C}),e.jsxs(Lt,{$isFadeOut:u,width:l,children:[h&&e.jsxs(Et,{children:[e.jsx(It,{children:h}),e.jsx(Nt,{onClick:C,children:e.jsx(pe,{name:exports.IconName.CLOSE})})]}),!h&&e.jsx(Nt,{$absolute:!0,onClick:C,children:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})}),e.jsx(_t,{children:s}),!d&&e.jsxs(At,{children:[e.jsx(f,{variant:"tertiary",onClick:C,className:"button",size:"medium",fullWidth:!0,children:i||"Cancel"}),e.jsx(f,{variant:"primary",onClick:n,className:"button",size:"medium",fullWidth:!0,children:a||"Confirm"})]})]})]})]})},Rt=t.div`
|
|
811
|
-
position: absolute;
|
|
812
|
-
background-color: var(--white-900);
|
|
813
|
-
border-radius: 8px;
|
|
814
|
-
box-shadow: 0 3px 6px -4px var(--black-200), 0 6px 16px 0 var(--black-100),
|
|
815
|
-
0 9px 28px 8px var(--black-50);
|
|
816
|
-
z-index: 1000;
|
|
817
|
-
max-width: 450px;
|
|
818
|
-
min-width: 400px;
|
|
819
|
-
opacity: 0;
|
|
820
|
-
visibility: hidden;
|
|
821
|
-
transition: opacity 0.2s, visibility 0.2s;
|
|
822
|
-
user-select: none;
|
|
823
|
-
padding: 0;
|
|
824
|
-
font-family: "Inter", sans-serif;
|
|
825
|
-
|
|
826
|
-
${e=>e.$isVisible&&t.css`
|
|
827
|
-
opacity: 1;
|
|
828
|
-
visibility: visible;
|
|
829
|
-
`}
|
|
830
|
-
|
|
831
|
-
${e=>{switch(e.placement){case"top":return t.css`
|
|
832
|
-
bottom: 100%;
|
|
833
|
-
left: 50%;
|
|
834
|
-
transform: translateX(-50%) translateY(-15px);
|
|
835
|
-
|
|
836
|
-
&::after {
|
|
837
|
-
content: "";
|
|
838
|
-
position: absolute;
|
|
839
|
-
top: 100%;
|
|
840
|
-
left: 50%;
|
|
841
|
-
margin-left: -6px;
|
|
842
|
-
border-width: 6px;
|
|
843
|
-
border-style: solid;
|
|
844
|
-
border-color: var(--white-900) transparent transparent transparent;
|
|
845
|
-
}
|
|
846
|
-
`;case"topLeft":return t.css`
|
|
847
|
-
bottom: 100%;
|
|
848
|
-
left: 0;
|
|
849
|
-
transform: translateY(-15px);
|
|
850
|
-
|
|
851
|
-
&::after {
|
|
852
|
-
content: "";
|
|
853
|
-
position: absolute;
|
|
854
|
-
top: 100%;
|
|
855
|
-
left: 12px;
|
|
856
|
-
border-width: 6px;
|
|
857
|
-
border-style: solid;
|
|
858
|
-
border-color: var(--white-900) transparent transparent transparent;
|
|
859
|
-
}
|
|
860
|
-
`;case"topRight":return t.css`
|
|
861
|
-
bottom: 100%;
|
|
862
|
-
right: 0;
|
|
863
|
-
transform: translateY(-15px);
|
|
864
|
-
|
|
865
|
-
&::after {
|
|
866
|
-
content: "";
|
|
867
|
-
position: absolute;
|
|
868
|
-
top: 100%;
|
|
869
|
-
right: 12px;
|
|
870
|
-
border-width: 6px;
|
|
871
|
-
border-style: solid;
|
|
872
|
-
border-color: var(--white-900) transparent transparent transparent;
|
|
873
|
-
}
|
|
874
|
-
`;case"left":return t.css`
|
|
875
|
-
top: 50%;
|
|
876
|
-
right: 100%;
|
|
877
|
-
transform: translateY(-50%) translateX(-15px);
|
|
878
|
-
|
|
879
|
-
&::after {
|
|
880
|
-
content: "";
|
|
881
|
-
position: absolute;
|
|
882
|
-
top: 50%;
|
|
883
|
-
left: 100%;
|
|
884
|
-
margin-top: -6px;
|
|
885
|
-
border-width: 6px;
|
|
886
|
-
border-style: solid;
|
|
887
|
-
border-color: transparent transparent transparent var(--white-900);
|
|
888
|
-
}
|
|
889
|
-
`;case"leftTop":return t.css`
|
|
890
|
-
top: 0;
|
|
891
|
-
right: 100%;
|
|
892
|
-
transform: translateX(-15px);
|
|
893
|
-
|
|
894
|
-
&::after {
|
|
895
|
-
content: "";
|
|
896
|
-
position: absolute;
|
|
897
|
-
top: 12px;
|
|
898
|
-
left: 100%;
|
|
899
|
-
border-width: 6px;
|
|
900
|
-
border-style: solid;
|
|
901
|
-
border-color: transparent transparent transparent var(--white-900);
|
|
902
|
-
}
|
|
903
|
-
`;case"leftBottom":return t.css`
|
|
904
|
-
bottom: 0;
|
|
905
|
-
right: 100%;
|
|
906
|
-
transform: translateX(-15px);
|
|
907
|
-
|
|
908
|
-
&::after {
|
|
909
|
-
content: "";
|
|
910
|
-
position: absolute;
|
|
911
|
-
bottom: 12px;
|
|
912
|
-
left: 100%;
|
|
913
|
-
border-width: 6px;
|
|
914
|
-
border-style: solid;
|
|
915
|
-
border-color: transparent transparent transparent var(--white-900);
|
|
916
|
-
}
|
|
917
|
-
`;case"right":return t.css`
|
|
918
|
-
top: 50%;
|
|
919
|
-
left: 100%;
|
|
920
|
-
transform: translateY(-50%) translateX(15px);
|
|
921
|
-
|
|
922
|
-
&::after {
|
|
923
|
-
content: "";
|
|
924
|
-
position: absolute;
|
|
925
|
-
top: 50%;
|
|
926
|
-
right: 100%;
|
|
927
|
-
margin-top: -6px;
|
|
928
|
-
border-width: 6px;
|
|
929
|
-
border-style: solid;
|
|
930
|
-
border-color: transparent var(--white-900) transparent transparent;
|
|
931
|
-
}
|
|
932
|
-
`;case"rightTop":return t.css`
|
|
933
|
-
top: 0;
|
|
934
|
-
left: 100%;
|
|
935
|
-
transform: translateX(15px);
|
|
936
|
-
|
|
937
|
-
&::after {
|
|
938
|
-
content: "";
|
|
939
|
-
position: absolute;
|
|
940
|
-
top: 12px;
|
|
941
|
-
right: 100%;
|
|
942
|
-
border-width: 6px;
|
|
943
|
-
border-style: solid;
|
|
944
|
-
border-color: transparent var(--white-900) transparent transparent;
|
|
945
|
-
}
|
|
946
|
-
`;case"rightBottom":return t.css`
|
|
947
|
-
bottom: 0;
|
|
948
|
-
left: 100%;
|
|
949
|
-
transform: translateX(15px);
|
|
950
|
-
|
|
951
|
-
&::after {
|
|
952
|
-
content: "";
|
|
953
|
-
position: absolute;
|
|
954
|
-
bottom: 12px;
|
|
955
|
-
right: 100%;
|
|
956
|
-
border-width: 6px;
|
|
957
|
-
border-style: solid;
|
|
958
|
-
border-color: transparent var(--white-900) transparent transparent;
|
|
959
|
-
}
|
|
960
|
-
`;case"bottom":return t.css`
|
|
961
|
-
top: 100%;
|
|
962
|
-
left: 50%;
|
|
963
|
-
transform: translateX(-50%) translateY(15px);
|
|
964
|
-
|
|
965
|
-
&::after {
|
|
966
|
-
content: "";
|
|
967
|
-
position: absolute;
|
|
968
|
-
bottom: 100%;
|
|
969
|
-
left: 50%;
|
|
970
|
-
margin-left: -6px;
|
|
971
|
-
border-width: 6px;
|
|
972
|
-
border-style: solid;
|
|
973
|
-
border-color: transparent transparent var(--white-900) transparent;
|
|
974
|
-
}
|
|
975
|
-
`;case"bottomLeft":return t.css`
|
|
976
|
-
top: 100%;
|
|
977
|
-
left: 0;
|
|
978
|
-
transform: translateY(15px);
|
|
979
|
-
|
|
980
|
-
&::after {
|
|
981
|
-
content: "";
|
|
982
|
-
position: absolute;
|
|
983
|
-
bottom: 100%;
|
|
984
|
-
left: 12px;
|
|
985
|
-
border-width: 6px;
|
|
986
|
-
border-style: solid;
|
|
987
|
-
border-color: transparent transparent var(--white-900) transparent;
|
|
988
|
-
}
|
|
989
|
-
`;case"bottomRight":return t.css`
|
|
990
|
-
top: 100%;
|
|
991
|
-
right: 0;
|
|
992
|
-
transform: translateY(15px);
|
|
993
|
-
|
|
994
|
-
&::after {
|
|
995
|
-
content: "";
|
|
996
|
-
position: absolute;
|
|
997
|
-
bottom: 100%;
|
|
998
|
-
right: 12px;
|
|
999
|
-
border-width: 6px;
|
|
1000
|
-
border-style: solid;
|
|
1001
|
-
border-color: transparent transparent var(--white-900) transparent;
|
|
1002
|
-
}
|
|
1003
|
-
`;default:return""}}}
|
|
1004
|
-
`,Tt=t.div`
|
|
1005
|
-
padding: 12px 16px;
|
|
1006
|
-
color: var(--black-800);
|
|
1007
|
-
font-weight: 600;
|
|
1008
|
-
font-size: 14px;
|
|
1009
|
-
border-bottom: 1px solid var(--grey-100);
|
|
1010
|
-
`,St=t.div`
|
|
1011
|
-
padding: 12px 16px;
|
|
1012
|
-
color: var(--grey-600);
|
|
1013
|
-
font-size: 14px;
|
|
1014
|
-
`,zt=t.div`
|
|
1015
|
-
display: flex;
|
|
1016
|
-
justify-content: flex-end;
|
|
1017
|
-
gap: 8px;
|
|
1018
|
-
padding: 8px 16px 12px;
|
|
1019
|
-
`,Bt=t.div`
|
|
1020
|
-
position: relative;
|
|
1021
|
-
display: inline-block;
|
|
1022
|
-
`,Ht=({title:t,description:o,onConfirm:i,onCancel:n,okText:a="OK",cancelText:s="Cancel",placement:l="top",children:c,className:d,okButtonProps:h,cancelButtonProps:p,...x})=>{const[u,g]=r.useState(!1),m=r.useRef(null);r.useEffect(()=>{const e=e=>{m.current&&!m.current.contains(e.target)&&g(!1)};return u&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[u]);const C=()=>{g(!u)};return e.jsxs(Bt,{ref:m,className:d,...x,children:[e.jsx("div",{onClick:C,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),C())},role:"button",tabIndex:0,children:c}),e.jsxs(Rt,{placement:l,$isVisible:u,children:[t&&e.jsx(Tt,{children:t}),o&&e.jsx(St,{children:o}),e.jsxs(zt,{children:[e.jsx(f,{variant:"tertiary",size:"small",onClick:e=>{g(!1),n?.(e)},...p,children:s}),e.jsx(f,{variant:"primary",size:"small",onClick:e=>{g(!1),i?.(e)},...h,children:a})]})]})]})};Ht.displayName="PopConfirm";const Pt=t.div`
|
|
1023
|
-
display: flex;
|
|
1024
|
-
align-items: center;
|
|
1025
|
-
gap: 6px;
|
|
1026
|
-
color: var(--grey-600);
|
|
1027
|
-
text-overflow: ellipsis;
|
|
1028
|
-
font-family: "Inter", sans-serif;
|
|
1029
|
-
font-size: 13px;
|
|
1030
|
-
font-style: normal;
|
|
1031
|
-
font-weight: 400;
|
|
1032
|
-
line-height: 18px;
|
|
1033
|
-
`,Ot=()=>e.jsx(pe,{name:exports.IconName.CHECK_CIRCLE,fill:"var(--grey-600)"}),Dt=({children:t,showCheck:r=!1,className:o})=>e.jsxs(Pt,{className:o,children:[r&&e.jsx(Ot,{}),t]}),Vt={small:t.css`
|
|
1034
|
-
font-family: "Inter", sans-serif;
|
|
1035
|
-
font-size: 14px;
|
|
1036
|
-
font-style: normal;
|
|
1037
|
-
font-weight: 600;
|
|
1038
|
-
line-height: 20px;
|
|
1039
|
-
`,medium:t.css`
|
|
1040
|
-
font-family: "Inter", sans-serif;
|
|
1041
|
-
font-size: 16px;
|
|
1042
|
-
font-style: normal;
|
|
1043
|
-
font-weight: 500;
|
|
1044
|
-
line-height: 24px;
|
|
1045
|
-
`},Ut=t.button`
|
|
1046
|
-
position: relative;
|
|
1047
|
-
display: inline-flex;
|
|
1048
|
-
align-items: center;
|
|
1049
|
-
justify-content: center;
|
|
1050
|
-
padding: 12px 16px;
|
|
1051
|
-
background: transparent;
|
|
1052
|
-
border: none;
|
|
1053
|
-
outline: none;
|
|
1054
|
-
cursor: ${e=>e.disabled?"not-allowed":"pointer"};
|
|
1055
|
-
${e=>Vt[e.size]}
|
|
1056
|
-
color: ${e=>e.disabled?"var(--grey-400)":e.$active?"var(--blue-900)":"var(--grey-500)"};
|
|
1057
|
-
transition: all 0.2s ease;
|
|
1058
|
-
|
|
1059
|
-
&:hover:not(:disabled) {
|
|
1060
|
-
color: var(--blue-900);
|
|
1061
|
-
}
|
|
1062
|
-
|
|
1063
|
-
&:after {
|
|
1064
|
-
content: "";
|
|
1065
|
-
position: absolute;
|
|
1066
|
-
width: 100%;
|
|
1067
|
-
height: 3px;
|
|
1068
|
-
background-color: ${e=>e.disabled?"var(--grey-400)":"var(--blue-900)"};
|
|
1069
|
-
bottom: 0;
|
|
1070
|
-
left: 0;
|
|
1071
|
-
opacity: ${e=>e.$active?1:0};
|
|
1072
|
-
transition: opacity 0.2s ease;
|
|
1073
|
-
}
|
|
1074
|
-
|
|
1075
|
-
&:focus {
|
|
1076
|
-
outline: none;
|
|
1077
|
-
box-shadow: none;
|
|
1078
|
-
}
|
|
1079
|
-
`,Gt=({label:t,active:r=!1,disabled:o=!1,size:i="medium",onClick:n})=>e.jsx(Ut,{$active:r,disabled:o,size:i,onClick:n,children:t}),Kt=t.td`
|
|
1080
|
-
background-color: var(--white-900);
|
|
1081
|
-
border-right: 1px solid var(--grey-200);
|
|
1082
|
-
border-bottom: 1px solid var(--grey-200);
|
|
1083
|
-
padding: 10px 12px;
|
|
1084
|
-
font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
1085
|
-
font-size: 14px;
|
|
1086
|
-
font-weight: 400;
|
|
1087
|
-
line-height: 20px;
|
|
1088
|
-
color: var(--grey-900);
|
|
1089
|
-
opacity: 0.8;
|
|
1090
|
-
text-align: ${e=>e.align||"left"};
|
|
1091
|
-
width: ${e=>e.width||"auto"};
|
|
1092
|
-
white-space: nowrap;
|
|
1093
|
-
box-sizing: border-box;
|
|
1094
|
-
|
|
1095
|
-
&:last-child {
|
|
1096
|
-
border-right: 1px solid var(--grey-200);
|
|
1097
|
-
}
|
|
1098
|
-
`,Zt=({children:t,align:r="left",width:o,className:i,ref:n,...a})=>e.jsx(Kt,{ref:n,align:r,width:o,className:i,...a,children:t}),Wt=t.th`
|
|
1099
|
-
background-color: var(--grey-50);
|
|
1100
|
-
border-right: 1px solid var(--grey-200);
|
|
1101
|
-
border-bottom: 1px solid var(--grey-200);
|
|
1102
|
-
padding: 8px 12px;
|
|
1103
|
-
height: 35px;
|
|
1104
|
-
box-sizing: border-box;
|
|
1105
|
-
width: ${e=>e.width||"auto"};
|
|
1106
|
-
|
|
1107
|
-
&:last-child {
|
|
1108
|
-
border-right: 1px solid var(--grey-200);
|
|
1109
|
-
}
|
|
1110
|
-
`,Yt=t.div`
|
|
1111
|
-
display: flex;
|
|
1112
|
-
align-items: center;
|
|
1113
|
-
gap: 4px;
|
|
1114
|
-
cursor: ${e=>e.$clickable?"pointer":"default"};
|
|
1115
|
-
user-select: none;
|
|
1116
|
-
`,Ft=t.span`
|
|
1117
|
-
font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
1118
|
-
font-size: 13px;
|
|
1119
|
-
font-weight: 600;
|
|
1120
|
-
line-height: 18px;
|
|
1121
|
-
color: var(--grey-900);
|
|
1122
|
-
white-space: nowrap;
|
|
1123
|
-
flex-shrink: 0;
|
|
1124
|
-
`,Xt=t.svg`
|
|
1125
|
-
width: 16px;
|
|
1126
|
-
height: 16px;
|
|
1127
|
-
flex-shrink: 0;
|
|
1128
|
-
`,qt=t.div`
|
|
1129
|
-
padding: 10px 4px;
|
|
1130
|
-
height: 35px;
|
|
1131
|
-
box-sizing: border-box;
|
|
1132
|
-
display: flex;
|
|
1133
|
-
align-items: center;
|
|
1134
|
-
justify-content: flex-start;
|
|
1135
|
-
|
|
1136
|
-
& > div {
|
|
1137
|
-
height: 32px;
|
|
1138
|
-
}
|
|
1139
|
-
|
|
1140
|
-
li {
|
|
1141
|
-
text-align: left;
|
|
1142
|
-
}
|
|
1143
|
-
`,Qt=({children:t,sortable:r=!1,sortDirection:o=null,onSort:i,filterable:n=!1,filterOptions:a=[],filterValue:s,onFilterChange:l,width:c,className:d,ref:h,...p})=>n?e.jsx(Wt,{ref:h,width:c,className:d,...p,children:e.jsx(qt,{children:e.jsx(He,{options:a,value:s,onChange:l,placeholder:"Placeholder",size:"small",width:"100%"})})}):e.jsx(Wt,{ref:h,width:c,className:d,...p,children:e.jsxs(Yt,{$clickable:r,onClick:()=>{r&&i&&i()},children:[e.jsx(Ft,{children:t}),r&&e.jsxs(Xt,{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M8 3.33337L10.6667 6.00004H5.33333L8 3.33337Z",fill:"asc"===o?"var(--grey-900)":"var(--grey-400)"}),e.jsx("path",{d:"M8 12.6667L5.33333 10H10.6667L8 12.6667Z",fill:"desc"===o?"var(--grey-900)":"var(--grey-400)"})]})]})}),Jt={xsmall:t.css`
|
|
1144
|
-
min-height: ${e=>e.rows?"auto":"80px"};
|
|
1145
|
-
padding: 10px;
|
|
1146
|
-
`,small:t.css`
|
|
1147
|
-
min-height: ${e=>e.rows?"auto":"100px"};
|
|
1148
|
-
padding: 12px;
|
|
1149
|
-
`},er=t.div`
|
|
1150
|
-
position: relative;
|
|
1151
|
-
display: inline-flex;
|
|
1152
|
-
align-items: center;
|
|
1153
|
-
width: ${e=>e.$fullWidth?"100%":"auto"};
|
|
1154
|
-
gap: 8px;
|
|
1155
|
-
`,tr=t.textarea`
|
|
1156
|
-
width: 100%;
|
|
1157
|
-
border-radius: 6px;
|
|
1158
|
-
font-family: "Inter", sans-serif;
|
|
1159
|
-
font-style: normal;
|
|
1160
|
-
font-weight: 400;
|
|
1161
|
-
line-height: 20px;
|
|
1162
|
-
border: 1px solid
|
|
1163
|
-
${e=>e.$error?"var(--red-error)":(e.disabled,"var(--grey-300)")};
|
|
1164
|
-
background-color: ${e=>e.disabled?"var(--grey-200)":"var(--white-900)"};
|
|
1165
|
-
color: ${e=>e.disabled?"var(--grey-400)":"var(--black-900)"};
|
|
1166
|
-
transition: all 0.2s;
|
|
1167
|
-
resize: vertical;
|
|
1168
|
-
font-size: 14px;
|
|
1169
|
-
|
|
1170
|
-
${e=>Jt[e.size||"small"]}
|
|
1171
|
-
|
|
1172
|
-
&:hover:not(:disabled):not(:focus) {
|
|
1173
|
-
border-color: ${e=>e.$error?"var(--red-error)":"var(--blue-600)"};
|
|
1174
|
-
}
|
|
1175
|
-
|
|
1176
|
-
&:focus {
|
|
1177
|
-
outline: none;
|
|
1178
|
-
box-shadow: 0px 0px 0px 1px var(--white-900),
|
|
1179
|
-
0px 0px 0px 3px var(--blue-600);
|
|
1180
|
-
border-color: ${e=>e.$error?"var(--red-error)":"var(--blue-600)"};
|
|
1181
|
-
}
|
|
1182
|
-
|
|
1183
|
-
&:active {
|
|
1184
|
-
outline: none;
|
|
1185
|
-
box-shadow: 0px 0px 0px 2px var(--blue-200);
|
|
1186
|
-
border-color: ${e=>e.$error?"var(--red-error)":"var(--blue-600)"};
|
|
1187
|
-
}
|
|
1188
|
-
|
|
1189
|
-
&:disabled {
|
|
1190
|
-
cursor: not-allowed;
|
|
1191
|
-
user-select: none;
|
|
1192
|
-
pointer-events: none;
|
|
1193
|
-
}
|
|
1194
|
-
|
|
1195
|
-
&::placeholder {
|
|
1196
|
-
color: var(--grey-400);
|
|
1197
|
-
}
|
|
1198
|
-
`,rr={info:{backgroundColor:"var(--blue-100)",borderColor:"var(--blue-600)",iconColor:"var(--blue-600)"},success:{backgroundColor:"var(--green-bg)",borderColor:"var(--green-success)",iconColor:"var(--green-success)"},warning:{backgroundColor:"var(--orange-bg)",borderColor:"var(--orange-caution)",iconColor:"var(--orange-caution)"},danger:{backgroundColor:"var(--red-bg)",borderColor:"var(--red-error)",iconColor:"var(--red-error)"},default:{backgroundColor:"var(--white-900)",borderColor:"var(--grey-300)",iconColor:"var(--grey-600)"}},or=t.div`
|
|
1199
|
-
display: flex;
|
|
1200
|
-
padding: 8px;
|
|
1201
|
-
gap: 8px;
|
|
1202
|
-
align-items: flex-start;
|
|
1203
|
-
border-radius: 8px;
|
|
1204
|
-
background-color: ${e=>rr[e.type].backgroundColor};
|
|
1205
|
-
border: 1px solid ${e=>rr[e.type].borderColor};
|
|
1206
|
-
width: 100%;
|
|
1207
|
-
box-sizing: border-box;
|
|
1208
|
-
`,ir=t.div`
|
|
1209
|
-
display: flex;
|
|
1210
|
-
flex-direction: column;
|
|
1211
|
-
gap: 4px;
|
|
1212
|
-
flex: 1;
|
|
1213
|
-
`,nr=t.h3`
|
|
1214
|
-
margin: 0;
|
|
1215
|
-
color: var(--black-900);
|
|
1216
|
-
font-family: "Inter", sans-serif;
|
|
1217
|
-
font-size: 16px;
|
|
1218
|
-
font-style: normal;
|
|
1219
|
-
font-weight: 400;
|
|
1220
|
-
line-height: 24px;
|
|
1221
|
-
`,ar=t.p`
|
|
1222
|
-
margin: 0;
|
|
1223
|
-
color: var(--grey-500);
|
|
1224
|
-
text-overflow: ellipsis;
|
|
1225
|
-
font-family: "Inter", sans-serif;
|
|
1226
|
-
font-size: 13px;
|
|
1227
|
-
font-style: normal;
|
|
1228
|
-
font-weight: 400;
|
|
1229
|
-
line-height: 18px;
|
|
1230
|
-
`,sr=({color:t})=>e.jsx(pe,{name:exports.IconName.INFORMATION_CIRCLE,fill:t}),lr=({color:t})=>e.jsx(pe,{name:exports.IconName.CHECK_CIRCLE,fill:t}),cr=({color:t})=>e.jsx(pe,{name:exports.IconName.EXCLAMATION_TRIANGLE,fill:t}),dr=({color:t})=>e.jsx(pe,{name:exports.IconName.EXCLAMATION_CIRCLE,fill:t}),hr=({color:t})=>e.jsx(pe,{name:exports.IconName.EXCLAMATION_TRIANGLE,fill:t}),pr=(t,r)=>{switch(t){case"info":return e.jsx(sr,{color:r});case"success":return e.jsx(lr,{color:r});case"warning":return e.jsx(cr,{color:r});case"danger":return e.jsx(dr,{color:r});default:return e.jsx(hr,{color:r})}},xr=({type:t="default",heading:r,description:o,className:i})=>e.jsxs(or,{type:t,className:i,children:[pr(t,rr[t].iconColor),e.jsxs(ir,{children:[e.jsx(nr,{children:r}),o&&e.jsx(ar,{children:o})]})]}),ur=t.div`
|
|
1231
|
-
display: flex;
|
|
1232
|
-
align-items: center;
|
|
1233
|
-
gap: 8px;
|
|
1234
|
-
opacity: ${({disabled:e})=>e?.6:1};
|
|
1235
|
-
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
1236
|
-
`,gr=t.div`
|
|
1237
|
-
position: relative;
|
|
1238
|
-
width: 32px;
|
|
1239
|
-
height: 20px;
|
|
1240
|
-
background-color: ${({checked:e})=>e?"var(--blue-600)":"var(--grey-500)"};
|
|
1241
|
-
border-radius: 100px;
|
|
1242
|
-
border: 2px solid var(--black-200);
|
|
1243
|
-
transition: all 0.2s ease;
|
|
1244
|
-
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
1245
|
-
box-sizing: border-box;
|
|
1246
|
-
`,fr=t.div`
|
|
1247
|
-
position: absolute;
|
|
1248
|
-
top: 0px;
|
|
1249
|
-
left: ${({checked:e})=>e?"12px":"0px"};
|
|
1250
|
-
width: 16px;
|
|
1251
|
-
height: 16px;
|
|
1252
|
-
background-color: var(--white-900);
|
|
1253
|
-
border-radius: 50%;
|
|
1254
|
-
box-shadow: 0 1px 3px var(--black-300);
|
|
1255
|
-
transition: all 0.2s ease;
|
|
1256
|
-
`,mr=t.span`
|
|
1257
|
-
font-size: 16px;
|
|
1258
|
-
font-style: normal;
|
|
1259
|
-
font-weight: 400;
|
|
1260
|
-
line-height: 24px;
|
|
1261
|
-
user-select: none;
|
|
1262
|
-
pointer-events: none;
|
|
1263
|
-
color: var(--grey-500);
|
|
1264
|
-
`,Cr=({checked:t=!1,onChange:o,disabled:i=!1,label:n,className:a})=>{const[s,l]=r.useState(t);return e.jsxs(ur,{disabled:i,className:a,onClick:()=>{if(i)return;const e=!s;l(e),o?.(e)},children:[e.jsx(gr,{checked:s,disabled:i,children:e.jsx(fr,{checked:s})}),n&&e.jsx(mr,{children:n})]})},br=["/data-workspace","/data-apps","/pipelines","/pipeline-edit/","/pipeline-details/","/pipeline-processing/","/file/","/file-details/","/files","/search","/search-classic","/artifacts/","/admin","/settings","/agent-studio"];function vr(){if("undefined"==typeof document||!document.referrer)return null;try{const e=new URL(document.referrer),t=e.pathname;for(const r of br){const o=t.indexOf(r);if(-1!==o){const r=t.slice(0,o).replace(/\/$/u,"");return`${e.origin}${r}`}}return e.origin}catch{return null}}function wr(e,t){try{const r=t.startsWith("/")?t:`/${t}`,o=new URL(e);return o.pathname=`${o.pathname.replace(/\/$/u,"")}${r}`,o.href}catch{return null}}function yr(e,t={}){if(t.newTab)window.open(e,"_blank","noopener,noreferrer");else{if(window.parent!==window)try{window.parent.location.href}catch{try{const t=new URL(e),r=`${t.pathname}${t.search}${t.hash}`;return void window.parent.postMessage({type:"navigate",path:r},"*")}catch{}}window.location.href=e}}const kr={fileDetails:e=>`/file/${e}`,pipelineEdit:e=>`/pipeline-edit/${e}`,pipelineDetails:e=>`/pipeline-details/${e}`,search:e=>e?`/search?q=${encodeURIComponent(e)}`:"/search",dataWorkspace:()=>"/data-workspace",dataApps:()=>"/data-apps",artifact:(e,t,r)=>`/artifacts/${e}/${t}/${r}`},jr=r.createContext(null);function Mr(){const e=r.useContext(jr);if(!e)throw new Error("useTdpNavigationContext must be used within a TdpNavigationProvider. Wrap your app with <TdpNavigationProvider> or use the standalone useTdpNavigation() hook instead.");return e}const Lr=t.a`
|
|
1265
|
-
color: var(--theme-primary, var(--blue-600));
|
|
1266
|
-
text-decoration: none;
|
|
1267
|
-
cursor: pointer;
|
|
1268
|
-
|
|
1269
|
-
&:hover {
|
|
1270
|
-
text-decoration: underline;
|
|
1271
|
-
}
|
|
1272
|
-
|
|
1273
|
-
&:focus-visible {
|
|
1274
|
-
outline: 2px solid var(--blue-600);
|
|
1275
|
-
outline-offset: 2px;
|
|
1276
|
-
border-radius: 2px;
|
|
1277
|
-
}
|
|
1278
|
-
`,Er=t.div`
|
|
1279
|
-
display: flex;
|
|
1280
|
-
align-items: center;
|
|
1281
|
-
justify-content: space-between;
|
|
1282
|
-
height: auto;
|
|
1283
|
-
width: 100%;
|
|
1284
|
-
padding: 16px 28px;
|
|
1285
|
-
box-sizing: border-box;
|
|
1286
|
-
border-bottom: 1px solid var(--grey-200);
|
|
1287
|
-
background-color: var(--white-900);
|
|
1288
|
-
`,Ir=t.div`
|
|
1289
|
-
color: var(--black-900);
|
|
1290
|
-
font-family: "Inter", sans-serif;
|
|
1291
|
-
font-size: 18px;
|
|
1292
|
-
font-style: normal;
|
|
1293
|
-
font-weight: 500;
|
|
1294
|
-
line-height: 28px;
|
|
1295
|
-
`,Nr=t.div`
|
|
1296
|
-
display: flex;
|
|
1297
|
-
align-items: center;
|
|
1298
|
-
gap: 12px;
|
|
1299
|
-
`,Ar=t.div`
|
|
1300
|
-
display: flex;
|
|
1301
|
-
align-items: center;
|
|
1302
|
-
gap: 12px;
|
|
1303
|
-
cursor: pointer;
|
|
1304
|
-
border-radius: 4px;
|
|
1305
|
-
|
|
1306
|
-
&:hover {
|
|
1307
|
-
background-color: var(--grey-100);
|
|
1308
|
-
}
|
|
1309
|
-
`,_r=t.div`
|
|
1310
|
-
width: 32px;
|
|
1311
|
-
height: 32px;
|
|
1312
|
-
border-radius: 50%;
|
|
1313
|
-
background-color: var(--blue-100);
|
|
1314
|
-
background-image: ${e=>e.src?`url(${e.src})`:"none"};
|
|
1315
|
-
background-size: cover;
|
|
1316
|
-
background-position: center;
|
|
1317
|
-
display: flex;
|
|
1318
|
-
align-items: center;
|
|
1319
|
-
justify-content: center;
|
|
1320
|
-
color: var(--blue-600);
|
|
1321
|
-
font-weight: 500;
|
|
1322
|
-
font-size: 14px;
|
|
1323
|
-
font-family: "Inter", sans-serif;
|
|
1324
|
-
`,$r=t.div`
|
|
1325
|
-
font-family: "Inter", sans-serif;
|
|
1326
|
-
color: var(--grey-400);
|
|
1327
|
-
font-size: 16px;
|
|
1328
|
-
font-style: normal;
|
|
1329
|
-
font-weight: 400;
|
|
1330
|
-
line-height: 24px;
|
|
1331
|
-
`,Rr=t(f)`
|
|
1332
|
-
width: 32px;
|
|
1333
|
-
height: 32px;
|
|
1334
|
-
padding: 0;
|
|
1335
|
-
min-height: 0;
|
|
1336
|
-
border-radius: 4px;
|
|
1337
|
-
`,Tr=t.div`
|
|
1338
|
-
height: 20px;
|
|
1339
|
-
width: 1px;
|
|
1340
|
-
background-color: var(--grey-200);
|
|
1341
|
-
margin: 0;
|
|
1342
|
-
`,Sr=({hostname:t,userProfile:r,onHomeClick:o,onSettingsClick:i,onUserProfileClick:n})=>{return e.jsxs(Er,{children:[e.jsx(Ir,{children:t}),e.jsxs(Nr,{children:[e.jsx(Rr,{variant:"tertiary",size:"small",onClick:o,"aria-label":"Home",children:e.jsx(pe,{name:exports.IconName.HOME,width:"20",height:"20",fill:"var(--grey-600)"})}),e.jsx(Rr,{variant:"tertiary",size:"small",onClick:i,"aria-label":"Settings",children:e.jsx(pe,{name:exports.IconName.GEAR,width:"20",height:"20",fill:"var(--grey-600)"})}),e.jsx(Tr,{}),e.jsxs(Ar,{onClick:n,children:[e.jsx(_r,{src:r.avatar,children:!r.avatar&&(a=r.name,a.split(" ").map(e=>e.charAt(0)).join("").toUpperCase().substring(0,2))}),e.jsx($r,{children:r.name})]})]})]});var a},zr=t.div`
|
|
1343
|
-
position: fixed;
|
|
1344
|
-
top: 0;
|
|
1345
|
-
left: 0;
|
|
1346
|
-
width: 100vw;
|
|
1347
|
-
height: 100vh;
|
|
1348
|
-
background: var(--black-100);
|
|
1349
|
-
z-index: 1300;
|
|
1350
|
-
display: flex;
|
|
1351
|
-
align-items: center;
|
|
1352
|
-
justify-content: center;
|
|
1353
|
-
`,Br=t.div`
|
|
1354
|
-
background: var(--white-900);
|
|
1355
|
-
border-radius: 20px;
|
|
1356
|
-
box-shadow: 0 2px 16px var(--black-100);
|
|
1357
|
-
min-width: 600px;
|
|
1358
|
-
max-width: 90vw;
|
|
1359
|
-
min-height: 500px;
|
|
1360
|
-
padding: 0;
|
|
1361
|
-
display: flex;
|
|
1362
|
-
flex-direction: column;
|
|
1363
|
-
`,Hr=t.div`
|
|
1364
|
-
display: flex;
|
|
1365
|
-
align-items: center;
|
|
1366
|
-
justify-content: space-between;
|
|
1367
|
-
padding: 20px 24px 0 24px;
|
|
1368
|
-
`,Pr=t.div`
|
|
1369
|
-
display: flex;
|
|
1370
|
-
align-items: center;
|
|
1371
|
-
gap: 8px;
|
|
1372
|
-
`,Or=t.span`
|
|
1373
|
-
font-weight: 600;
|
|
1374
|
-
font-size: 20px;
|
|
1375
|
-
`,Dr=t.button`
|
|
1376
|
-
background: none;
|
|
1377
|
-
border: none;
|
|
1378
|
-
font-size: 20px;
|
|
1379
|
-
cursor: pointer;
|
|
1380
|
-
`,Vr=t.div`
|
|
1381
|
-
padding: 24px;
|
|
1382
|
-
|
|
1383
|
-
color: var(--black-900);
|
|
1384
|
-
font-family: "Inter", sans-serif;
|
|
1385
|
-
font-size: 14px;
|
|
1386
|
-
font-style: normal;
|
|
1387
|
-
font-weight: 400;
|
|
1388
|
-
line-height: 20px;
|
|
1389
|
-
`,Ur=t.div`
|
|
1390
|
-
margin: 0 24px;
|
|
1391
|
-
background: var(--blue-900);
|
|
1392
|
-
color: var(--white-900);
|
|
1393
|
-
border-radius: 12px;
|
|
1394
|
-
padding: 0;
|
|
1395
|
-
font-size: 16px;
|
|
1396
|
-
font-weight: 500;
|
|
1397
|
-
word-break: break-word;
|
|
1398
|
-
box-shadow: 0 1px 4px var(--black-50);
|
|
1399
|
-
`,Gr=t.textarea`
|
|
1400
|
-
width: 100%;
|
|
1401
|
-
min-height: 48px;
|
|
1402
|
-
background: transparent;
|
|
1403
|
-
color: var(--white-900);
|
|
1404
|
-
border: none;
|
|
1405
|
-
outline: none;
|
|
1406
|
-
resize: vertical;
|
|
1407
|
-
font-family: "Inter", sans-serif;
|
|
1408
|
-
font-size: 14px;
|
|
1409
|
-
font-style: normal;
|
|
1410
|
-
font-weight: 400;
|
|
1411
|
-
line-height: 20px;
|
|
1412
|
-
padding: 16px 20px;
|
|
1413
|
-
border-radius: 12px;
|
|
1414
|
-
box-sizing: border-box;
|
|
1415
|
-
`,Kr=t.div`
|
|
1416
|
-
padding: 24px;
|
|
1417
|
-
padding-bottom: 0;
|
|
1418
|
-
flex: 1;
|
|
1419
|
-
`,Zr=t.div`
|
|
1420
|
-
border-radius: 20px;
|
|
1421
|
-
overflow: hidden;
|
|
1422
|
-
background: var(--blue-900);
|
|
1423
|
-
min-height: 200px;
|
|
1424
|
-
position: relative;
|
|
1425
|
-
`,Wr=t.div`
|
|
1426
|
-
display: flex;
|
|
1427
|
-
align-items: center;
|
|
1428
|
-
gap: 12px;
|
|
1429
|
-
padding: 24px;
|
|
1430
|
-
padding-top: 16px;
|
|
1431
|
-
background: var(--white-900);
|
|
1432
|
-
border-bottom-left-radius: 20px;
|
|
1433
|
-
border-bottom-right-radius: 20px;
|
|
1434
|
-
`,Yr=t(f)`
|
|
1435
|
-
min-width: 100px;
|
|
1436
|
-
display: flex;
|
|
1437
|
-
align-items: center;
|
|
1438
|
-
gap: 6px;
|
|
1439
|
-
`,Fr=t.div`
|
|
1440
|
-
display: flex;
|
|
1441
|
-
flex-direction: ${e=>e.$vertical?"column":"row"};
|
|
1442
|
-
border-radius: 6px;
|
|
1443
|
-
overflow: hidden;
|
|
1444
|
-
border: 1px solid var(--grey-200);
|
|
1445
|
-
|
|
1446
|
-
& > *:not(:last-child) {
|
|
1447
|
-
${e=>e.$vertical?"border-bottom: 1px solid var(--grey-200);":"border-right: 1px solid var(--grey-200);"}
|
|
1448
|
-
}
|
|
1449
|
-
|
|
1450
|
-
${e=>e.$vertical&&"\n width: 40px;\n "}
|
|
1451
|
-
`,Xr=t.div`
|
|
1452
|
-
&:first-child {
|
|
1453
|
-
button {
|
|
1454
|
-
${e=>e.$vertical?"border-top-right-radius: 6px;border-top-left-radius: 6px;":"border-top-left-radius: 6px;border-bottom-left-radius: 6px;"}
|
|
1455
|
-
}
|
|
1456
|
-
}
|
|
1457
|
-
|
|
1458
|
-
&:last-child {
|
|
1459
|
-
button {
|
|
1460
|
-
${e=>e.$vertical?"border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;":"border-top-right-radius: 6px;border-bottom-right-radius: 6px;"}
|
|
1461
|
-
}
|
|
1462
|
-
}
|
|
1463
|
-
`,qr=t.div`
|
|
1464
|
-
padding: 20px 16px;
|
|
1465
|
-
border-radius: 8px;
|
|
1466
|
-
background-color: ${e=>(e=>{switch(e){case"active":return"var(--blue-100)";case"hover":return"var(--grey-100)";default:return"transparent"}})(e.status)};
|
|
1467
|
-
cursor: ${e=>"disabled"===e.status?"not-allowed":"pointer"};
|
|
1468
|
-
transition: background-color 0.2s ease;
|
|
1469
|
-
|
|
1470
|
-
${e=>"default"===e.status&&t.css`
|
|
1471
|
-
&:hover {
|
|
1472
|
-
background-color: var(--grey-100);
|
|
1473
|
-
}
|
|
1474
|
-
`}
|
|
1475
|
-
`,Qr=t.h3`
|
|
1476
|
-
margin: 0 0 4px 0;
|
|
1477
|
-
font-family: "Inter", sans-serif;
|
|
1478
|
-
font-size: 16px;
|
|
1479
|
-
font-weight: 600;
|
|
1480
|
-
line-height: 24px;
|
|
1481
|
-
color: ${e=>"disabled"===e.status?"var(--grey-400)":"var(--black-900)"};
|
|
1482
|
-
`,Jr=t.p`
|
|
1483
|
-
margin: 0 0 16px 0;
|
|
1484
|
-
font-family: "Inter", sans-serif;
|
|
1485
|
-
font-size: 13px;
|
|
1486
|
-
font-style: normal;
|
|
1487
|
-
font-weight: 400;
|
|
1488
|
-
line-height: 18px;
|
|
1489
|
-
line-height: 20px;
|
|
1490
|
-
color: ${e=>(e.status,"var(--grey-400)")};
|
|
1491
|
-
`,eo=t.div`
|
|
1492
|
-
display: flex;
|
|
1493
|
-
align-items: center;
|
|
1494
|
-
gap: 16px;
|
|
1495
|
-
`,to=t(f)`
|
|
1496
|
-
flex-shrink: 0;
|
|
1497
|
-
`,ro=t.a`
|
|
1498
|
-
font-family: "Inter", sans-serif;
|
|
1499
|
-
font-size: 13px;
|
|
1500
|
-
font-style: normal;
|
|
1501
|
-
font-weight: 500;
|
|
1502
|
-
line-height: 18px;
|
|
1503
|
-
color: ${e=>"disabled"===e.status?"var(--grey-400)":"var(--blue-600)"};
|
|
1504
|
-
text-decoration: none;
|
|
1505
|
-
cursor: ${e=>"disabled"===e.status?"not-allowed":"pointer"};
|
|
1506
|
-
|
|
1507
|
-
&:hover {
|
|
1508
|
-
text-decoration: ${e=>"disabled"===e.status?"none":"underline"};
|
|
1509
|
-
}
|
|
1510
|
-
`,oo=({title:t,description:r,buttonText:o,linkText:i,status:n="default",onButtonClick:a,onLinkClick:s,className:l,ref:c})=>e.jsxs(qr,{ref:c,status:n,className:l,children:[e.jsx(Qr,{status:n,children:t}),r&&e.jsx(Jr,{status:n,children:r}),e.jsxs(eo,{children:[o&&e.jsx(to,{variant:"secondary",size:"small",disabled:"disabled"===n,onClick:e=>{e.stopPropagation(),"disabled"!==n&&a&&a()},leftIcon:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("rect",{x:"3",y:"3",width:"10",height:"10",rx:"2",fill:"currentColor"})}),children:o}),i&&e.jsx(ro,{status:n,onClick:e=>{e.stopPropagation(),"disabled"!==n&&s&&s()},href:"disabled"===n?void 0:"#",children:i})]})]}),io=t.div`
|
|
1511
|
-
display: flex;
|
|
1512
|
-
align-items: center;
|
|
1513
|
-
flex-direction: row;
|
|
1514
|
-
gap: 16px;
|
|
1515
|
-
flex-wrap: wrap;
|
|
1516
|
-
width: 100%;
|
|
1517
|
-
`,no=t.div`
|
|
1518
|
-
margin: 16px 0;
|
|
1519
|
-
`,ao=t.span`
|
|
1520
|
-
font-size: 12px;
|
|
1521
|
-
color: var(--grey-400);
|
|
1522
|
-
`,so=t.div`
|
|
1523
|
-
& > button {
|
|
1524
|
-
height: 38px;
|
|
1525
|
-
}
|
|
1526
|
-
`,lo=t.div`
|
|
1527
|
-
display: flex;
|
|
1528
|
-
flex-direction: column;
|
|
1529
|
-
gap: 6px;
|
|
1530
|
-
width: 100%;
|
|
1531
|
-
`,co=t(ht)`
|
|
1532
|
-
margin-bottom: 2px;
|
|
1533
|
-
`,ho=t.div``,po=t.div`
|
|
1534
|
-
display: flex;
|
|
1535
|
-
align-items: center;
|
|
1536
|
-
justify-content: space-between;
|
|
1537
|
-
margin-bottom: 16px;
|
|
1538
|
-
background-color: var(--grey-100);
|
|
1539
|
-
`,xo=t.h1`
|
|
1540
|
-
color: var(--black-900);
|
|
1541
|
-
font-family: "Inter", sans-serif;
|
|
1542
|
-
font-size: 18px;
|
|
1543
|
-
font-style: normal;
|
|
1544
|
-
font-weight: 600;
|
|
1545
|
-
line-height: 28px;
|
|
1546
|
-
margin: 0;
|
|
1547
|
-
`,uo=t.div`
|
|
1548
|
-
display: flex;
|
|
1549
|
-
align-items: center;
|
|
1550
|
-
gap: 16px;
|
|
1551
|
-
`,go=t.div`
|
|
1552
|
-
display: flex;
|
|
1553
|
-
align-items: center;
|
|
1554
|
-
`,fo=t.div`
|
|
1555
|
-
width: 1px;
|
|
1556
|
-
height: 20px;
|
|
1557
|
-
background-color: var(--grey-200);
|
|
1558
|
-
`,mo=t.div`
|
|
1559
|
-
position: relative;
|
|
1560
|
-
width: 100%;
|
|
1561
|
-
max-width: 100%;
|
|
1562
|
-
margin-bottom: 16px;
|
|
1563
|
-
`,Co=({initialCode:t="protocolSchema: v3\nname: v3\ndescription: No description\nconfig: {}\nsteps: []",onDeploy:o,versions:i=["v0.0.7","v0.0.6","v0.0.5"],currentVersion:n="v0.0.7",onVersionChange:a=()=>{}})=>{const[s,l]=r.useState(t),[c,d]=r.useState(!0),[h,p]=r.useState(!1),[x,u]=r.useState(!1),[g,m]=r.useState(!1),[C,b]=r.useState(!1);return e.jsxs(ho,{children:[e.jsxs(po,{children:[e.jsx(xo,{children:"Launch"}),e.jsxs(uo,{children:[e.jsx(Cr,{checked:c,onChange:d,label:"Overwrite Mode",disabled:h}),e.jsx(fo,{}),e.jsx(go,{children:e.jsx(He,{options:i.map(e=>({label:e,value:e})),value:n,onChange:e=>a(e),width:"150px",size:"small",disabled:h})}),e.jsx(f,{variant:"primary",size:"medium",onClick:()=>{p(!0),u(!0),m(!1),b(!1),setTimeout(()=>{u(!1);Math.random()>.3?(m(!0),b(!1)):(m(!1),b(!0)),p(!1),o&&o(),setTimeout(()=>{m(!1),b(!1)},5e3)},3e3)},disabled:h,children:"Deploy"})]})]}),x&&e.jsx(mo,{children:e.jsx(xr,{type:"info",heading:"Building Protocol: Status=IN_PROGRESS, Phase=FINALIZING"})}),g&&e.jsx(mo,{children:e.jsx(xr,{type:"success",heading:`Pipeline visual-pipeline-builder-protocol-${n}-pipeline deployed successfully! Deployment complete`})}),C&&e.jsx(mo,{children:e.jsx(xr,{type:"danger",heading:`Failed to deploy pipeline visual-pipeline-builder-protocol-${n}-pipeline. Please try again.`})}),e.jsx(Ne,{value:s,onChange:e=>{void 0!==e&&l(e)},language:"yaml",theme:"light",width:"100%",onCopy:e=>{navigator.clipboard.writeText(e)},onLaunch:e=>{console.log("Launching code:",e)},disabled:!c})]})},bo=t.div`
|
|
1564
|
-
width: 100%;
|
|
1565
|
-
border-radius: 8px;
|
|
1566
|
-
overflow: hidden;
|
|
1567
|
-
box-shadow: 0px 4px 12px 0px var(--black-100),
|
|
1568
|
-
0px 2px 4px -2px var(--black-100);
|
|
1569
|
-
background-color: var(--white-900);
|
|
1570
|
-
border: 1px solid var(--grey-200);
|
|
1571
|
-
`,vo=t.div`
|
|
1572
|
-
padding: 8px 16px;
|
|
1573
|
-
font-family: "Inter", sans-serif;
|
|
1574
|
-
font-size: 12px;
|
|
1575
|
-
font-style: normal;
|
|
1576
|
-
font-weight: 500;
|
|
1577
|
-
line-height: 16px;
|
|
1578
|
-
color: var(--grey-600);
|
|
1579
|
-
border-bottom: 1px solid var(--grey-200);
|
|
1580
|
-
`,wo=t.div`
|
|
1581
|
-
display: flex;
|
|
1582
|
-
flex-direction: column;
|
|
1583
|
-
`,yo=t.div`
|
|
1584
|
-
display: flex;
|
|
1585
|
-
align-items: center;
|
|
1586
|
-
background-color: var(--blue-900);
|
|
1587
|
-
height: 80px;
|
|
1588
|
-
width: 100%;
|
|
1589
|
-
padding: 12px 24px 12px 128px;
|
|
1590
|
-
box-sizing: border-box;
|
|
1591
|
-
color: var(--white-900);
|
|
1592
|
-
gap: 40px;
|
|
1593
|
-
`,ko=t.div`
|
|
1594
|
-
display: flex;
|
|
1595
|
-
align-items: center;
|
|
1596
|
-
height: 100%;
|
|
1597
|
-
`,jo=t.div`
|
|
1598
|
-
text-transform: uppercase;
|
|
1599
|
-
margin-bottom: 2px;
|
|
1600
|
-
color: var(--white-900);
|
|
1601
|
-
font-size: 10px;
|
|
1602
|
-
font-style: normal;
|
|
1603
|
-
font-weight: 500;
|
|
1604
|
-
line-height: 16px;
|
|
1605
|
-
letter-spacing: 0.2px;
|
|
1606
|
-
font-family: "Inter", sans-serif;
|
|
1607
|
-
`,Mo=t.div`
|
|
1608
|
-
font-size: 14px;
|
|
1609
|
-
font-style: normal;
|
|
1610
|
-
font-weight: 500;
|
|
1611
|
-
line-height: 22px;
|
|
1612
|
-
font-family: "Inter", sans-serif;
|
|
1613
|
-
`,Lo=t.div`
|
|
1614
|
-
color: var(--grey-400);
|
|
1615
|
-
font-size: 12px;
|
|
1616
|
-
font-style: italic;
|
|
1617
|
-
font-weight: 500;
|
|
1618
|
-
line-height: 16px;
|
|
1619
|
-
font-family: "Inter", sans-serif;
|
|
1620
|
-
`,Eo=t.div`
|
|
1621
|
-
display: flex;
|
|
1622
|
-
flex-direction: column;
|
|
1623
|
-
`,Io=t.div`
|
|
1624
|
-
display: flex;
|
|
1625
|
-
align-items: center;
|
|
1626
|
-
justify-content: center;
|
|
1627
|
-
`,No=t.div`
|
|
1628
|
-
display: flex;
|
|
1629
|
-
align-items: center;
|
|
1630
|
-
padding: 6px 0;
|
|
1631
|
-
border-radius: 4px;
|
|
1632
|
-
gap: 8px;
|
|
1633
|
-
`,Ao=t.div`
|
|
1634
|
-
font-family: "Inter", sans-serif;
|
|
1635
|
-
color: var(--grey-400);
|
|
1636
|
-
font-size: 14px;
|
|
1637
|
-
font-style: normal;
|
|
1638
|
-
font-weight: 500;
|
|
1639
|
-
line-height: 22px;
|
|
1640
|
-
`,_o=t.div`
|
|
1641
|
-
display: flex;
|
|
1642
|
-
align-items: center;
|
|
1643
|
-
justify-content: center;
|
|
1644
|
-
`,$o=t.div`
|
|
1645
|
-
display: flex;
|
|
1646
|
-
align-items: center;
|
|
1647
|
-
gap: 8px;
|
|
1648
|
-
width: 320px;
|
|
1649
|
-
`,Ro=()=>e.jsx("div",{style:{borderRadius:"4px",display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx(pe,{name:exports.IconName.BUILDING,fill:"var(--white-900)",width:"20",height:"20"})}),To=()=>e.jsx(pe,{name:exports.IconName.LAMP,fill:"var(--white-900)",width:"20",height:"20"}),So=({organization:t})=>e.jsxs(yo,{children:[e.jsx(ko,{children:e.jsxs(Eo,{children:[e.jsx(jo,{children:"ORGANIZATION"}),e.jsxs($o,{children:[e.jsx(Io,{children:t.logo||e.jsx(Ro,{})}),e.jsxs("div",{children:[e.jsx(Mo,{children:t.name}),t.subtext&&e.jsx(Lo,{children:t.subtext})]})]})]})}),e.jsx(ko,{children:e.jsxs(Eo,{children:[e.jsx(jo,{children:"PROJECT"}),e.jsxs(No,{children:[e.jsx(_o,{children:e.jsx(To,{})}),e.jsx(Ao,{children:"Not Selected"})]})]})})]}),zo=t.div`
|
|
1650
|
-
display: flex;
|
|
1651
|
-
align-items: center;
|
|
1652
|
-
justify-content: space-between;
|
|
1653
|
-
background: var(--grey-100);
|
|
1654
|
-
padding: 0 0 24px;
|
|
1655
|
-
border-top-left-radius: 24px;
|
|
1656
|
-
border-top-right-radius: 24px;
|
|
1657
|
-
`,Bo=t.h2`
|
|
1658
|
-
color: var(--blue-900);
|
|
1659
|
-
font-family: "Inter", sans-serif;
|
|
1660
|
-
font-size: 20px;
|
|
1661
|
-
font-weight: 600;
|
|
1662
|
-
line-height: 28px;
|
|
1663
|
-
margin: 0;
|
|
1664
|
-
`,Ho=t.div`
|
|
1665
|
-
display: flex;
|
|
1666
|
-
align-items: center;
|
|
1667
|
-
gap: 8px;
|
|
1668
|
-
color: var(--grey-600);
|
|
1669
|
-
font-size: 15px;
|
|
1670
|
-
font-weight: 500;
|
|
1671
|
-
`,Po=t.div`
|
|
1672
|
-
background-color: var(--white-900);
|
|
1673
|
-
border-radius: 24px;
|
|
1674
|
-
border: 1px solid var(--grey-200);
|
|
1675
|
-
width: 100%;
|
|
1676
|
-
`,Oo=t.div`
|
|
1677
|
-
display: flex;
|
|
1678
|
-
align-items: center;
|
|
1679
|
-
border-bottom: 1px solid var(--grey-200);
|
|
1680
|
-
padding-bottom: 16px;
|
|
1681
|
-
padding: 12px 24px;
|
|
1682
|
-
`,Do=t.h3`
|
|
1683
|
-
color: var(--blue-900);
|
|
1684
|
-
font-family: "Inter", sans-serif;
|
|
1685
|
-
font-size: 20px;
|
|
1686
|
-
font-weight: 600;
|
|
1687
|
-
line-height: 28px;
|
|
1688
|
-
margin: 0;
|
|
1689
|
-
`,Vo=t.div`
|
|
1690
|
-
padding: 20px 24px 36px 24px;
|
|
1691
|
-
`,Uo=t.div`
|
|
1692
|
-
display: flex;
|
|
1693
|
-
flex-direction: column;
|
|
1694
|
-
align-items: flex-start;
|
|
1695
|
-
gap: 16px;
|
|
1696
|
-
`,Go=t.div`
|
|
1697
|
-
color: var(--grey-400);
|
|
1698
|
-
font-size: 14px;
|
|
1699
|
-
font-weight: 500;
|
|
1700
|
-
`,Ko=({className:t})=>{const[o,i]=r.useState(!1);return e.jsxs("div",{className:t,children:[e.jsxs(zo,{children:[e.jsx(Bo,{children:"Protocol Configuration"}),e.jsx(Ho,{children:e.jsx(Cr,{label:"Edit Mode",checked:o,onChange:()=>i(e=>!e)})})]}),e.jsxs(Po,{children:[e.jsx(Oo,{children:e.jsx(Do,{children:"Configuration"})}),e.jsx(Vo,{children:o?e.jsx(f,{variant:"secondary",size:"medium",leftIcon:e.jsx(pe,{name:exports.IconName.PLUS,width:"20",height:"20",fill:"var(--blue-600)"}),children:"Add Input"}):e.jsx(Uo,{children:e.jsx(Go,{children:"No values, Use the 'edit' button to add values"})})})]})]})},Zo=t.div`
|
|
1701
|
-
display: flex;
|
|
1702
|
-
flex-direction: column;
|
|
1703
|
-
align-items: flex-start;
|
|
1704
|
-
padding: 0;
|
|
1705
|
-
gap: 16px;
|
|
1706
|
-
width: 928px;
|
|
1707
|
-
background: transparent;
|
|
1708
|
-
`,Wo=t.div`
|
|
1709
|
-
display: flex;
|
|
1710
|
-
flex-direction: row;
|
|
1711
|
-
justify-content: space-between;
|
|
1712
|
-
align-items: center;
|
|
1713
|
-
width: 928px;
|
|
1714
|
-
height: 36px;
|
|
1715
|
-
`,Yo=t.span`
|
|
1716
|
-
font-family: "Inter", sans-serif;
|
|
1717
|
-
font-weight: 600;
|
|
1718
|
-
font-size: 18px;
|
|
1719
|
-
line-height: 28px;
|
|
1720
|
-
color: var(--black-900);
|
|
1721
|
-
`,Fo=t.div`
|
|
1722
|
-
display: flex;
|
|
1723
|
-
flex-direction: row;
|
|
1724
|
-
align-items: center;
|
|
1725
|
-
gap: 16px;
|
|
1726
|
-
justify-content: flex-end;
|
|
1727
|
-
`,Xo=t.div`
|
|
1728
|
-
width: 1px;
|
|
1729
|
-
height: 20px;
|
|
1730
|
-
background: var(--grey-200);
|
|
1731
|
-
`,qo=t.div`
|
|
1732
|
-
width: 100%;
|
|
1733
|
-
`,Qo=t(Cr)`
|
|
1734
|
-
min-width: 176px;
|
|
1735
|
-
`,Jo=t(He)``,ei=t.div`
|
|
1736
|
-
padding: 12px 0;
|
|
1737
|
-
flex: 1;
|
|
1738
|
-
`,ti=t.div`
|
|
1739
|
-
display: flex;
|
|
1740
|
-
flex-direction: column;
|
|
1741
|
-
gap: 6px;
|
|
1742
|
-
width: 100%;
|
|
1743
|
-
`,ri=t(ht)`
|
|
1744
|
-
margin-bottom: 2px;
|
|
1745
|
-
`,oi=t.div`
|
|
1746
|
-
width: 104px;
|
|
1747
|
-
height: 100%;
|
|
1748
|
-
background-color: var(--blue-900);
|
|
1749
|
-
display: flex;
|
|
1750
|
-
flex-direction: column;
|
|
1751
|
-
align-items: center;
|
|
1752
|
-
padding: 0;
|
|
1753
|
-
`,ii=t.div`
|
|
1754
|
-
width: 100%;
|
|
1755
|
-
display: inline-flex;
|
|
1756
|
-
flex-direction: column;
|
|
1757
|
-
align-items: center;
|
|
1758
|
-
padding: 12px 0;
|
|
1759
|
-
cursor: pointer;
|
|
1760
|
-
transition: background-color 0.2s ease;
|
|
1761
|
-
background-color: ${e=>e.$active?"var(--white-100)":"transparent"};
|
|
1762
|
-
|
|
1763
|
-
&:hover {
|
|
1764
|
-
background-color: var(--white-50);
|
|
1765
|
-
}
|
|
1766
|
-
`,ni=t.div`
|
|
1767
|
-
display: flex;
|
|
1768
|
-
justify-content: center;
|
|
1769
|
-
align-items: center;
|
|
1770
|
-
margin-bottom: 10px;
|
|
1771
|
-
color: var(--white-900);
|
|
1772
|
-
`,ai=t.div`
|
|
1773
|
-
color: var(--white-900);
|
|
1774
|
-
text-align: center;
|
|
1775
|
-
font-family: "Inter", sans-serif;
|
|
1776
|
-
font-size: 12px;
|
|
1777
|
-
font-style: normal;
|
|
1778
|
-
font-weight: 500;
|
|
1779
|
-
line-height: 16px;
|
|
1780
|
-
text-align: center;
|
|
1781
|
-
padding: 0 8px;
|
|
1782
|
-
`,si=({icon:t,label:r,active:o,onClick:i})=>e.jsxs(ii,{$active:o,onClick:i,children:[e.jsx(ni,{children:e.jsx(pe,{name:t,fill:"var(--white-900)",width:"20",height:"20"})}),e.jsx(ai,{children:r})]}),li=({items:t,activeItem:r,onItemClick:o})=>e.jsx(oi,{children:t.map(t=>e.jsx(si,{icon:t.icon,label:t.label,active:r===t.label,onClick:()=>{return e=t.label,void(o&&o(e));var e}},t.label))}),ci=t.div`
|
|
1783
|
-
width: 100%;
|
|
1784
|
-
border: 1px solid var(--grey-200);
|
|
1785
|
-
border-radius: 8px;
|
|
1786
|
-
overflow: visible;
|
|
1787
|
-
background-color: var(--white-900);
|
|
1788
|
-
`,di=t.table`
|
|
1789
|
-
width: 100%;
|
|
1790
|
-
border-collapse: collapse;
|
|
1791
|
-
border-spacing: 0;
|
|
1792
|
-
`,hi=t.tbody``,pi=t.tr`
|
|
1793
|
-
cursor: ${e=>e.$selectable?"pointer":"default"};
|
|
1794
|
-
|
|
1795
|
-
&:hover {
|
|
1796
|
-
background-color: ${e=>e.$selectable?"var(--grey-50)":"transparent"};
|
|
1797
|
-
}
|
|
1798
|
-
`,xi=t(Zt)`
|
|
1799
|
-
width: 40px;
|
|
1800
|
-
padding: 10px 12px;
|
|
1801
|
-
`,ui=t(Qt)`
|
|
1802
|
-
width: 40px;
|
|
1803
|
-
padding: 8px 12px;
|
|
1804
|
-
`,gi=t.div`
|
|
1805
|
-
display: flex;
|
|
1806
|
-
align-items: center;
|
|
1807
|
-
justify-content: center;
|
|
1808
|
-
gap: 16px;
|
|
1809
|
-
padding: 10px 12px;
|
|
1810
|
-
height: 40px;
|
|
1811
|
-
background-color: var(--grey-50);
|
|
1812
|
-
border-top: 1px solid var(--grey-200);
|
|
1813
|
-
`,fi=t.button`
|
|
1814
|
-
display: flex;
|
|
1815
|
-
align-items: center;
|
|
1816
|
-
justify-content: center;
|
|
1817
|
-
width: 32px;
|
|
1818
|
-
height: 32px;
|
|
1819
|
-
padding: 0;
|
|
1820
|
-
border: 1px solid var(--grey-300);
|
|
1821
|
-
border-radius: 6px;
|
|
1822
|
-
background-color: var(--white-900);
|
|
1823
|
-
cursor: ${e=>e.disabled?"not-allowed":"pointer"};
|
|
1824
|
-
opacity: ${e=>e.disabled?.5:1};
|
|
1825
|
-
|
|
1826
|
-
&:hover:not(:disabled) {
|
|
1827
|
-
background-color: var(--grey-50);
|
|
1828
|
-
}
|
|
1829
|
-
|
|
1830
|
-
svg {
|
|
1831
|
-
width: 20px;
|
|
1832
|
-
height: 20px;
|
|
1833
|
-
}
|
|
1834
|
-
`,mi=t.div`
|
|
1835
|
-
display: flex;
|
|
1836
|
-
align-items: center;
|
|
1837
|
-
gap: 0;
|
|
1838
|
-
`,Ci=t.button`
|
|
1839
|
-
display: flex;
|
|
1840
|
-
align-items: center;
|
|
1841
|
-
justify-content: center;
|
|
1842
|
-
width: 32px;
|
|
1843
|
-
height: 32px;
|
|
1844
|
-
padding: 0;
|
|
1845
|
-
border: none;
|
|
1846
|
-
border-radius: 6px;
|
|
1847
|
-
background-color: ${e=>e.$active?"var(--grey-100)":"transparent"};
|
|
1848
|
-
font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
1849
|
-
font-size: 13px;
|
|
1850
|
-
font-weight: 500;
|
|
1851
|
-
line-height: 18px;
|
|
1852
|
-
color: var(--grey-600);
|
|
1853
|
-
cursor: pointer;
|
|
1854
|
-
|
|
1855
|
-
&:hover:not(:disabled) {
|
|
1856
|
-
background-color: var(--grey-100);
|
|
1857
|
-
}
|
|
1858
|
-
`;function bi({columns:t,data:o,pageSize:i=10,rowKey:n,selectable:a=!1,onRowSelect:s,sortKey:l,sortDirection:c,onSort:d,currentPage:h,onPageChange:p,totalItems:x,selectedRows:u,className:g}){const[f,m]=r.useState(null),[C,b]=r.useState(null),[v,w]=r.useState(1),[y,k]=r.useState([]),[j,M]=r.useState({}),L=void 0!==l,E=void 0!==h,I=void 0!==u,N=L?l:f,A=L?c:C,_=E?h:v,$=I?u:y,R=r.useMemo(()=>{let e=[...o];return Object.entries(j).forEach(([t,r])=>{r&&(e=e.filter(e=>{const o=e[t];return o?.toString()===r}))}),e},[o,j]),T=r.useMemo(()=>N&&A?[...R].sort((e,t)=>{const r=e[N],o=t[N];if(r===o)return 0;let i=0;return i="number"==typeof r&&"number"==typeof o?r-o:String(r).localeCompare(String(o)),"asc"===A?i:-i}):R,[R,N,A]),S=-1===i?1:Math.ceil((x||T.length)/i),z=r.useMemo(()=>{if(void 0!==x)return T;if(-1===i)return T;const e=(_-1)*i;return T.slice(e,e+i)},[T,_,i,x]);r.useEffect(()=>{E||w(1)},[j,N,A,E]);const B=e=>{E&&p?p(e):w(e)},H=(e,t)=>n?"function"==typeof n?n(e):e[n]:t,P=(e,t)=>{const r=t?[...$,e]:$.filter(t=>t!==e);I&&s||k(r),s(r)},O=e=>$.some(t=>H(t,0)===H(e,0)),D=T.length>0&&T.every(e=>O(e));return e.jsxs(ci,{className:g,children:[e.jsxs(di,{children:[e.jsx("thead",{children:e.jsxs("tr",{children:[a&&e.jsx(ui,{children:e.jsx(Ce,{checked:D,onChange:e=>{const t=e?[...T]:[];I&&s||k(t),s(t)},noPadding:!0})}),t.map(t=>e.jsx(Qt,{width:t.width,sortable:t.sortable,sortDirection:N===t.key&&A||null,onSort:t.sortable?()=>{return e=t.key,void(L&&d?d(e,N===e&&"asc"===A?"desc":"asc"):N===e?"asc"===A?b("desc"):(m(null),b(null)):(m(e),b("asc")));var e}:void 0,filterable:t.filterable,filterOptions:t.filterOptions,filterValue:j[t.key]||"",onFilterChange:t.filterable?e=>((e,t)=>{M(r=>({...r,[e]:t}))})(t.key,e):void 0,children:t.header},t.key))]})}),e.jsx(hi,{children:z.map((r,o)=>e.jsxs(pi,{$selectable:a,onClick:a?()=>P(r,!O(r)):void 0,children:[a&&e.jsx(xi,{children:e.jsx(Ce,{checked:O(r),onChange:e=>P(r,e),noPadding:!0,onClick:e=>e.stopPropagation()})}),t.map(t=>{const i=r[t.key],n=t.render?t.render(i,r,o):i;return e.jsx(Zt,{align:t.align,children:n},t.key)})]},H(r,o)))})]}),-1!==i&&S>1&&e.jsxs(gi,{children:[e.jsx(fi,{disabled:1===_,onClick:()=>B(_-1),"aria-label":"Previous page",children:e.jsx("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M12.5 15L7.5 10L12.5 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),e.jsx(mi,{children:(()=>{const e=[];if(S<=5)for(let t=1;t<=S;t++)e.push(t);else{e.push(1),_>3&&e.push("...");const t=Math.max(2,_-1),r=Math.min(S-1,_+1);for(let o=t;o<=r;o++)e.push(o);_<S-2&&e.push("..."),e.push(S)}return e})().map((t,r)=>e.jsx(Ci,{$active:t===_,onClick:"number"==typeof t?()=>B(t):void 0,disabled:"number"!=typeof t,children:t},r))}),e.jsx(fi,{disabled:_===S,onClick:()=>B(_+1),"aria-label":"Next page",children:e.jsx("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M7.5 15L12.5 10L7.5 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}bi.displayName="Table";const vi=t.div`
|
|
1859
|
-
display: flex;
|
|
1860
|
-
align-items: center;
|
|
1861
|
-
border-bottom: 1px solid var(--grey-200);
|
|
1862
|
-
overflow-x: auto;
|
|
1863
|
-
|
|
1864
|
-
&::-webkit-scrollbar {
|
|
1865
|
-
display: none;
|
|
1866
|
-
}
|
|
1867
|
-
|
|
1868
|
-
-ms-overflow-style: none;
|
|
1869
|
-
scrollbar-width: none;
|
|
1870
|
-
`,wi=({tabs:t,activeTab:o,onChange:i,disabled:n=!1,size:a="medium"})=>{const[s,l]=r.useState(o||(t.length>0?t[0].id:""));return e.jsx(vi,{children:t.map(t=>e.jsx(Gt,{label:t.label,active:o?o===t.id:s===t.id,disabled:n||t.disabled,size:t.size||a,onClick:()=>{return e=t.id,void(n||(l(e),i?.(e)));var e}},t.id))})},yi=t.div`
|
|
1871
|
-
position: fixed;
|
|
1872
|
-
${e=>"top"===e.position?"top: 16px;":"bottom: 16px;"}
|
|
1873
|
-
left: 50%;
|
|
1874
|
-
transform: translateX(-50%);
|
|
1875
|
-
z-index: 9999;
|
|
1876
|
-
width: 100%;
|
|
1877
|
-
max-width: 500px;
|
|
1878
|
-
display: flex;
|
|
1879
|
-
flex-direction: column;
|
|
1880
|
-
gap: 8px;
|
|
1881
|
-
pointer-events: none;
|
|
1882
|
-
`,ki=t.div`
|
|
1883
|
-
opacity: 0;
|
|
1884
|
-
transform: translateY(
|
|
1885
|
-
${e=>"top"===e.theme.position?"-10px":"10px"}
|
|
1886
|
-
);
|
|
1887
|
-
animation: ${e=>"top"===e.theme.position?"slideDownFade":"slideUpFade"}
|
|
1888
|
-
0.3s forwards;
|
|
1889
|
-
pointer-events: auto;
|
|
1890
|
-
|
|
1891
|
-
@keyframes slideDownFade {
|
|
1892
|
-
to {
|
|
1893
|
-
opacity: 1;
|
|
1894
|
-
transform: translateY(0);
|
|
1895
|
-
}
|
|
1896
|
-
}
|
|
1897
|
-
|
|
1898
|
-
@keyframes slideUpFade {
|
|
1899
|
-
to {
|
|
1900
|
-
opacity: 1;
|
|
1901
|
-
transform: translateY(0);
|
|
1902
|
-
}
|
|
1903
|
-
}
|
|
1904
|
-
`;r.createContext(void 0);let ji=[],Mi=[];const Li=(e,t)=>{if("undefined"!=typeof window){return getComputedStyle(document.documentElement).getPropertyValue("--"+e).trim()||t||""}return"var(--"+e+(t?", "+t:"")+")"},Ei={BLACK_50:Li("black-50","rgba(26, 26, 26, 0.05)"),BLACK_100:Li("black-100","rgba(26, 26, 26, 0.1)"),BLACK_200:Li("black-200","rgba(26, 26, 26, 0.2)"),BLACK_300:Li("black-300","rgba(26, 26, 26, 0.3)"),BLACK_400:Li("black-400","rgba(26, 26, 26, 0.4)"),BLACK_500:Li("black-500","rgba(26, 26, 26, 0.5)"),BLACK_600:Li("black-600","rgba(26, 26, 26, 0.6)"),BLACK_700:Li("black-700","rgba(26, 26, 26, 0.7)"),BLACK_800:Li("black-800","rgba(26, 26, 26, 0.8)"),BLACK_900:Li("black-900","rgba(26, 26, 26, 1)"),BLACK:Li("black-900","#1a1a1a"),BLACK_OPACITY_20:"rgba(26, 26, 26, 0.2)",WHITE_50:Li("white-50","rgba(255, 255, 255, 0.05)"),WHITE_100:Li("white-100","rgba(255, 255, 255, 0.1)"),WHITE_200:Li("white-200","rgba(255, 255, 255, 0.2)"),WHITE_300:Li("white-300","rgba(255, 255, 255, 0.3)"),WHITE_400:Li("white-400","rgba(255, 255, 255, 0.4)"),WHITE_500:Li("white-500","rgba(255, 255, 255, 0.5)"),WHITE_600:Li("white-600","rgba(255, 255, 255, 0.6)"),WHITE_700:Li("white-700","rgba(255, 255, 255, 0.7)"),WHITE_800:Li("white-800","rgba(255, 255, 255, 0.8)"),WHITE_900:Li("white-900","rgba(255, 255, 255, 1)"),WHITE:Li("white-900","#ffffff"),BLUE_50:Li("blue-50","rgba(240, 249, 255, 1)"),BLUE_100:Li("blue-100","rgba(225, 243, 254, 1)"),BLUE_200:Li("blue-200","rgba(185, 229, 252, 1)"),BLUE_300:Li("blue-300","rgba(125, 211, 251, 1)"),BLUE_400:Li("blue-400","rgba(58, 190, 247, 1)"),BLUE_500:Li("blue-500","rgba(27, 173, 240, 1)"),BLUE_600:Li("blue-600","rgba(64, 114, 210, 1)"),BLUE_700:Li("blue-700","rgba(3, 105, 159, 1)"),BLUE_800:Li("blue-800","rgba(5, 69, 103, 1)"),BLUE_900:Li("blue-900","rgba(4, 38, 63, 1)"),BLUE:Li("graph-primary-blue","#2D9CDB"),GREY_50:Li("grey-50","rgba(248, 250, 252, 1)"),GREY_100:Li("grey-100","rgba(241, 245, 249, 1)"),GREY_200:Li("grey-200","rgba(225, 231, 239, 1)"),GREY_300:Li("grey-300","rgba(200, 214, 229, 1)"),GREY_400:Li("grey-400","rgba(158, 172, 192, 1)"),GREY_500:Li("grey-500","rgba(100, 116, 139, 1)"),GREY_600:Li("grey-600","rgba(72, 86, 106, 1)"),GREY_700:Li("grey-700","rgba(51, 65, 86, 1)"),GREY_800:Li("grey-800","rgba(29, 40, 57, 1)"),GREY_900:Li("grey-900","rgba(20, 30, 53, 1)"),GREY:Li("grey-400","#CCCCCC"),ORANGE:Li("graph-primary-orange","#FFA62E"),RED:Li("graph-primary-red","#FF5C64"),GREEN:Li("graph-primary-green","#A5C34E"),YELLOW:Li("graph-primary-yellow","#FBED53"),PURPLE:Li("graph-primary-purple","#7A51AB"),GREEN_BG:Li("green-bg","rgba(234, 254, 229, 1)"),GREEN_SUCCESS:Li("green-success","rgba(8, 173, 55, 1)"),ORANGE_BG:Li("orange-bg","rgba(254, 250, 229, 1)"),ORANGE_CAUTION:Li("orange-caution","rgba(249, 173, 20, 1)"),RED_BG:Li("red-bg","rgba(254, 234, 229, 1)"),RED_ERROR:Li("red-error","rgba(216, 35, 44, 1)"),GRAPH_SECONDARY_BROWN:Li("graph-secondary-brown","#AD7942"),GRAPH_SECONDARY_PINK:Li("graph-secondary-pink","#FB90B4"),GRAPH_SECONDARY_TEAL:Li("graph-secondary-teal","#3CCABA"),GRAPH_SECONDARY_DARK_BLUE:Li("graph-secondary-dark-blue","#4072D2"),GRAPH_SECONDARY_BLACK:Li("graph-secondary-black","#424E62"),GRAPH_SECONDARY_GREY:Li("graph-secondary-grey","#B4B4B4")},Ii=[Ei.ORANGE,Ei.RED,Ei.GREEN,Ei.BLUE,Ei.YELLOW,Ei.PURPLE,Ei.GRAPH_SECONDARY_BROWN,Ei.GRAPH_SECONDARY_PINK,Ei.GRAPH_SECONDARY_TEAL,Ei.GRAPH_SECONDARY_DARK_BLUE,Ei.GRAPH_SECONDARY_BLACK,Ei.GRAPH_SECONDARY_GREY],Ni=70,Ai=30,_i=60,$i=50,Ri=30,Ti=5,Si=11,zi=10,Bi={default:{ax:0,ay:-35},overlap:[{ax:50,ay:-35},{ax:-60,ay:-35},{ax:70,ay:-55},{ax:-80,ay:-55},{ax:50,ay:-75},{ax:-60,ay:-75}]};function Hi(e,t,r){const o=-1===t,i=o?Ei.GREY_500:Ii[t%Ii.length],n=o?Ei.BLACK_900:i,a=e.text??(void 0===e._computed?.area?"":`Area: ${e._computed.area.toFixed(2)}`),s=o&&void 0!==e.ax?e.ax:r.ax,l=o&&void 0!==e.ay?e.ay:r.ay;return{x:e.x,y:e.y,text:a,showarrow:!0,arrowhead:2,arrowsize:1,arrowwidth:1,arrowcolor:i,ax:s,ay:l,font:{size:o?Si:zi,color:n,family:"Inter, sans-serif"},bgcolor:Ei.WHITE,borderpad:2,bordercolor:o?void 0:i,borderwidth:o?0:1}}function Pi(e){if(1===e.length){const{peak:t,seriesIndex:r}=e[0];return[Hi(t,r,Bi.default)]}return[...e].sort((e,t)=>e.peak.y-t.peak.y).map(({peak:e,seriesIndex:t},r)=>Hi(e,t,Bi.overlap[r%Bi.overlap.length]))}function Oi(e,t,r,o){return"none"===r?[]:[{x:[e],y:[t],type:"scatter",mode:"markers",marker:{symbol:"diamond"===r?"diamond":"triangle-up",size:8,color:o},showlegend:!1,hoverinfo:"skip"}]}function Di(e,t,r){let o=e[t],i=e[t];for(let i=t-1;i>=Math.max(0,t-r);i--)o=Math.min(o,e[i]);for(let o=t+1;o<Math.min(e.length,t+r);o++)i=Math.min(i,e[o]);return e[t]-Math.max(o,i)}function Vi(e,t){let r=t,o=t;for(let o=t-1;o>=0&&e[o]<=e[o+1];o--)r=o;for(let r=t+1;r<e.length&&e[r]<=e[r-1];r++)o=r;return{startIndex:r,endIndex:o}}function Ui(e,t,r,o){const i=Math.min(t[r],t[o]);let n=0;for(let a=r;a<o;a++){const r=e[a+1]-e[a];n+=(t[a]-i+(t[a+1]-i))*r/2}return n}function Gi(e,t,r,o,i){const n=Math.min(t[o],t[i]),a=(t[r]+n)/2;let s=r,l=r;for(let e=r;e>=o;e--)if(t[e]<a){s=e;break}for(let e=r;e<=i;e++)if(t[e]<a){l=e;break}return e[l]-e[s]}function Ki(e,t,r={}){const{minHeight:o=.05,minDistance:i=5,prominence:n=.02,relativeThreshold:a=!0}=r;if(t.length<3)return[];const s=Math.max(...t),l=a?o*s:o,c=a?n*s:n,d=3*i,h=[];for(let r=1;r<t.length-1;r++){if(!(t[r]>t[r-1]&&t[r]>t[r+1]&&t[r]>=l))continue;if(Di(t,r,d)<c)continue;const{startIndex:o,endIndex:i}=Vi(t,r),n=Ui(e,t,o,i),a=Gi(e,t,r,o,i);h.push({x:e[r],y:t[r],_computed:{area:n,index:r,startIndex:o,endIndex:i,widthAtHalfMax:a}})}return function(e,t){const r=[];for(const o of e)r.some(e=>Math.abs((e._computed?.index??0)-(o._computed?.index??0))<t)?r.length>0&&o.y>r[r.length-1].y&&(r.pop(),r.push(o)):r.push(o);return r.sort((e,t)=>e.x-t.x)}(h,i)}function Zi(e,t){if(0===e.length)return 0;if(1===e.length)return 0;let r=0,o=e.length-1;for(;r<o;){const i=Math.floor((r+o)/2);e[i]<t?r=i+1:o=i}return r>0&&Math.abs(e[r-1]-t)<Math.abs(e[r]-t)?r-1:r}function Wi(e,t,r=50){if("none"===t||0===e.length)return e;if("linear"===t){if(1===e.length)return[0];const t=(e[e.length-1]-e[0])/(e.length-1);return e.map((r,o)=>r-(e[0]+t*o))}if("rolling"===t){const t=[],o=Math.floor(r/2);for(let r=0;r<e.length;r++){const i=Math.max(0,r-o),n=Math.min(e.length,r+o+1),a=e.slice(i,n);t.push(Math.min(...a))}return e.map((e,r)=>e-t[r])}return e}const Yi="96",Fi="384",Xi="1536",qi={sample:"#4575b4",control:"#d73027",empty:"#f0f0f0"},Qi={[Yi]:{rows:8,columns:12},[Fi]:{rows:16,columns:24},[Xi]:{rows:32,columns:48}},Ji=[[0,"#313695"],[.1,"#4575b4"],[.2,"#74add1"],[.3,"#abd9e9"],[.4,"#e0f3f8"],[.5,"#ffffbf"],[.6,"#fee090"],[.7,"#fdae61"],[.8,"#f46d43"],[.9,"#d73027"],[1,"#a50026"]],en="#333",tn="#000",rn="#f0f0f0",on={Viridis:[[0,"#440154"],[.25,"#414487"],[.5,"#2a788e"],[.75,"#22a884"],[1,"#7ad151"]],Blues:[[0,"#f7fbff"],[.25,"#c6dbef"],[.5,"#6baed6"],[.75,"#2171b5"],[1,"#08306b"]],RdBu:[[0,"#67001f"],[.25,"#d6604d"],[.5,"#f7f7f7"],[.75,"#4393c3"],[1,"#053061"]],Greens:[[0,"#f7fcf5"],[.25,"#c7e9c0"],[.5,"#74c476"],[.75,"#238b45"],[1,"#00441b"]],Reds:[[0,"#fff5f0"],[.25,"#fcbba1"],[.5,"#fb6a4a"],[.75,"#cb181d"],[1,"#67000d"]],Greys:[[0,"#ffffff"],[.25,"#d9d9d9"],[.5,"#969696"],[.75,"#525252"],[1,"#000000"]],Hot:[[0,"#000000"],[.33,"#e60000"],[.66,"#ffff00"],[1,"#ffffff"]],YlGnBu:[[0,"#ffffd9"],[.25,"#c7e9b4"],[.5,"#41b6c4"],[.75,"#225ea8"],[1,"#081d58"]],YlOrRd:[[0,"#ffffcc"],[.25,"#fed976"],[.5,"#fd8d3c"],[.75,"#e31a1c"],[1,"#800026"]],Plasma:[[0,"#0d0887"],[.25,"#7e03a8"],[.5,"#cc4778"],[.75,"#f89540"],[1,"#f0f921"]]},nn=5e4,an=.01,sn=.99,ln=.001,cn=.575,dn=.425,hn=11,pn=-.5,xn=70,un=50,gn=40,fn=80,mn=130,Cn=.15,bn=.85;function vn(e){const t=e.match(/^([A-Z]{1,2})(\d{1,2})$/i);if(!t)return null;const r=t[1].toUpperCase();return{row:1===r.length?r.charCodeAt(0)-65:r.charCodeAt(1)-65+26,col:parseInt(t[2],10)-1}}function wn(e,t,r){if(!e)return!1;const{row:o,col:i}=e;return o>=0&&i>=0&&o<t&&i<r}function yn(e,t){if(!e)return null;const r=t??Object.keys(e)[0];return r?e[r]:null}function kn(e,t,r,o,i){"number"==typeof e?o[t][r]=e:"string"==typeof e&&(i[t][r]=e)}function jn(e,t){const r=function(e){const t=new Set;for(const r of e)r.values&&Object.keys(r.values).forEach(e=>t.add(e));return[...t]}(e);return r.map(r=>{const o=t?.find(e=>e.id===r),i=function(e,t){for(const r of e){const e=r.values?.[t];if("string"==typeof e)return!0}return!1}(e,r);return{id:r,name:o?.name??r,visualizationMode:o?.visualizationMode??(i?"categorical":void 0),colorScale:o?.colorScale,valueMin:o?.valueMin,valueMax:o?.valueMax,valueUnit:o?.valueUnit,categoryColors:o?.categoryColors}})}function Mn(e,t,r){const o=e.match(/^([A-Z]{1,2})(\d{1,2}):([A-Z]{1,2})(\d{1,2})$/i);if(!o)return null;const i=vn(`${o[1]}${o[2]}`),n=vn(`${o[3]}${o[4]}`),a=Math.min(i.row,n.row),s=Math.max(i.row,n.row),l=Math.min(i.col,n.col),c=Math.max(i.col,n.col),d=t.length,h=r.length;return a>=d||s>=d||l>=h||c>=h?null:{minRow:a,maxRow:s,minCol:l,maxCol:c}}function Ln({wellId:e,value:t,allValues:r,tooltipExtra:o,activeLayerId:i,layerConfigMap:n,precision:a,valueUnit:s}){let l=`Well ${e}`;return l+=r?function(e,t,r,o){let i="";for(const[n,a]of Object.entries(e)){const e=n===t?"▶ ":"",s=r.get(n)?.valueUnit,l=s?` ${s}`:"";i+=null===a?`<br>${e}${n}: -`:"number"==typeof a?`<br>${e}${n}: ${a.toFixed(o)}${l}`:`<br>${e}${n}: ${a.charAt(0).toUpperCase()+a.slice(1)}`}return i}(r,i,n,a):null!==t?`<br>Value: ${t.toFixed(a)}${s}`:i?`<br>▶ ${i}: -`:"<br>No data",o&&(l+=function(e){let t="";for(const[r,o]of Object.entries(e))t+=`<br>${r}: ${String(o)}`;return t}(o)),l}function En(e,t,r){const o=r?{text:r}:void 0;switch(e){case"bottom":return{orientation:"h",thickness:20,len:.75,outlinewidth:0,ticksuffix:t,y:-.15,yanchor:"top",x:.5,xanchor:"center",title:o?{...o,side:"top"}:void 0};case"top":return{orientation:"h",thickness:20,len:.75,outlinewidth:0,ticksuffix:t,y:1.15,yanchor:"bottom",x:.5,xanchor:"center",title:o?{...o,side:"bottom"}:void 0};case"left":return{thickness:28,len:1,outlinewidth:0,ticksuffix:t,y:.5,yanchor:"middle",x:-.15,xanchor:"right",title:o?{...o,side:"right"}:void 0};default:return{thickness:20,len:.9,outlinewidth:0,ticksuffix:t,x:.88,xanchor:"left",y:.5,yanchor:"middle",title:o?{...o,side:"right"}:void 0}}}function In(e,t,r){const o=r?xn:un;let i;return i=t?"top"===e?mn:100:"top"===e?xn:gn,{l:"left"===e?o+un:o,r:"right"===e?un+un:un,b:"bottom"===e?fn:un,t:i,pad:5}}function Nn(e){switch(e){case"left":return cn;case"right":return dn;default:return.5}}function An(e){switch(e){case"left":return[Cn,1];case"right":return[0,bn];default:return[0,1]}}const _n=({data:t,layerConfigs:o,initialLayerId:i,onLayerChange:n,plateFormat:a="96",rows:s,columns:l,visualizationMode:d="heatmap",categoryColors:h,regions:p,title:x,xTitle:u,yTitle:g,xLabels:f,yLabels:m,colorScale:C=Ji,valueMin:b,valueMax:v,emptyWellColor:w=rn,showColorBar:y=!0,showLegend:k=!0,legendConfig:j,width:M=800,height:L=500,precision:E=0,markerShape:I="circle",onWellClick:N})=>{const A=r.useRef(null),_=r.useRef(N);_.current=N;const[$,R]=r.useState(i);let T,S;if("custom"===a)T=s??8,S=l??12;else{const e=Qi[a];T=e.rows,S=e.columns}const z=r.useMemo(()=>{if(Array.isArray(t)&&t.length>0&&"wellId"in t[0]){const e=t;if(function(e){return e.some(e=>e.values&&Object.keys(e.values).length>0)}(e))return jn(e,o)}return null},[t,o]),B=r.useMemo(()=>z&&0!==z.length?$?z.find(e=>e.id===$)??z[0]:z[0]:null,[z,$]),H=B?.visualizationMode??d,P=B?.colorScale??C,O=B?.valueMin??b,D=B?.valueMax??v,V=B?.valueUnit?` ${B.valueUnit}`:"",U=r.useMemo(()=>({...qi,...h,...B?.categoryColors}),[h,B?.categoryColors]),G=B?.id,{grid:K,categoriesGrid:Z,allValuesMap:W,tooltipDataMap:Y}=r.useMemo(()=>{let e,r=Array.from({length:T},()=>Array(S).fill(null)),o=new Map,i=new Map;if(Array.isArray(t)&&t.length>0){const n=function(e,t,r,o){const i=Array.from({length:t},()=>Array(r).fill(null)),n=Array.from({length:t},()=>Array(r).fill(null)),a=new Map,s=new Map;for(const l of e){const e=vn(l.wellId);if(!wn(e,t,r))continue;const c=l.wellId.toUpperCase();l.values&&a.set(c,l.values),l.tooltipData&&s.set(c,l.tooltipData),kn(yn(l.values,o),e.row,e.col,i,n)}return{grid:i,categories:n,allValues:a,tooltipData:s}}(t,T,S,G);e=n.grid,r=n.categories,o=n.allValues,i=n.tooltipData}else e=Array.from({length:T},()=>Array.from({length:S},()=>Math.random()*nn));return{grid:e,categoriesGrid:r,allValuesMap:o,tooltipDataMap:i}},[t,T,S,G]),F=m??(X=T,Array.from({length:X},(e,t)=>t<26?String.fromCharCode(65+t):"A"+String.fromCharCode(t-26+65)));var X;const q=f??function(e){return Array.from({length:e},(e,t)=>t+1)}(S),Q=function(e){let t=1/0,r=-1/0;for(const o of e)for(const e of o)null!==e&&Number.isFinite(e)&&(t=Math.min(t,e),r=Math.max(r,e));return Number.isFinite(t)||(t=0),Number.isFinite(r)||(r=1),t===r&&(r=t+1),{min:t,max:r}}(K),J=O??Q.min,ee=D??Q.max,te=K.some(e=>e.includes(null)),re=J-(ee-J)*an-1,oe=te?K.map(e=>e.map(e=>null===e?re:e)):K,ie=r.useMemo(()=>{if(!te)return P;let e;if("string"==typeof P){const t=on[P];if(!t)return P;e=t}else e=P;const t=(J-re)/(ee-re),r=[[0,w],[t*sn,w]];for(const[o,i]of e){const e=t+o*(1-t);r.push([e,i])}return r},[P,te,J,ee,re,w]),ne=te?re:J,ae=r.useMemo(()=>{const e=new Map;if(z)for(const t of z)e.set(t.id,t);return e},[z]),se=K.map((e,t)=>e.map((e,r)=>{const o=`${F[t]}${q[r]}`,i=String(o).toUpperCase();return Ln({wellId:o,value:e,allValues:W.get(i),tooltipExtra:Y.get(i),activeLayerId:B?.id,layerConfigMap:ae,precision:E,valueUnit:V})})),{categoricalGrid:le,categoricalColorScale:ce,uniqueTypes:de,catMax:he}=r.useMemo(()=>{if("categorical"!==H)return{categoricalGrid:null,categoricalColorScale:null,uniqueTypes:[],catMax:0};const e=new Set;let t=!1;for(const r of Z)for(const o of r)o?e.add(o):t=!0;t&&e.add("empty");const r=[...e].sort(),o=new Map;r.forEach((e,t)=>o.set(e,t));const i=Z.map(e=>e.map(e=>null===e?o.get("empty")??0:o.get(e)??o.get("empty")??0)),n=r.length,a=[];if(1===n){const e=U[r[0]]||w;a.push([0,e]),a.push([1,e])}else r.forEach((e,t)=>{const r=U[e]||w,o=t/(n-1),i=.5/(n-1),s=Math.max(0,o-i),l=Math.min(1,o+i-ln);a.push([s,r]),a.push([l,r])});return{categoricalGrid:i,categoricalColorScale:a,uniqueTypes:r,catMax:n-1}},[H,Z,U,w]),pe=r.useMemo(()=>{if(!p||0===p.length)return[];const e=[];for(const t of p){const r=Mn(t.wells,F,q);if(!r)continue;const o=.49,i=r.minCol+1-o,n=r.maxCol+1+o,a=r.minRow-o,s=r.maxRow+o;e.push({type:"rect",xref:"x",yref:"y",x0:i,x1:n,y0:a,y1:s,line:{color:t.borderColor||en,width:t.borderWidth??2},fillcolor:t.fillColor||"transparent",layer:"above"})}return e},[p,F,q]);r.useEffect(()=>{const e=A.current;if(!e)return;const t="categorical"===H,r=t&&le?le:oe,o=t&&ce?ce:ie,i=t?0:ne,n=t?he||1:ee,a=!t&&y,{xData:s,yData:l,colorData:d,textData:h}=function(e,t,r,o,i,n){const a=[],s=[],l=[],c=[];for(let d=0;d<o;d++)for(let o=0;o<i;o++){a.push(o+1),s.push(t[d]);const i=e[d][o];l.push(i??n),c.push(r[d][o])}return{xData:a,yData:s,colorData:l,textData:c}}(r,F,se,T,S,i),p=function(e,t,r,o,i,n,a){const s=(e-(a?xn:un)-100)/o,l=(t-(n?100:gn)-un)/r,c="square"===i?Math.max(s,l):Math.min(s,l),d="square"===i?1:.8;return Math.max(4,c*d)}(M,L,T,S,I,!!x,!!g),f=[{x:s,y:l,mode:"markers",type:"scatter",marker:{symbol:I,size:p,color:d,colorscale:o,cmin:i,cmax:n,showscale:a,colorbar:En(j?.position??"right",V,j?.title),line:{color:"var(--grey-400)",width:1}},hoverinfo:"text",text:h}],m=j?.position??"right",C={autosize:!1,title:x?{text:x,font:{family:"Inter, sans-serif",size:20,color:"var(--black-300)"},x:Nn(m),xanchor:"center",y:.98,yanchor:"top"}:void 0,width:M,height:L,margin:In(m,!!x,!!g),xaxis:{title:{text:u||"",font:{size:16,color:"var(--black-300)",family:"Inter, sans-serif"},standoff:15},side:"top",fixedrange:!0,dtick:1,range:[.5,S+.5],automargin:!1,tickmode:"array",tickvals:Array.from({length:S},(e,t)=>t+1),ticktext:q.map(String),tickangle:0,tickfont:{size:S>24?8:hn},domain:An(m)},yaxis:{title:{text:g||"",font:{size:16,color:"var(--black-300)",family:"Inter, sans-serif"},standoff:15},fixedrange:!0,dtick:1,range:[T+pn,pn],automargin:!1,tickmode:"array",tickvals:Array.from({length:T},(e,t)=>t),ticktext:F.map(String),tickfont:{size:T>16?8:hn}},paper_bgcolor:"var(--white-900)",plot_bgcolor:"var(--white-900)",font:{family:"Inter, sans-serif",color:"var(--grey-600)"},shapes:pe};return c.newPlot(e,f,C,{responsive:!0,displayModeBar:!1,displaylogo:!1}),e.on("plotly_click",e=>{if(!_.current)return;const t=e.points[0];if(t){const e=F,r=q,o=e.indexOf(t.y),i=r.indexOf(t.x);if(o>=0&&i>=0){const t=`${e[o]}${r[i]}`,n=String(t).toUpperCase(),a={wellId:t,values:W.get(n),tooltipData:Y.get(n)};_.current?.(a)}}}),()=>{e&&c.purge(e)}},[oe,q,F,ie,y,ne,ee,V,x,u,g,M,L,se,E,Y,W,K,H,le,ce,de.length,he,pe,T,S,j,I]);const xe=j?.position??"right",ue=j?.fontSize??12,ge=j?.itemSpacing??4,fe=j?.swatchSize??16,me=j?.title,Ce="top"===xe||"bottom"===xe,be=e.jsx("div",{ref:A,className:"platemap-plot",style:{width:M,height:L}}),ve=(()=>{const t="categorical"===H&&de.length>0,r=p&&p.length>0;if(!k||!t&&!r)return Ce?null:e.jsx("div",{className:"platemap-legend-placeholder",style:{width:120}});const o=["platemap-legend"];Ce?o.push("platemap-legend--horizontal"):"left"===xe?o.push("platemap-legend--left"):"right"===xe&&o.push("platemap-legend--right");const i={gap:`${ge}px`,width:Ce?void 0:120};return e.jsxs("div",{className:o.join(" "),style:i,children:[me&&e.jsx("div",{className:"platemap-legend__title"+(Ce?" platemap-legend__title--horizontal":""),style:{fontSize:`${ue}px`},children:me}),t&&de.map(t=>e.jsxs("div",{className:"platemap-legend__item",children:[e.jsx("div",{className:"platemap-legend__swatch",style:{width:`${fe}px`,height:`${fe}px`,backgroundColor:U[t]||w}}),e.jsx("span",{className:"platemap-legend__label platemap-legend__label--capitalize",style:{fontSize:`${ue}px`},children:t})]},t)),r&&p.map(t=>e.jsxs("div",{className:"platemap-legend__item",children:[e.jsx("div",{className:"platemap-legend__swatch platemap-legend__swatch--region",style:{width:`${fe}px`,height:`${fe}px`,backgroundColor:t.fillColor||"transparent",border:`${t.borderWidth||2}px solid ${t.borderColor||tn}`}}),e.jsx("span",{className:"platemap-legend__label",style:{fontSize:`${ue}px`},children:t.name})]},t.id))]})})();return e.jsxs("div",{className:"platemap-container",style:{width:Ce?void 0:M},children:[!z||z.length<=1?null:e.jsx("div",{className:"platemap-layer-selector",children:z.map(t=>{const r=B?.id===t.id;return e.jsx("button",{type:"button",className:"platemap-layer-selector__button"+(r?" platemap-layer-selector__button--active":""),onClick:()=>{R(t.id),n?.(t.id)},children:t.name},t.id)})}),(()=>{switch(xe){case"left":return e.jsxs("div",{className:"platemap-plot-wrapper platemap-plot-wrapper--vertical",children:[ve,be]});case"top":return e.jsxs("div",{className:"platemap-plot-wrapper platemap-plot-wrapper--horizontal",children:[ve,be]});case"bottom":return e.jsxs("div",{className:"platemap-plot-wrapper platemap-plot-wrapper--horizontal",children:[be,ve]});default:return e.jsxs("div",{className:"platemap-plot-wrapper platemap-plot-wrapper--vertical",children:[be,ve]})}})()]})};const $n=t.div`
|
|
1905
|
-
display: flex;
|
|
1906
|
-
flex-direction: column;
|
|
1907
|
-
width: 100vw;
|
|
1908
|
-
height: 100vh;
|
|
1909
|
-
`,Rn=t.div`
|
|
1910
|
-
display: flex;
|
|
1911
|
-
flex: 1;
|
|
1912
|
-
overflow: hidden;
|
|
1913
|
-
`,Tn=t.div`
|
|
1914
|
-
display: flex;
|
|
1915
|
-
flex-direction: column;
|
|
1916
|
-
flex: 1;
|
|
1917
|
-
overflow: hidden;
|
|
1918
|
-
`,Sn=t.div`
|
|
1919
|
-
display: flex;
|
|
1920
|
-
flex-direction: column;
|
|
1921
|
-
background-color: var(--white-900);
|
|
1922
|
-
flex: 1;
|
|
1923
|
-
overflow: hidden;
|
|
1924
|
-
`,zn=t.div`
|
|
1925
|
-
border-bottom: 1px solid var(--grey-200);
|
|
1926
|
-
display: flex;
|
|
1927
|
-
flex-direction: column;
|
|
1928
|
-
flex: 1;
|
|
1929
|
-
overflow: hidden;
|
|
1930
|
-
`,Bn=t.div`
|
|
1931
|
-
display: flex;
|
|
1932
|
-
justify-content: space-between;
|
|
1933
|
-
align-items: center;
|
|
1934
|
-
padding: 24px 0;
|
|
1935
|
-
background-color: var(--white-900);
|
|
1936
|
-
`,Hn=t.h2`
|
|
1937
|
-
font-family: "Inter", sans-serif;
|
|
1938
|
-
font-size: 20px;
|
|
1939
|
-
font-weight: 500;
|
|
1940
|
-
color: var(--black-900);
|
|
1941
|
-
margin: 0;
|
|
1942
|
-
`,Pn=t.div`
|
|
1943
|
-
display: flex;
|
|
1944
|
-
gap: 8px;
|
|
1945
|
-
`,On=t(f)`
|
|
1946
|
-
border-radius: 4px;
|
|
1947
|
-
width: 32px;
|
|
1948
|
-
height: 32px;
|
|
1949
|
-
`,Dn=t.div`
|
|
1950
|
-
width: 360px;
|
|
1951
|
-
height: 100%;
|
|
1952
|
-
display: flex;
|
|
1953
|
-
flex-direction: column;
|
|
1954
|
-
padding: 16px 24px;
|
|
1955
|
-
overflow: hidden;
|
|
1956
|
-
max-height: 100%;
|
|
1957
|
-
`,Vn=t.div`
|
|
1958
|
-
flex: 1;
|
|
1959
|
-
height: 100%;
|
|
1960
|
-
background-color: var(--grey-100);
|
|
1961
|
-
display: flex;
|
|
1962
|
-
flex-direction: column;
|
|
1963
|
-
`,Un=t.div`
|
|
1964
|
-
padding: 16px 24px 0 24px;
|
|
1965
|
-
`,Gn=t.div`
|
|
1966
|
-
display: flex;
|
|
1967
|
-
flex-direction: column;
|
|
1968
|
-
overflow-y: auto;
|
|
1969
|
-
flex: 1;
|
|
1970
|
-
margin-top: 8px;
|
|
1971
|
-
max-height: calc(100vh - 240px);
|
|
1972
|
-
`,Kn=t.div`
|
|
1973
|
-
display: flex;
|
|
1974
|
-
flex-direction: column;
|
|
1975
|
-
justify-content: center;
|
|
1976
|
-
align-items: center;
|
|
1977
|
-
gap: 16px;
|
|
1978
|
-
`,Zn=t.div`
|
|
1979
|
-
color: var(--grey-400);
|
|
1980
|
-
font-size: 14px;
|
|
1981
|
-
font-weight: 500;
|
|
1982
|
-
`,Wn=t.div`
|
|
1983
|
-
cursor: pointer;
|
|
1984
|
-
|
|
1985
|
-
&:last-child {
|
|
1986
|
-
border-bottom: none;
|
|
1987
|
-
}
|
|
1988
|
-
`,Yn=t(oo)``,Fn=t.div`
|
|
1989
|
-
padding: 24px;
|
|
1990
|
-
margin-top: -1px;
|
|
1991
|
-
flex: 1;
|
|
1992
|
-
border-top: 1px solid var(--grey-200);
|
|
1993
|
-
`,Xn=t.div`
|
|
1994
|
-
height: 100%;
|
|
1995
|
-
border: 1px solid var(--grey-200);
|
|
1996
|
-
border-radius: 8px;
|
|
1997
|
-
overflow: hidden;
|
|
1998
|
-
`,qn=[Ei.BLUE,Ei.GREEN,Ei.ORANGE,Ei.RED,Ei.YELLOW,Ei.PURPLE],Qn=({filters:t,filterValues:r,onFilterChange:o})=>e.jsx("div",{className:"tdp-search__filters-row",children:t.map(t=>e.jsxs("div",{className:"tdp-search__filter-wrapper",children:[e.jsx("label",{className:"tdp-search__filter-label",children:t.label}),e.jsx(He,{options:t.options,value:r[t.key]||"",onChange:e=>o(t.key,e)})]},t.key))}),Jn=({results:t,total:r,currentPage:o,pageSize:i,columns:n,onPageChange:a,sortKey:s,sortDirection:l,onSort:c})=>e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"tdp-search__results-header",children:e.jsxs("div",{className:"tdp-search__results-count",children:["Showing ",(o-1)*i+1,"-",Math.min(o*i,r)," of ",r," results"]})}),e.jsx(bi,{columns:n,data:t,pageSize:i,currentPage:o,totalItems:r,onPageChange:a,sortKey:s||void 0,sortDirection:l,onSort:c,rowKey:e=>e.id||Math.random().toString()})]}),ea=({query:t,setQuery:r,onSearch:o,isLoading:i,placeholder:n})=>e.jsxs("div",{className:"tdp-search__search-bar",children:[e.jsx("div",{className:"tdp-search__search-input-wrapper",children:e.jsx(at,{value:t,onChange:e=>r(e.target.value),onKeyDown:e=>{"Enter"===e.key&&o()},placeholder:n,iconLeft:e.jsx(oe,{}),size:"small"})}),e.jsx(f,{variant:"primary",onClick:o,disabled:!t.trim()||i,children:i?"Searching...":"Search"})]}),ta="ts-auth-token",ra="x-org-slug",oa=(e,t,r)=>{const{searchTerm:o,sort:i,order:n,...a}=e,s={from:t,size:r};return void 0!==o&&""!==o&&(s.query={simple_query_string:{query:o,default_operator:"and"}}),void 0!==i&&""!==i&&(s.sort=n?[{[i]:n}]:[i]),Object.entries(a).forEach(([e,t])=>{void 0!==t&&(s[e]=t)}),s};function ia(e){const[t,o]=r.useState([]),[i,n]=r.useState(0),[a,s]=r.useState(1),[l,c]=r.useState(!1),[d,h]=r.useState(null);return{results:t,total:i,currentPage:a,isLoading:l,error:d,executeSearch:async(t,r=1)=>{c(!0),h(null);const{pageSize:i,standalone:a,baseUrl:l,apiEndpoint:d="/api/search",authToken:p,orgSlug:x}=e,u=(r-1)*i;let g,f;if(a){if(!l)throw new Error("baseUrl is required when standalone is true");g=`${l.replace(/\/$/,"")}/v1/datalake/searchEql`,f={method:"POST",headers:{"Content-Type":"application/json",...p&&{[ta]:p},...x&&{[ra]:x}},body:JSON.stringify(oa(t,u,i))}}else{const e={"Content-Type":"application/json"};p&&x&&(e[ta]=p,e[ra]=x),g=d,f={method:"POST",headers:e,credentials:"include",body:JSON.stringify({...t,size:i,from:u})}}try{const e=await fetch(g,f);if(!e.ok){const t=await e.json().catch(()=>({error:"Unknown error"})),r=a&&t.error?.message||t.error;throw new Error(r||`HTTP ${e.status}: ${e.statusText}`)}const t=await e.json(),i=(t.hits?.hits||[]).map(e=>({id:e._id,...e._source,_score:e._score})),l="number"==typeof t.hits?.total?t.hits.total:t.hits?.total?.value||0;return o(i),n(l),s(r),i}catch(e){return h(e.message||"An error occurred while searching"),o([]),n(0),[]}finally{c(!1)}}}}function na(e){try{return localStorage.getItem(e)??void 0}catch{return}}function aa(e){try{const t=document.cookie.match(new RegExp("(?:^|; )"+e+"=([^;]*)"));return t?decodeURIComponent(t[1]):void 0}catch{return}}const sa={colors:{primary:"var(--blue-900)",primaryHover:"var(--blue-800)",primaryActive:"var(--blue-800)",background:"var(--white-900)",text:"var(--black-900)",border:"var(--grey-200)",cardBackground:"var(--white-900)",cardBorder:"var(--grey-200)"},radius:{small:"4px",medium:"8px",large:"16px"},spacing:{small:"8px",medium:"16px",large:"24px"}},la=t.div`
|
|
1999
|
-
${e=>Object.entries(e.$themeStyles).map(([e,t])=>`${e}: ${t};`).join("\n")}
|
|
2000
|
-
`;exports.AppHeader=Sr,exports.AppLayout=({userProfile:t,hostname:o,organization:i,children:n})=>{const a=[{icon:exports.IconName.SEARCH_DOCUMENT,label:"Search"},{icon:exports.IconName.SEARCH_SQL,label:"SQL Search"},{icon:exports.IconName.LAMP,label:"Projects"},{icon:exports.IconName.PIPELINE,label:"Pipelines"},{icon:exports.IconName.COMPUTER,label:"Data & AI Workspace"},{icon:exports.IconName.CUBE,label:"Artifacts"},{icon:exports.IconName.DATABASE,label:"Data Sources"},{icon:exports.IconName.PIE_CHART,label:"Health Monitoring"},{icon:exports.IconName.BULK_CHECK,label:"Bulk Actions"},{icon:exports.IconName.CODE,label:"Attribute Management"},{icon:exports.IconName.GEAR,label:"Administration"}],[s,l]=r.useState("Pipelines");return e.jsxs("div",{className:"app-layout",children:[e.jsx(So,{organization:i}),e.jsxs("div",{className:"content-container",children:[e.jsx(li,{items:a,activeItem:s,onItemClick:e=>{l(e)}}),e.jsxs("div",{className:"main-content",children:[e.jsx(Sr,{hostname:o,userProfile:t,onHomeClick:()=>{console.log("Home clicked")},onSettingsClick:()=>{console.log("Settings clicked")},onUserProfileClick:()=>{console.log("User profile clicked")}}),e.jsx("div",{className:"main-layout",children:n})]})]})]})},exports.AreaGraph=({dataSeries:t,width:o=1e3,height:i=600,xRange:n,yRange:a,variant:s="normal",xTitle:l="Columns",yTitle:d="Rows",title:h="Area Graph"})=>{const p=r.useRef(null),{xMin:x,xMax:u,yMin:g,yMax:f}=r.useMemo(()=>{let e=Number.MAX_VALUE,r=Number.MIN_VALUE,o=Number.MAX_VALUE,i=Number.MIN_VALUE;t.forEach(t=>{t.x.forEach(t=>{e=Math.min(e,t),r=Math.max(r,t)}),t.y.forEach(e=>{o=Math.min(o,e),i=Math.max(i,e)})});const n=.1*(r-e),a=.1*(i-o);return{xMin:e-n,xMax:r+n,yMin:"stacked"===s?0:o-a,yMax:i+a}},[t,s]),m=r.useMemo(()=>n||[x,u],[n,x,u]),C=r.useMemo(()=>a||[g,f],[a,g,f]),b=r.useMemo(()=>{const e=m[1]-m[0];let t=Math.pow(10,Math.floor(Math.log10(e)));e/t>10&&(t*=2),e/t<4&&(t/=2);const r=[];let o=Math.ceil(m[0]/t)*t;for(;o<=m[1];)r.push(o),o+=t;return r},[m]),v=r.useMemo(()=>{const e=C[1]-C[0];let t=Math.pow(10,Math.floor(Math.log10(e)));e/t>10&&(t*=2),e/t<4&&(t/=2);const r=[];let o=Math.ceil(C[0]/t)*t;for(;o<=C[1];)r.push(o),o+=t;return r},[C]),w=r.useMemo(()=>({tickcolor:Ei.GREY_200,ticklen:12,tickwidth:1,ticks:"outside",tickfont:{size:16,color:Ei.BLACK_900,family:"Inter, sans-serif",weight:400},linecolor:Ei.BLACK_900,linewidth:1,position:0,zeroline:!1}),[]),y=r.useMemo(()=>({text:h,x:.5,y:.95,xanchor:"center",yanchor:"top",font:{size:32,weight:600,family:"Inter, sans-serif",color:Ei.BLACK_900,lineheight:1.2,standoff:30}}),[h]);return r.useEffect(()=>{if(!p.current)return;let e;if("stacked"===s){const r=new Array(t[0]?.x.length||0).fill(0);e=t.map((e,t)=>{const o=e.y.map((e,t)=>{const o=r[t]+e;return r[t]=o,o});return{x:e.x,y:o,type:"scatter",mode:"lines",name:e.name,fill:0===t?"tozeroy":"tonexty",fillcolor:e.color,line:{color:e.color,width:2}}})}else e=t.map(e=>({x:e.x,y:e.y,type:"scatter",mode:"lines",name:e.name,fill:e.fill||"tozeroy",fillcolor:e.color,line:{color:e.color,width:2}}));const r={width:o,height:i,title:y,margin:{l:80,r:40,b:80,t:80,pad:0},paper_bgcolor:Ei.WHITE,plot_bgcolor:Ei.WHITE,font:{family:"Inter, sans-serif"},dragmode:!1,xaxis:{title:{text:l,font:{size:16,color:Ei.BLACK_600,family:"Inter, sans-serif",weight:400},standoff:15},gridcolor:Ei.GREY_200,range:n,autorange:!n,tickmode:"array",tickvals:b,showgrid:!0,...w},yaxis:{title:{text:d,font:{size:16,color:Ei.BLACK_600,family:"Inter, sans-serif",weight:400},standoff:15},gridcolor:Ei.GREY_200,range:a,autorange:!a,tickmode:"array",tickvals:v,showgrid:!0,...w},legend:{x:.5,y:-.2,xanchor:"center",yanchor:"top",orientation:"h",font:{size:13,color:Ei.BLUE_900,family:"Inter, sans-serif",weight:500,lineheight:18}},showlegend:!0};c.newPlot(p.current,e,r,{responsive:!0,displayModeBar:!1,displaylogo:!1});const h=p.current;return()=>{h&&c.purge(h)}},[t,o,i,n,a,m,C,s,l,d,y,w,b,v]),e.jsx("div",{className:"area-graph-container",children:e.jsx("div",{ref:p,style:{width:"100%",height:"100%"}})})},exports.AssistantModal=({open:t,title:o,prompt:i,initialCode:n="",userQuery:a="",onUserQueryChange:s,onCopy:l,onLaunch:c,onSend:d,onCancel:h})=>{const[p,x]=r.useState(n),[u,g]=r.useState(""),[f,m]=r.useState(a);return r.useEffect(()=>{m(a)},[a]),t?e.jsx(zr,{children:e.jsxs(Br,{children:[e.jsxs(Hr,{children:[e.jsxs(Pr,{children:[e.jsx(pe,{name:exports.IconName.TETRASCIENCE_ICON,fill:"var(--blue-600)"}),e.jsx(Or,{children:o})]}),e.jsx(Dr,{onClick:h,children:e.jsx(pe,{name:exports.IconName.CLOSE,width:"20",height:"20",fill:"var(--black-900)"})})]}),e.jsx(Vr,{children:i}),e.jsx(Ur,{children:e.jsx(Gr,{value:f,onChange:e=>{m(e.target.value),s&&s(e.target.value)},rows:2,placeholder:"Type your question here..."})}),e.jsx(Kr,{children:e.jsx(Zr,{children:e.jsx(Ne,{value:p,onChange:e=>x(e??""),language:"python",theme:"dark",height:200,onCopy:l,onLaunch:c})})}),e.jsxs(Wr,{children:[e.jsx(at,{value:u,onChange:e=>g(e.target.value),placeholder:"Ask us anything related to your work...",size:"small",onKeyDown:e=>{"Enter"===e.key&&d(u)}}),e.jsxs(Yr,{variant:"primary",onClick:()=>d(u),children:[e.jsx(pe,{name:exports.IconName.PAPER_PLANE}),"Send"]})]})]})}):null},exports.Badge=({children:t,size:r="medium",variant:o="default",disabled:i=!1,iconLeft:n,iconRight:a,className:s})=>e.jsxs(p,{$size:r,$variant:o,$disabled:i,className:s,children:[n&&n,t,a&&a]}),exports.BarGraph=({dataSeries:t,width:o=1e3,height:i=600,xRange:n,yRange:a,variant:s="group",xTitle:l="Columns",yTitle:d="Rows",title:h="Bar Graph",barWidth:p=24})=>{const x=r.useRef(null),{yMin:u,yMax:g}=r.useMemo(()=>{let e=Number.MAX_VALUE,r=Number.MIN_VALUE,o=Number.MAX_VALUE,i=Number.MIN_VALUE;t.forEach(t=>{t.x.forEach(t=>{e=Math.min(e,t),r=Math.max(r,t)}),t.y.forEach(e=>{o=Math.min(o,e),i=Math.max(i,e)})});const n=.1*(r-e),a=.1*(i-o);return{xMin:e-n,xMax:r+n,yMin:"stack"===s?0:o-a,yMax:i+a}},[t,s]),f=r.useMemo(()=>a||[u,g],[a,u,g]),m=r.useMemo(()=>[...new Set(t.flatMap(e=>e.x))],[t]),C=r.useMemo(()=>{const e=f[1]-f[0];let t=Math.pow(10,Math.floor(Math.log10(e)));e/t>10&&(t*=2),e/t<4&&(t/=2);const r=[];let o=Math.ceil(f[0]/t)*t;for(;o<=f[1];)r.push(o),o+=t;return r},[f]),b=r.useMemo(()=>{switch(s){case"stack":return"stack";case"overlay":return"overlay";default:return"group"}},[s]),v=r.useMemo(()=>({tickcolor:Ei.GREY_200,ticklen:12,tickwidth:1,ticks:"outside",tickfont:{size:16,color:Ei.BLACK_900,family:"Inter, sans-serif",weight:400},linecolor:Ei.BLACK_900,linewidth:1,position:0,zeroline:!1}),[]);return r.useEffect(()=>{if(!x.current)return;const e=t.map(e=>({x:e.x,y:e.y,type:"bar",name:e.name,marker:{color:e.color},width:p,error_y:e.error_y})),r={title:{text:h,font:{size:32,family:"Inter, sans-serif",color:Ei.BLACK_900}},width:o,height:i,margin:{l:80,r:30,b:80,t:60,pad:0},paper_bgcolor:Ei.WHITE,plot_bgcolor:Ei.WHITE,font:{family:"Inter, sans-serif"},barmode:b,bargap:.15,dragmode:!1,xaxis:{title:{text:l,font:{size:16,color:Ei.BLACK_600,family:"Inter, sans-serif",weight:400},standoff:32},gridcolor:Ei.GREY_200,range:n,autorange:!n,tickmode:"array",tickvals:m,showgrid:!0,...v},yaxis:{title:{text:d,font:{size:16,color:Ei.BLACK_600,family:"Inter, sans-serif",weight:400},standoff:30},gridcolor:Ei.GREY_200,range:a,autorange:!a,tickmode:"array",tickvals:C,showgrid:!0,...v},legend:{x:.5,y:-.2,xanchor:"center",yanchor:"top",orientation:"h",font:{size:16,color:Ei.BLUE_900,family:"Inter, sans-serif",weight:500}},showlegend:t.length>1};c.newPlot(x.current,e,r,{responsive:!0,displayModeBar:!1,displaylogo:!1});const s=x.current;return()=>{s&&c.purge(s)}},[t,o,i,n,a,l,d,h,p,b,v,m,C]),e.jsx("div",{className:"bar-graph-container",children:e.jsx("div",{ref:x,style:{width:"100%",height:"100%"}})})},exports.Boxplot=({dataSeries:t,width:o=1e3,height:i=600,xRange:n,yRange:a,xTitle:s="Columns",yTitle:l="Rows",title:d="Boxplot",showPoints:h=!1})=>{const p=r.useRef(null),{yMin:x,yMax:u}=r.useMemo(()=>{let e=Number.MAX_VALUE,r=Number.MIN_VALUE;t.forEach(t=>{t.y.forEach(t=>{e=Math.min(e,t),r=Math.max(r,t)})});const o=.1*(r-e);return{yMin:e-o,yMax:r+o}},[t]),g=r.useMemo(()=>a||[x,u],[a,x,u]),f=r.useMemo(()=>{const e=g[1]-g[0];let t=Math.pow(10,Math.floor(Math.log10(e)));e/t>10&&(t*=2),e/t<4&&(t/=2);const r=[];let o=Math.ceil(g[0]/t)*t;for(;o<=g[1];)r.push(o),o+=t;return r},[g]),m=r.useMemo(()=>({tickcolor:Ei.GREY_200,ticklen:12,tickwidth:1,ticks:"outside",tickfont:{size:16,color:Ei.BLACK_900,family:"Inter, sans-serif",weight:400},linecolor:Ei.BLACK_900,linewidth:1,position:0,zeroline:!1}),[]),C=r.useMemo(()=>({text:d,x:.5,y:.95,xanchor:"center",yanchor:"top",font:{size:32,weight:600,family:"Inter, sans-serif",color:Ei.BLACK_900,lineheight:1.2,standoff:30}}),[d]);return r.useEffect(()=>{if(!p.current)return;const e=t.map(e=>({y:e.y,x:e.x,type:"box",name:e.name,marker:{color:e.color},line:{color:e.color},fillcolor:e.color+"40",boxpoints:!!h&&(e.boxpoints||"outliers"),jitter:e.jitter||.3,pointpos:e.pointpos||-1.8})),r={width:o,height:i,title:C,margin:{l:80,r:40,b:80,t:80,pad:0},paper_bgcolor:Ei.WHITE,plot_bgcolor:Ei.WHITE,font:{family:"Inter, sans-serif"},dragmode:!1,xaxis:{title:{text:s,font:{size:16,color:Ei.BLACK_600,family:"Inter, sans-serif",weight:400},standoff:15},gridcolor:Ei.GREY_200,range:n,autorange:!n,showgrid:!0,...m},yaxis:{title:{text:l,font:{size:16,color:Ei.BLACK_600,family:"Inter, sans-serif",weight:400},standoff:15},gridcolor:Ei.GREY_200,range:a,autorange:!a,tickmode:"array",tickvals:f,showgrid:!0,...m},legend:{x:.5,y:-.2,xanchor:"center",yanchor:"top",orientation:"h",font:{size:13,color:Ei.BLUE_900,family:"Inter, sans-serif",weight:500,lineheight:18}},showlegend:!0};c.newPlot(p.current,e,r,{responsive:!0,displayModeBar:!1,displaylogo:!1});const d=p.current;return()=>{d&&c.purge(d)}},[t,o,i,n,a,g,s,l,h,C,m,f]),e.jsx("div",{className:"boxplot-container",children:e.jsx("div",{ref:p,style:{width:"100%",height:"100%"}})})},exports.Button=f,exports.ButtonControl=C,exports.ButtonControlGroup=({controls:t,selectedId:r,onChange:o,vertical:i=!0,disabled:n=!1})=>e.jsx(Fr,{$vertical:i,children:t.map(t=>e.jsx(Xr,{$vertical:i,children:e.jsx(C,{icon:t.icon,selected:r===t.id,disabled:n||t.disabled,onClick:()=>{return e=t.id,void(n||o?.(e));var e}})},t.id))}),exports.CHART_COLORS=Ii,exports.COLORS=Ei,exports.Card=({children:t,title:r,size:o="medium",variant:i="default",className:n,fullWidth:a=!1,ref:s,...l})=>e.jsxs(w,{ref:s,$size:o,$variant:i,$fullWidth:a,className:n,...l,children:[r&&e.jsx(y,{$size:o,children:r}),e.jsx(k,{$size:o,children:t})]}),exports.CardSidebar=oo,exports.Checkbox=Ce,exports.Chromatogram=({data:t=[],width:o=900,height:i=600,positionInterval:n=10,colorA:a="#2D9CDB",colorT:s="#A1C63C",colorG:l="#FF5C64",colorC:d="#FFA62E"})=>{const h=r.useRef(null),p=r.useMemo(()=>t.map(e=>e.position),[t]),x=r.useMemo(()=>t.map(e=>(e=>{const t={A:e.peakA,T:e.peakT,G:e.peakG,C:e.peakC},r=Object.values(t);if(r.every(e=>e===r[0]))return"";let o="",i=0;return Object.entries(t).forEach(([e,t])=>{t>i&&(o=e,i=t)}),o})(e)),[t]),u=r.useMemo(()=>t.map(e=>e.peakA),[t]),g=r.useMemo(()=>t.map(e=>e.peakT),[t]),f=r.useMemo(()=>t.map(e=>e.peakG),[t]),m=r.useMemo(()=>t.map(e=>e.peakC),[t]),C=r.useMemo(()=>({x:p,y:u,type:"scatter",mode:"lines",name:"A",line:{color:a,width:2,shape:"spline"}}),[p,u,a]),b=r.useMemo(()=>({x:p,y:g,type:"scatter",mode:"lines",name:"T",line:{color:s,width:2,shape:"spline"}}),[p,g,s]),v=r.useMemo(()=>({x:p,y:f,type:"scatter",mode:"lines",name:"G",line:{color:l,width:2,shape:"spline"}}),[p,f,l]),w=r.useMemo(()=>({x:p,y:m,type:"scatter",mode:"lines",name:"C",line:{color:d,width:2,shape:"spline"}}),[p,m,d]),y=r.useMemo(()=>Math.max(...u,...g,...f,...m),[u,g,f,m]);if(r.useEffect(()=>{if(!h.current||0===t.length)return;const e=[C,b,v,w],r={width:o,height:i-75,margin:{l:0,r:0,b:20,t:10,pad:0},paper_bgcolor:"var(--white-900)",plot_bgcolor:"var(--white-900)",font:{family:"Inter, sans-serif"},showlegend:!1,xaxis:{showgrid:!1,zeroline:!1,showticklabels:!1,showline:!1,range:[Math.min(...p),Math.max(...p)],fixedrange:!0},yaxis:{showgrid:!1,zeroline:!1,showticklabels:!1,showline:!1,range:[0,1.05*y],fixedrange:!0}};c.newPlot(h.current,e,r,{responsive:!0,displayModeBar:!1,displaylogo:!1,fillFrame:!0});const n=h.current;return()=>{n&&c.purge(n)}},[t,o,i,C,b,v,w,y,p]),0===t.length)return e.jsx("div",{className:"chart-container",children:"No data available"});return e.jsxs("div",{className:"chromatogram-container",style:{width:o,height:i},children:[e.jsxs("div",{className:"sequence-header",children:[(()=>{const t=Math.min(...p),r=Math.max(...p),i=o;return e.jsx("div",{className:"sequence-letters-container",children:x.map((o,n)=>{const c=p[n],h="A"===o?a:"T"===o?s:"G"===o?l:"C"===o?d:"var(--black-900)",x=(c-t)/(r-t)*i;return e.jsx("span",{className:"sequence-letter",style:{left:`${x}px`,color:h},children:o},`base-${n}`)})})})(),(()=>{const t=Math.min(...p),r=Math.max(...p),i=o,a=[];for(let e=Math.ceil(t/n)*n;e<=r;e+=n)a.push({position:e,label:e.toString()});return e.jsx("div",{className:"position-numbers-container",children:a.map(o=>{const n=(o.position-t)/(r-t)*i;return e.jsx("span",{className:"position-number",style:{left:`${n}px`},children:o.label},`pos-${o.position}`)})})})()]}),e.jsx("div",{className:"chromatogram-chart",children:e.jsx("div",{ref:h,style:{width:"100%",height:"100%"}})})]})},exports.ChromatogramChart=({series:t,width:o=900,height:i=500,title:n,xAxisTitle:a="Retention Time (min)",yAxisTitle:s="Signal (mAU)",annotations:l=[],xRange:d,yRange:h,showLegend:p=!0,showGridX:x=!0,showGridY:u=!0,showMarkers:g=!1,markerSize:f=4,showCrosshairs:m=!1,baselineCorrection:C="none",baselineWindowSize:b=50,peakDetectionOptions:v,showPeakAreas:w=!1,boundaryMarkers:y="none",annotationOverlapThreshold:k=.4,showExportButton:j=!0})=>{const M=void 0!==v,L=r.useRef(null),E=r.useMemo(()=>t.map(e=>{const t=function(e,t){const r=Math.min(e.length,t.length),o=e.slice(0,r),i=t.slice(0,r).map(e=>Number.isFinite(e)?e:0);return{x:o.map(e=>Number.isFinite(e)?e:0),y:i}}(e.x,e.y);return{...e,x:t.x,y:Wi(t.y,C,b)}}),[t,C,b]),I=r.useMemo(()=>{if(0===l.length||0===E.length)return l;const{x:e,y:t}=E[0];return function(e,t,r){return e.map(e=>{if(void 0!==e.startX&&void 0!==e.endX){const o=Zi(t,e.startX),i=Zi(t,e.endX),n=Zi(t,e.x),a=e._computed?.area??Ui(t,r,o,i);return{...e,_computed:{...e._computed,index:n,startIndex:o,endIndex:i,area:a}}}return e})}(l,e,t)},[l,E]),N=r.useMemo(()=>{const e=[];return M&&v&&E.forEach((t,r)=>{const o=Ki(t.x,t.y,v);o.length>0&&e.push({peaks:o,seriesIndex:r})}),e},[E,M,v]);return r.useEffect(()=>{const e=L.current;if(!e||0===t.length)return;const r=E.map((e,t)=>{const r=e.color||Ii[t%Ii.length],o=function(e,t){if(!t)return e;const r=[];for(const[e,o]of Object.entries(t))if(null!=o&&""!==o){const t=e.replace(/([A-Z])/g," $1").replace(/^./,e=>e.toUpperCase()).trim();r.push(`${t}: ${String(o)}`)}return r.length>0?`${e}<br>${r.join("<br>")}`:e}(e.name,e.metadata),i={x:e.x,y:e.y,type:"scatter",mode:g?"lines+markers":"lines",name:e.name,line:{color:r,width:1.5},hovertemplate:`%{x:.2f} ${a}<br>%{y:.2f} ${s}<extra>${o}</extra>`};return g&&(i.marker={size:f,color:r}),i});if("none"!==y){const e=function(e,t,r){const o=[];e.forEach(({peaks:e,seriesIndex:t})=>{o.push({peaks:e,seriesIndex:t,x:r[t].x,y:r[t].y})});const i=t.filter(e=>void 0!==e._computed?.startIndex&&void 0!==e._computed?.endIndex);return i.length>0&&r.length>0&&o.push({peaks:i,seriesIndex:0,x:r[0].x,y:r[0].y}),o}(N,I,E);if(e.length>0){const t=function(e){const t=[];for(const{peaks:r,seriesIndex:o,x:i}of e){const e=Ii[o%Ii.length],n=-16*o-5,a=-16*o-12;for(const o of r){const r=o._computed?.startIndex??0,s=o._computed?.endIndex??0,l=i[r],c=i[s],d=o.startMarker??"triangle",h=o.endMarker??"diamond";t.push(...Oi(l,n,d,e)),t.push(...Oi(c,a,h,e))}}return t}(e);r.push(...t)}}const l=[];I.forEach(e=>{l.push({peak:e,seriesIndex:-1})}),w&&M&&N.forEach(({peaks:e,seriesIndex:t})=>{e.forEach(e=>{l.push({peak:e,seriesIndex:t})})});const C=function(e,t){const r=[...e].sort((e,t)=>e.peak.x-t.peak.x),o=[];let i=[];for(const e of r){if(0===i.length){i.push(e);continue}const r=i[i.length-1];Math.abs(e.peak.x-r.peak.x)<t?i.push(e):(o.push(i),i=[e])}return i.length>0&&o.push(i),o}(l,k),b=[];for(const e of C)b.push(...Pi(e));const v={title:n?{text:n,font:{size:20,family:"Inter, sans-serif",color:Ei.BLACK_900}}:void 0,width:o,height:i,margin:{l:Ni,r:Ai,b:_i,t:n?$i:Ri,pad:Ti},paper_bgcolor:Ei.WHITE,plot_bgcolor:Ei.WHITE,font:{family:"Inter, sans-serif"},hovermode:m?"x":"x unified",dragmode:"zoom",xaxis:{title:{text:a,font:{size:14,color:Ei.BLACK_600,family:"Inter, sans-serif"},standoff:15},showgrid:x,gridcolor:Ei.GREY_200,linecolor:Ei.BLACK_900,linewidth:1,range:d,autorange:!d,zeroline:!1,tickfont:{size:12,color:Ei.BLACK_900,family:"Inter, sans-serif"},showspikes:m,spikemode:"across",spikesnap:"cursor",spikecolor:Ei.GREY_500,spikethickness:1,spikedash:"dot"},yaxis:{title:{text:s,font:{size:14,color:Ei.BLACK_600,family:"Inter, sans-serif"},standoff:10},showgrid:u,gridcolor:Ei.GREY_200,linecolor:Ei.BLACK_900,linewidth:1,range:h,autorange:!h,zeroline:!1,tickfont:{size:12,color:Ei.BLACK_900,family:"Inter, sans-serif"},showspikes:m,spikemode:"across",spikesnap:"cursor",spikecolor:Ei.GREY_500,spikethickness:1,spikedash:"dot"},legend:{x:.5,y:-.15,xanchor:"center",yanchor:"top",orientation:"h",font:{size:12,color:Ei.BLACK_900,family:"Inter, sans-serif"}},showlegend:p&&t.length>1,annotations:b},A={responsive:!0,displayModeBar:!0,displaylogo:!1,modeBarButtonsToRemove:["lasso2d","select2d",...j?[]:["toImage"]],...j&&{toImageButtonOptions:{format:"png",filename:"chromatogram",width:o,height:i}}};return c.newPlot(e,r,v,A),()=>{e&&c.purge(e)}},[E,N,t.length,o,i,n,a,s,I,d,h,p,x,u,g,f,m,M,v,w,y,k,j]),e.jsx("div",{className:"chromatogram-chart-container",children:e.jsx("div",{ref:L,style:{width:"100%",height:"100%"}})})},exports.CodeEditor=Ne,exports.CodeScriptEditorButton=({initialCode:t="",onCodeSave:o,language:i="python",buttonText:n="Edit Code",modalTitle:a="Edit Code",buttonProps:s,modalProps:l,disabled:c=!1})=>{const[d,h]=r.useState(!1),[p,x]=r.useState(t),u=p?p.split("\n").length:0,g=p.length,m=r.useCallback(()=>{x(t),h(!0)},[t]),C=r.useCallback(()=>{o&&o(p),h(!1)},[o,p]),b=r.useCallback(()=>{h(!1)},[]),v=r.useCallback(e=>{x(e||"")},[]);return e.jsxs(e.Fragment,{children:[e.jsxs(io,{children:[e.jsx(so,{children:e.jsx(f,{leftIcon:e.jsx(pe,{name:exports.IconName.PENCIL}),onClick:m,size:"small",variant:"tertiary",...s,disabled:c,children:n})}),e.jsxs(ao,{title:`${u} lines, ${g} characters`,children:[u," lines / ",g," chars"]})]}),e.jsx($t,{isOpen:d,onClose:b,onConfirm:C,onCloseLabel:"Cancel",onConfirmLabel:"Save Code",title:a,width:"80%",...l,children:e.jsx(no,{children:e.jsx(Ne,{height:"400px",language:i,value:p,onChange:v,options:{minimap:{enabled:!1}}})})})]})},exports.DotPlot=({dataSeries:t,width:o=1e3,height:i=600,title:n="Dot Plot",xTitle:a="Columns",yTitle:s="Rows",variant:l="default",markerSize:d=8})=>{const h=r.useRef(null),p=r.useMemo(()=>Array.isArray(t)?t:[t],[t]),x=r.useMemo(()=>[Ei.ORANGE,Ei.RED,Ei.GREEN,Ei.BLUE,Ei.YELLOW,Ei.PURPLE],[]),u=r.useMemo(()=>["circle","square","diamond","triangle-up","triangle-down","star"],[]),g=r.useMemo(()=>p.map((e,t)=>"default"===l?{...e,color:e.color||x[0],symbol:"circle",size:e.size||d}:{...e,color:e.color||x[t%x.length],symbol:e.symbol||u[t%u.length],size:e.size||d}),[p,l,d,x,u]),f=Ei.GREY_200,m=r.useMemo(()=>g.map(e=>({type:"scatter",x:e.x,y:e.y,mode:"markers",name:e.name,marker:{color:e.color,size:e.size,symbol:e.symbol,line:{color:Ei.WHITE,width:1}},hovertemplate:`${a}: %{x}<br>${s}: %{y}<extra>${e.name}</extra>`})),[g,a,s]),C=r.useMemo(()=>({tickcolor:Ei.GREY_200,ticklen:12,tickwidth:1,ticks:"outside",tickfont:{size:16,color:Ei.BLACK_900,family:"Inter, sans-serif",weight:400},linecolor:Ei.BLACK_900,linewidth:1,position:0,zeroline:!1}),[]),b=r.useMemo(()=>({text:n,x:.5,y:.95,xanchor:"center",yanchor:"top",font:{size:32,weight:600,family:"Inter, sans-serif",color:Ei.BLACK_900,lineheight:1.2,standoff:30}}),[n]);return r.useEffect(()=>{if(!h.current)return;const e={width:o,height:i,font:{family:"Inter, sans-serif"},title:b,margin:{l:80,r:40,b:80,t:80,pad:0},showlegend:!0,legend:{x:.5,y:-.2,xanchor:"center",yanchor:"top",orientation:"h",font:{size:13,color:Ei.BLUE_900,family:"Inter, sans-serif",weight:500,lineheight:18}},xaxis:{title:{text:a,font:{size:16,color:Ei.BLACK_600,family:"Inter, sans-serif",weight:400},standoff:15},gridcolor:f,...C},yaxis:{title:{text:s,font:{size:16,color:Ei.BLACK_600,family:"Inter, sans-serif",weight:400},standoff:15},gridcolor:f,...C},paper_bgcolor:Ei.WHITE,plot_bgcolor:Ei.WHITE};c.newPlot(h.current,m,e,{responsive:!0,displayModeBar:!1,displaylogo:!1});const t=h.current;return()=>{t&&c.purge(t)}},[o,i,a,s,m,b,C,f]),e.jsx("div",{className:"dotplot-container",style:{width:o},children:e.jsx("div",{ref:h,style:{width:"100%",height:"100%",margin:"0"}})})},exports.Dropdown=He,exports.ErrorAlert=tt,exports.FormField=({label:t,infoText:r,supportiveText:o,showSupportiveCheck:i=!1,className:n,ref:a,...s})=>e.jsxs(lo,{className:n,children:[e.jsx(co,{infoText:r,children:t}),e.jsx(at,{ref:a,...s}),o&&e.jsx(Dt,{showCheck:i,children:o})]}),exports.Heatmap=({data:t,xLabels:o,yLabels:i,title:n,xTitle:a,yTitle:s,colorscale:l,width:c=800,height:d=600,showScale:h=!0,precision:p=0,zmin:x,zmax:u,valueUnit:g=""})=>{const f=t?function(e){if(!e||0===e.length)return[];const t=Math.max(...e.map(e=>e.length));return e.map(e=>{if(e.length===t)return e;const r=[...e];for(;r.length<t;)r.push(0);return r})}(t):void 0,m=f?.length??i?.length??16,C=f?.[0]?.length??o?.length??24,b=r.useMemo(()=>{if(!f)return;const e=[];for(let t=0;t<f.length;t++)for(let r=0;r<f[t].length;r++){const n=`${i?.[t]?.toString()??"ABCDEFGHIJKLMNOPQRSTUVWXYZ"[t]??`R${t+1}`}${o?.[r]?.toString()??String(r+1)}`;e.push({wellId:n,values:{Value:f[t][r]}})}return e},[f,o,i]),v=l;return e.jsx(_n,{data:b,plateFormat:"custom",rows:m,columns:C,title:n,xTitle:a,yTitle:s,xLabels:o,yLabels:i,colorScale:v,valueMin:x,valueMax:u,showColorBar:h,width:c,height:d,layerConfigs:[{id:"Value",valueUnit:g}],precision:p})},exports.Histogram=({dataSeries:t,width:o=480,height:i=480,title:n="Histogram",xTitle:a="X Axis",yTitle:s="Frequency",bargap:l=.2,showDistributionLine:d=!1})=>{const h=r.useRef(null),p=r.useMemo(()=>Array.isArray(t)?t:[t],[t]),x=r.useMemo(()=>p.length>1?"stack":void 0,[p.length]),u=r.useMemo(()=>[Ei.ORANGE,Ei.RED,Ei.BLUE,Ei.GREEN,Ei.PURPLE,Ei.YELLOW],[]),g=r.useMemo(()=>p.map((e,t)=>{const r=void 0===e.showDistributionLine?d:e.showDistributionLine;return{...e,color:e.color||u[t%u.length],opacity:r?.5:e.opacity||1,showDistributionLine:r,lineWidth:e.lineWidth||3}}),[p,d,u]),f=Ei.GREY_200,m=r.useMemo(()=>g.map(e=>({type:"histogram",x:e.x,name:e.name,marker:{color:e.color,line:{color:Ei.WHITE,width:1},opacity:e.opacity},autobinx:e.autobinx,xbins:e.xbins,hovertemplate:`${a}: %{x}<br>${s}: %{y}<extra>${e.name}</extra>`})),[g,a,s]),C=r.useMemo(()=>g.filter(e=>e.showDistributionLine).map(e=>{const t=(r=e.x).reduce((e,t)=>e+t,0)/r.length;var r;const o=((e,t)=>{const r=e.map(e=>Math.pow(e-t,2)).reduce((e,t)=>e+t,0)/e.length;return Math.sqrt(r)})(e.x,t),i=Math.min(...e.x),n=Math.max(...e.x),a=n-i,s=i-.1*a,l=n+.1*a,c=e.xbins||{start:s,end:l,size:a/10},d=((e,t,r,o,i=100)=>{const n=[],a=[],s=(o-r)/(i-1);for(let o=0;o<i;o++){const i=r+o*s;n.push(i);const l=-.5*Math.pow((i-e)/t,2),c=1/(t*Math.sqrt(2*Math.PI))*Math.exp(l);a.push(c)}return{x:n,y:a}})(t,o,s,l,100),h=((e,t,r)=>{const o=Math.ceil((r.end-r.start)/r.size),i=Array(o).fill(0);t.forEach(e=>{if(e>=r.start&&e<=r.end){const t=Math.floor((e-r.start)/r.size);i[t]++}});const n=Math.max(...i)/Math.max(...e);return e.map(e=>e*n)})(d.y,e.x,c);return{type:"scatter",x:d.x,y:h,mode:"lines",name:`${e.name} Distribution`,line:{color:e.color,width:e.lineWidth},hoverinfo:"none"}}),[g]),b=r.useMemo(()=>[...m,...C],[m,C]);r.useEffect(()=>{if(!h.current)return;const e={width:o,height:i,font:{family:"Inter, sans-serif"},showlegend:!1,margin:{l:90,r:40,b:80,t:40},xaxis:{title:{text:a,font:{size:16,color:Ei.BLACK_600,family:"Inter, sans-serif",weight:400},standoff:20},gridcolor:f,tickcolor:Ei.GREY_200,ticklen:8,tickwidth:1,ticks:"outside",linecolor:Ei.BLACK_900,linewidth:1,zeroline:!1},yaxis:{title:{text:s,font:{size:16,color:Ei.BLACK_600,family:"Inter, sans-serif",weight:400},standoff:20},gridcolor:f,tickcolor:Ei.GREY_200,ticklen:8,tickwidth:1,ticks:"outside",linecolor:Ei.BLACK_900,linewidth:1,zeroline:!1,rangemode:"tozero"},barmode:x,bargap:l,paper_bgcolor:Ei.WHITE,plot_bgcolor:Ei.WHITE};c.newPlot(h.current,b,e,{responsive:!0,displayModeBar:!1,displaylogo:!1});const t=h.current;return()=>{t&&c.purge(t)}},[o,i,a,s,l,b,x,f]);return e.jsx("div",{className:"histogram-container",style:{width:o},children:e.jsxs("div",{className:"chart-container",children:[n&&e.jsx("div",{className:"title-container",children:e.jsx("h2",{className:"title",children:n})}),e.jsx("div",{ref:h,style:{width:"100%",height:"100%",margin:"0"}}),e.jsx(({series:t})=>{const o=t.map((o,i)=>e.jsx(r.Fragment,{children:e.jsxs("div",{className:"legend-item",children:[e.jsx("span",{className:"color-box",style:{background:o.color}}),o.name,i<t.length-1&&e.jsx("span",{className:"divider"})]})},o.name)),i=[];for(let t=0;t<o.length;t+=6)i.push(e.jsx("div",{className:"legend-row",children:o.slice(t,t+6)},t));return e.jsx("div",{className:"legend-container",children:i})},{series:g})]})})},exports.Icon=pe,exports.Input=at,exports.Label=ht,exports.LaunchContent=Co,exports.LineGraph=({dataSeries:t,width:o=1e3,height:i=600,xRange:n,yRange:a,variant:s="lines",xTitle:l="Columns",yTitle:d="Rows",title:h="Line Graph"})=>{const p=r.useRef(null),{yMin:x,yMax:u}=r.useMemo(()=>{let e=Number.MAX_VALUE,r=Number.MIN_VALUE,o=Number.MAX_VALUE,i=Number.MIN_VALUE;t.forEach(t=>{t.x.forEach(t=>{e=Math.min(e,t),r=Math.max(r,t)}),t.y.forEach(e=>{o=Math.min(o,e),i=Math.max(i,e)})});const n=.1*(r-e),a=.1*(i-o);return{xMin:e-n,xMax:r+n,yMin:o-a,yMax:i+a}},[t]),g=r.useMemo(()=>a||[x,u],[a,x,u]),f=r.useMemo(()=>{const e=g[1]-g[0];let t=Math.pow(10,Math.floor(Math.log10(e)));e/t>10&&(t*=2),e/t<4&&(t/=2);const r=[];let o=Math.ceil(g[0]/t)*t;for(;o<=g[1];)r.push(o),o+=t;return r},[g]),m=r.useMemo(()=>[...new Set(t.flatMap(e=>e.x))],[t]),C=r.useMemo(()=>{switch(s){case"lines+markers":case"lines+markers+error_bars":return"lines+markers";default:return"lines"}},[s]),b=r.useMemo(()=>({tickcolor:Ei.GREY_200,ticklen:12,tickwidth:1,ticks:"outside",tickfont:{size:16,color:Ei.BLACK_900,family:"Inter, sans-serif",weight:400},linecolor:Ei.BLACK_900,linewidth:1,position:0,zeroline:!1}),[]);return r.useEffect(()=>{if(!p.current)return;const e=t.map(e=>({x:e.x,y:e.y,type:"scatter",mode:C,name:e.name,line:{color:e.color,width:1.5},marker:"lines"===s?{opacity:0}:{color:e.color,size:8,symbol:e.symbol||"triangle-up"},error_y:"lines+markers+error_bars"===s?e.error_y||{type:"data",array:e.y.map(()=>10),visible:!0,color:e.color,thickness:1,width:5}:void 0})),r={title:{text:h,font:{size:32,family:"Inter, sans-serif",color:Ei.BLACK_900}},width:o,height:i,margin:{l:80,r:30,b:80,t:60,pad:10},paper_bgcolor:Ei.WHITE,plot_bgcolor:Ei.WHITE,font:{family:"Inter, sans-serif"},dragmode:!1,xaxis:{title:{text:l,font:{size:16,color:Ei.BLACK_600,family:"Inter, sans-serif",weight:400},standoff:32},gridcolor:Ei.GREY_200,range:n,autorange:!n,tickmode:"array",tickvals:m,ticktext:m.map(String),showgrid:!0,...b},yaxis:{title:{text:d,font:{size:16,color:Ei.BLACK_600,family:"Inter, sans-serif",weight:400},standoff:30},gridcolor:Ei.GREY_200,range:a,autorange:!a,tickmode:"array",tickvals:f,showgrid:!0,...b},legend:{x:.5,y:-.2,xanchor:"center",yanchor:"top",orientation:"h",font:{size:16,color:Ei.BLUE_900,family:"Inter, sans-serif",weight:500}},showlegend:!0};c.newPlot(p.current,e,r,{responsive:!0,displayModeBar:!1,displaylogo:!1});const x=p.current;return()=>{x&&c.purge(x)}},[t,o,i,n,a,l,d,h,C,b,m,f,g,s]),e.jsx("div",{className:"chart-container",children:e.jsx("div",{ref:p,style:{width:"100%",height:"100%"}})})},exports.Main=({userProfile:t,hostname:o,organization:i})=>{const n=[{icon:exports.IconName.SEARCH_DOCUMENT,label:"Search"},{icon:exports.IconName.SEARCH_SQL,label:"SQL Search"},{icon:exports.IconName.LAMP,label:"Projects"},{icon:exports.IconName.PIPELINE,label:"Pipelines"},{icon:exports.IconName.COMPUTER,label:"Data & AI Workspace"},{icon:exports.IconName.CUBE,label:"Artifacts"},{icon:exports.IconName.DATABASE,label:"Data Sources"},{icon:exports.IconName.PIE_CHART,label:"Health Monitoring"},{icon:exports.IconName.BULK_CHECK,label:"Bulk Actions"},{icon:exports.IconName.CODE,label:"Attribute Management"},{icon:exports.IconName.GEAR,label:"Administration"}],[a,s]=r.useState("Pipelines"),[l,c]=r.useState("templates"),[d,h]=r.useState("pipelineBuilder"),[p,x]=r.useState("1"),u=[{id:"1",title:"Tecan D300e and PerkinElmer EnVision to Dotmatics (v1)",description:"c901ejs",buttonText:"",linkText:""},{id:"2",title:"Bruker D8 Andvanced CRD Raw to IDS(Draft)",description:"c901ejs",buttonText:"",linkText:""},{id:"3",title:"Extract and Decorate(Draft)",description:"c901ejs",buttonText:"",linkText:""},{id:"4",title:"Intellict (Que3 Raw to IDS(Draft)",description:"c901ejs",buttonText:"",linkText:""},{id:"5",title:"Leica Aperio RAW to IDS(Draft)",description:"c901ejs",buttonText:"",linkText:""},{id:"6",title:"IDS to Benchling(Draft)",description:"c901ejs",buttonText:"",linkText:""},{id:"7",title:"Lorem Ipsum",description:"c901ejs",buttonText:"",linkText:""}],g=[],f=e=>{x(e===p?null:e)},m=e=>{console.log(`Using template: ${e}`)},C=e=>{console.log(`Viewing template: ${e}`)};return e.jsxs($n,{children:[e.jsx(So,{organization:i}),e.jsxs(Rn,{children:[e.jsx(li,{items:n,activeItem:a,onItemClick:e=>{s(e)}}),e.jsxs(Tn,{children:[e.jsx(Sr,{hostname:o,userProfile:t,onHomeClick:()=>{console.log("Home clicked")},onSettingsClick:()=>{console.log("Settings clicked")},onUserProfileClick:()=>{console.log("User profile clicked")}}),e.jsx(Sn,{children:e.jsx(zn,{children:e.jsxs("div",{style:{display:"flex",height:"100%"},children:[e.jsxs(Dn,{children:[e.jsx(wi,{tabs:[{id:"templates",label:"Templates"},{id:"protocol",label:"Protocol"},{id:"steps",label:"Steps"}],activeTab:l,onChange:e=>{c(e)}}),"templates"===l&&e.jsxs(e.Fragment,{children:[e.jsxs(Bn,{children:[e.jsx(Hn,{children:"Templates"}),e.jsxs(Pn,{children:[e.jsx(On,{variant:"tertiary",size:"small","aria-label":"Delete",noPadding:!0,children:e.jsx(pe,{name:exports.IconName.TRASH,width:"20",height:"20",fill:"var(--red-error)"})}),e.jsx(On,{variant:"primary",size:"small","aria-label":"Add",noPadding:!0,children:e.jsx(pe,{name:exports.IconName.PLUS,width:"20",height:"20",fill:"var(--white-900)"})})]})]}),e.jsx(Gn,{children:u.length>0?u.map(t=>e.jsx(Wn,{onClick:()=>f(t.id),children:e.jsx(Yn,{title:t.title,description:t.description,buttonText:t.buttonText,linkText:t.linkText,status:p===t.id?"active":"default",onButtonClick:()=>m(t.id),onLinkClick:()=>C(t.id)})},t.id)):e.jsxs(Kn,{children:[e.jsx(pe,{name:exports.IconName.INBOX,width:"40",height:"40",fill:"var(--grey-400)"}),e.jsx(Zn,{children:"No data"})]})})]}),"protocol"===l&&e.jsxs(e.Fragment,{children:[e.jsx(Bn,{children:e.jsxs(Hn,{children:["Protocol (",g.length,")"]})}),e.jsx(Gn,{children:g.length>0?g.map(t=>e.jsx(Wn,{onClick:()=>f(t.id),children:e.jsx(Yn,{title:t.title,description:t.description,status:p===t.id?"active":"default",onButtonClick:()=>m(t.id),onLinkClick:()=>C(t.id)})},t.id)):e.jsxs(Kn,{children:[e.jsx(pe,{name:exports.IconName.INBOX,width:"40",height:"40",fill:"var(--grey-400)"}),e.jsx(Zn,{children:"No data"})]})})]}),"steps"===l&&e.jsxs(e.Fragment,{children:[e.jsx(Bn,{children:e.jsxs(Hn,{children:["Task Scripts (",0,")"]})}),e.jsx(Gn,{children:g.length>0?g.map(t=>e.jsx(Wn,{onClick:()=>f(t.id),children:e.jsx(Yn,{title:t.title,description:t.description,status:p===t.id?"active":"default",onButtonClick:()=>m(t.id),onLinkClick:()=>C(t.id)})},t.id)):e.jsxs(Kn,{children:[e.jsx(pe,{name:exports.IconName.INBOX,width:"40",height:"40",fill:"var(--grey-400)"}),e.jsx(Zn,{children:"No data"})]})})]})]}),e.jsxs(Vn,{children:[e.jsx(Un,{children:e.jsx(wi,{tabs:[{id:"pipelineBuilder",label:"Pipeline Builder"},{id:"configuration",label:"Configuration"},{id:"launch",label:"Launch"}],activeTab:d,onChange:e=>{h(e)}})}),e.jsxs(Fn,{children:["pipelineBuilder"===d&&e.jsx(Xn,{}),"configuration"===d&&e.jsx(Ko,{}),"launch"===d&&e.jsx(Co,{})]})]})]})})})]})]})]})},exports.MarkdownDisplay=({markdown:t,codeRenderer:r})=>e.jsx(i,{remarkPlugins:[s],rehypePlugins:[a],components:{code:r||ut},children:t}),exports.Menu=({title:t,items:r,onItemClick:o,onItemCheckChange:i,activeItemId:n=null,className:a})=>e.jsxs(bo,{className:a,children:[t&&e.jsx(vo,{children:t}),e.jsx(wo,{children:r.map(t=>e.jsx(Ct,{label:t.label,checked:t.checked,showCheckbox:t.showCheckbox,active:n===t.id||t.active,onClick:()=>{return e=t.id,void(o&&o(e));var e},onCheckChange:e=>((e,t)=>{i&&i(e,t)})(t.id,e)},t.id))})]}),exports.MenuItem=Ct,exports.Modal=$t,exports.Navbar=So,exports.PieChart=({dataSeries:t,width:o=400,height:i=400,title:n="Pie Chart",textInfo:a="percent",hole:s=0,rotation:l=0})=>{const d=r.useRef(null),h=r.useMemo(()=>{if(t.colors&&t.colors.length>=t.labels.length)return t.colors;const e=[...t.colors||[]],r=t.labels.length-e.length;if(r<=0)return e;for(let t=0;t<r;t++)e.push(qn[t%qn.length]);return e},[t.colors,t.labels.length]);r.useEffect(()=>{if(!d.current)return;const e=[{type:"pie",labels:t.labels,values:t.values,name:t.name,marker:{colors:h},textinfo:a,hoverinfo:"label+text+value",insidetextfont:{size:0,family:"Inter, sans-serif",color:"transparent"},hole:s,rotation:l}],r={width:o,height:i,font:{family:"Inter, sans-serif"},showlegend:!1,margin:{l:40,r:40,b:40,t:40}};c.newPlot(d.current,e,r,{responsive:!0,displayModeBar:!1,displaylogo:!1});const n=d.current;return()=>{n&&c.purge(n)}},[h,t.labels,t.name,t.values,o,i,a,s,l]);return e.jsx("div",{className:"card-container",style:{width:o},children:e.jsxs("div",{className:"chart-container",children:[n&&e.jsx("div",{className:"title-container",children:e.jsx("h2",{className:"title",children:n})}),e.jsx("div",{ref:d,style:{width:"100%",height:"100%",margin:"0"}}),e.jsx(({labels:t,colors:o})=>{const i=t.map((i,n)=>e.jsx(r.Fragment,{children:e.jsxs("div",{className:"legend-item",children:[e.jsx("span",{className:"color-box",style:{background:o[n]}}),i,n<t.length-1&&e.jsx("span",{className:"divider"})]})},i)),n=[];for(let t=0;t<i.length;t+=6)n.push(e.jsx("div",{className:"legend-row",children:i.slice(t,t+6)},t));return e.jsx("div",{className:"legend-container",children:n})},{labels:t.labels,colors:h})]})})},exports.PlateMap=_n,exports.PopConfirm=Ht,exports.ProtocolConfiguration=Ko,exports.ProtocolYamlCard=({title:t,newVersionMode:r,onToggleNewVersionMode:o,versionOptions:i,selectedVersion:n,onVersionChange:a,onDeploy:s,yaml:l,onYamlChange:c})=>e.jsxs(Zo,{children:[e.jsxs(Wo,{children:[e.jsx(Yo,{children:t}),e.jsxs(Fo,{children:[e.jsx(Qo,{checked:r,onChange:o,label:"New Version Mode"}),e.jsx(Xo,{}),e.jsx(Jo,{options:i,value:n,onChange:a,size:"small",width:"120px"}),e.jsx(f,{variant:"primary",size:"medium",onClick:s,children:"Deploy"})]})]}),e.jsx(qo,{children:e.jsx(Ne,{value:l,onChange:e=>c(e??""),language:"yaml",theme:"light",onCopy:()=>{},onLaunch:()=>{}})})]}),exports.PythonEditorModal=({open:t,initialValue:o="",title:i="",onSave:n,onCancel:a})=>{const[s,l]=r.useState(o);return e.jsx($t,{isOpen:t,onClose:a,onCloseLabel:"Cancel",onConfirm:()=>{n(s)},onConfirmLabel:"Save Code",title:i,width:"600px",children:e.jsx(ei,{children:e.jsx(Ne,{value:s,onChange:e=>l(e??""),language:"python",height:300,theme:"dark",onCopy:()=>{},onLaunch:()=>{}})})})},exports.ScatterGraph=({dataSeries:t,width:o=1e3,height:i=600,xRange:n,yRange:a,xTitle:s="Columns",yTitle:l="Rows",title:d="Scatter Plot"})=>{const h=r.useRef(null),{xMin:p,xMax:x,yMin:u,yMax:g}=r.useMemo(()=>{let e=Number.MAX_VALUE,r=Number.MIN_VALUE,o=Number.MAX_VALUE,i=Number.MIN_VALUE;t.forEach(t=>{t.x.forEach(t=>{e=Math.min(e,t),r=Math.max(r,t)}),t.y.forEach(e=>{o=Math.min(o,e),i=Math.max(i,e)})});const n=.1*(r-e),a=.1*(i-o);return{xMin:e-n,xMax:r+n,yMin:o-a,yMax:i+a}},[t]),f=r.useMemo(()=>n||[p,x],[n,p,x]),m=r.useMemo(()=>a||[u,g],[a,u,g]),C=r.useMemo(()=>{const e=f[1]-f[0];let t=Math.pow(10,Math.floor(Math.log10(e)));e/t>10&&(t*=2),e/t<4&&(t/=2);const r=[];let o=Math.ceil(f[0]/t)*t;for(;o<=f[1];)r.push(o),o+=t;return r},[f]),b=r.useMemo(()=>{const e=m[1]-m[0];let t=Math.pow(10,Math.floor(Math.log10(e)));e/t>10&&(t*=2),e/t<4&&(t/=2);const r=[];let o=Math.ceil(m[0]/t)*t;for(;o<=m[1];)r.push(o),o+=t;return r},[m]),v=r.useMemo(()=>({tickcolor:Ei.GREY_200,ticklen:12,tickwidth:1,ticks:"outside",tickfont:{size:16,color:Ei.BLACK_900,family:"Inter, sans-serif",weight:400},linecolor:Ei.BLACK_900,linewidth:1,position:0,zeroline:!1}),[]),w=r.useMemo(()=>({showspikes:!0,spikemode:"across",spikedash:"solid",spikecolor:Ei.BLACK_OPACITY_20,spikethickness:2}),[]);return r.useEffect(()=>{if(!h.current)return;const e=t.map(e=>({x:e.x,y:e.y,type:"scatter",mode:"markers",name:e.name,marker:{color:e.color,size:10,symbol:"circle"},hovertemplate:`${s}: %{x}<br>${l}: %{y}<extra>${e.name}</extra>`})),r={title:{text:d,font:{size:32,family:"Inter, sans-serif",color:Ei.BLACK_900}},width:o,height:i,margin:{l:80,r:30,b:80,t:60,pad:10},paper_bgcolor:Ei.WHITE,plot_bgcolor:Ei.WHITE,font:{family:"Inter, sans-serif"},dragmode:!1,xaxis:{title:{text:s,font:{size:16,color:Ei.BLACK_600,family:"Inter, sans-serif",weight:400},standoff:32},gridcolor:Ei.GREY_200,range:n,autorange:!n,tickmode:"array",tickvals:C,ticktext:C.map(String),showgrid:!0,...w,...v},yaxis:{title:{text:l,font:{size:16,color:Ei.BLACK_600,family:"Inter, sans-serif",weight:400},standoff:30},gridcolor:Ei.GREY_200,range:a,autorange:!a,tickmode:"array",tickvals:b,showgrid:!0,...w,...v},legend:{x:.5,y:-.2,xanchor:"center",yanchor:"top",orientation:"h",font:{size:16,color:Ei.BLUE_900,family:"Inter, sans-serif",weight:500}},showlegend:!0,hovermode:"closest"};c.newPlot(h.current,e,r,{responsive:!0,displayModeBar:!1,displaylogo:!1});const p=h.current;return()=>{p&&c.purge(p)}},[t,o,i,n,a,s,l,d,f,m,C,b,v,w]),e.jsx("div",{className:"chart-container",children:e.jsx("div",{ref:h,style:{width:"100%",height:"100%"}})})},exports.SelectField=({label:t,infoText:r,supportiveText:o,showSupportiveCheck:i=!1,className:n,ref:a,...s})=>e.jsxs(ti,{className:n,ref:a,children:[e.jsx(ri,{infoText:r,children:t}),e.jsx(He,{...s}),o&&e.jsx(Dt,{showCheck:i,children:o})]}),exports.Sidebar=li,exports.SupportiveText=Dt,exports.TDPLink=({path:t,navigationOptions:r={newTab:!0},children:o,onClick:i,...n})=>{const{getTdpUrl:a,navigateToTdp:s}=Mr(),l=a(t);return e.jsx(Lr,{href:l??"#",target:r.newTab?"_blank":void 0,rel:r.newTab?"noopener noreferrer":void 0,onClick:e=>{e.metaKey||e.ctrlKey||e.shiftKey||(e.preventDefault(),i?.(e),s(t,r))},...n,children:o})},exports.Tab=Gt,exports.TabGroup=wi,exports.Table=bi,exports.TableCell=Zt,exports.TableHeaderCell=Qt,exports.TdpNavigationContext=jr,exports.TdpNavigationProvider=({tdpBaseUrl:t,children:o})=>{const i=r.useMemo(()=>t?t.replace(/\/$/u,""):vr(),[t]),n=r.useMemo(()=>({tdpBaseUrl:i,getTdpUrl:e=>i?wr(i,e):null,navigateToTdp:(e,t)=>{if(!i)return void console.warn("[TdpNavigation] Cannot navigate: TDP base URL not resolved");const r=wr(i,e);r&&yr(r,t)}}),[i]);return e.jsx(jr.Provider,{value:n,children:o})},exports.TdpSearch=({defaultQuery:t="",columns:o,filters:i=[],defaultSort:n,advancedSearchParams:a,pageSize:s=10,searchPlaceholder:l="Enter search term...",className:c,onSearch:d,renderSearchBar:h,renderFilters:p,renderResults:x,...u})=>{const{authToken:g,orgSlug:f}=function(e,t){if(e&&t)return{authToken:e,orgSlug:t};const r=na(ta),o=na(ra);if(r&&o)return{authToken:r,orgSlug:o};const i=aa(ta),n=aa(ra);return i&&n?{authToken:i,orgSlug:n}:{authToken:e,orgSlug:t}}(u.authToken,u.orgSlug),{results:m,total:C,currentPage:b,isLoading:v,error:w,executeSearch:y}=ia({...u,authToken:g??"",orgSlug:f??"",pageSize:s}),[k,j]=r.useState(t),[M,L]=r.useState({}),[E,I]=r.useState(null),[N,A]=r.useState("asc"),[_,$]=r.useState(!1),R=async(e=1,t)=>{if(!k.trim())return;$(!0);const r=t?.sortKey??E??n?.field,o=null==t?E?N:n?.order??N:t.sortDirection,i=Object.entries(M).filter(([,e])=>""!==e).map(([e,t])=>({field:e,operator:"eq",value:t}));let l=a?.expression;i.length>0&&(l={g:"AND",e:l?[...i,l]:i});const c={searchTerm:k.trim(),sort:r??void 0,order:o,...a,...void 0!==l&&{expression:l}},h=await y(c,e);d&&d({...c,from:(e-1)*s,size:s},h)},T=e.jsxs("div",{className:"tdp-search__empty-state",children:[e.jsx("div",{className:"tdp-search__empty-state-icon",children:e.jsx(oe,{})}),e.jsx("div",{className:"tdp-search__empty-state-text",children:"No results found. Try adjusting your search query or filters."})]}),S={query:k,setQuery:j,onSearch:()=>{R(1)},isLoading:v,placeholder:l},z={filters:i,filterValues:M,onFilterChange:(e,t)=>{L(r=>({...r,[e]:t}))}},B={results:m,total:C,currentPage:b,pageSize:s,columns:o,onPageChange:e=>{R(e)},sortKey:E,sortDirection:N,onSort:(e,t)=>{I(e),A(t),R(1,{sortKey:e,sortDirection:t})}};return e.jsxs("div",{className:`tdp-search ${c||""}`,children:[h?h(S):e.jsx(ea,{...S}),i.length>0&&(p?p(z):e.jsx(Qn,{...z})),w&&e.jsxs(e.Fragment,{children:[e.jsx(tt,{error:w,onClose:()=>{}}),T]}),v&&e.jsx("div",{className:"tdp-search__loading-overlay",children:"Loading results..."}),!v&&!_&&e.jsxs("div",{className:"tdp-search__empty-state",children:[e.jsx("div",{className:"tdp-search__empty-state-icon",children:e.jsx(oe,{})}),e.jsx("div",{className:"tdp-search__empty-state-text",children:"Enter a search query and click Search to get started."})]}),!v&&!w&&_&&m.length>0&&(x?x(B):e.jsx(Jn,{...B})),!v&&!w&&_&&0===m.length&&T]})},exports.Textarea=({size:t="small",error:r=!1,disabled:o=!1,fullWidth:i=!1,rows:n,ref:a,...s})=>e.jsx(er,{$fullWidth:i,children:e.jsx(tr,{ref:a,size:t,$error:r,disabled:o,rows:n,...s})}),exports.ThemeProvider=({theme:o={},children:i})=>{const n=r.useMemo(()=>({colors:{...sa.colors,...o.colors},radius:{...sa.radius,...o.radius},spacing:{...sa.spacing,...o.spacing}}),[o]),a=r.useMemo(()=>{const e={};return n.colors&&Object.entries(n.colors).forEach(([t,r])=>{r&&(e[`--theme-${t}`]=r)}),n.radius&&Object.entries(n.radius).forEach(([t,r])=>{r&&(e[`--theme-radius-${t}`]=r)}),n.spacing&&Object.entries(n.spacing).forEach(([t,r])=>{r&&(e[`--theme-spacing-${t}`]=r)}),e},[n]);return e.jsx(t.ThemeProvider,{theme:n,children:e.jsx(la,{$themeStyles:a,children:i})})},exports.Toast=xr,exports.ToastManager=({position:t="top"})=>{const[o,i]=r.useState([]),[n,a]=r.useState(!1);return r.useEffect(()=>{a(!0);const e=(t=i,Mi.push(t),t(ji),()=>{Mi=Mi.filter(e=>e!==t)});var t;return()=>{e(),a(!1)}},[]),n?l.createPortal(e.jsx(yi,{position:t,children:o.map(r=>e.jsx(ki,{theme:{position:t},children:e.jsx(xr,{type:r.type,heading:r.heading,description:r.description})},r.id))}),document.body):null},exports.Toggle=Cr,exports.Tooltip=we,exports.buildTdpUrl=wr,exports.defaultTheme=sa,exports.getTdpBaseUrlFromReferrer=vr,exports.navigateToTdpUrl=yr,exports.tdpPaths=kr,exports.useSearch=ia,exports.useTdpNavigation=function(e={}){const{tdpBaseUrl:t}=e,o=r.useMemo(()=>t?t.replace(/\/$/u,""):vr(),[t]);return r.useMemo(()=>({tdpBaseUrl:o,getTdpUrl:e=>o?wr(o,e):null,navigateToTdp:(e,t)=>{if(!o)return void console.warn("[useTdpNavigation] Cannot navigate: TDP base URL not resolved");const r=wr(o,e);r&&yr(r,t)}}),[o])},exports.useTdpNavigationContext=Mr;
|
|
2001
|
-
//# sourceMappingURL=index.js.map
|