@uniformdev/design-system 19.48.1-alpha.8 → 19.49.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/index.js +883 -761
- package/dist/index.d.mts +19 -2
- package/dist/index.d.ts +19 -2
- package/dist/index.js +945 -807
- package/package.json +5 -5
package/dist/index.js
CHANGED
|
@@ -1380,7 +1380,9 @@ __export(src_exports, {
|
|
|
1380
1380
|
HexModalBackground: () => HexModalBackground,
|
|
1381
1381
|
HorizontalRhythm: () => HorizontalRhythm,
|
|
1382
1382
|
Icon: () => Icon,
|
|
1383
|
+
IconButton: () => IconButton,
|
|
1383
1384
|
IconsProvider: () => IconsProvider,
|
|
1385
|
+
ImageBroken: () => ImageBroken,
|
|
1384
1386
|
InfoMessage: () => InfoMessage,
|
|
1385
1387
|
InlineAlert: () => InlineAlert,
|
|
1386
1388
|
Input: () => Input,
|
|
@@ -1408,6 +1410,7 @@ __export(src_exports, {
|
|
|
1408
1410
|
LoadingIcon: () => LoadingIcon,
|
|
1409
1411
|
LoadingIndicator: () => LoadingIndicator,
|
|
1410
1412
|
LoadingOverlay: () => LoadingOverlay,
|
|
1413
|
+
MediaCard: () => MediaCard,
|
|
1411
1414
|
Menu: () => Menu,
|
|
1412
1415
|
MenuContext: () => MenuContext,
|
|
1413
1416
|
MenuGroup: () => MenuGroup,
|
|
@@ -15045,13 +15048,71 @@ var getDrawerAttributes = ({
|
|
|
15045
15048
|
return { "data-drawer-id": `${providerId}-${stackId}-${id}`, "data-testid": "container-drawer" };
|
|
15046
15049
|
};
|
|
15047
15050
|
|
|
15051
|
+
// src/components/IconButton/index.ts
|
|
15052
|
+
init_emotion_jsx_shim();
|
|
15053
|
+
|
|
15054
|
+
// src/components/IconButton/IconButton.tsx
|
|
15055
|
+
init_emotion_jsx_shim();
|
|
15056
|
+
var import_react58 = require("react");
|
|
15057
|
+
|
|
15058
|
+
// src/components/IconButton/IconButton.styles.ts
|
|
15059
|
+
init_emotion_jsx_shim();
|
|
15060
|
+
var import_react57 = require("@emotion/react");
|
|
15061
|
+
var iconButton = import_react57.css`
|
|
15062
|
+
border-radius: 50%;
|
|
15063
|
+
padding: var(--spacing-sm);
|
|
15064
|
+
`;
|
|
15065
|
+
|
|
15066
|
+
// src/components/IconButton/IconButton.tsx
|
|
15067
|
+
var import_jsx_runtime47 = require("@emotion/react/jsx-runtime");
|
|
15068
|
+
var IconButton = (0, import_react58.forwardRef)(({ children, ...props }, ref) => {
|
|
15069
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Button, { ref, css: iconButton, ...props, children });
|
|
15070
|
+
});
|
|
15071
|
+
IconButton.displayName = "IconButton";
|
|
15072
|
+
|
|
15073
|
+
// src/components/Image/ImageBroken.tsx
|
|
15074
|
+
init_emotion_jsx_shim();
|
|
15075
|
+
var import_jsx_runtime48 = require("@emotion/react/jsx-runtime");
|
|
15076
|
+
var ImageBroken = ({ width, height, ...props }) => {
|
|
15077
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
15078
|
+
"svg",
|
|
15079
|
+
{
|
|
15080
|
+
role: "img",
|
|
15081
|
+
width: width != null ? width : "214",
|
|
15082
|
+
height: height != null ? height : "214",
|
|
15083
|
+
viewBox: "0 0 214 214",
|
|
15084
|
+
fill: "none",
|
|
15085
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
15086
|
+
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
15087
|
+
"data-testid": "broken-image",
|
|
15088
|
+
...props,
|
|
15089
|
+
children: [
|
|
15090
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("rect", { width: "214", height: "214", fill: "#F9FAFB" }),
|
|
15091
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("rect", { width: "214", height: "214", fill: "url(#pattern0)" }),
|
|
15092
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("defs", { children: [
|
|
15093
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("pattern", { id: "pattern0", patternContentUnits: "objectBoundingBox", width: "1", height: "1", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("use", { xlinkHref: "#image0_761_4353", transform: "scale(0.0025)" }) }),
|
|
15094
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
15095
|
+
"image",
|
|
15096
|
+
{
|
|
15097
|
+
id: "image0_761_4353",
|
|
15098
|
+
width: "400",
|
|
15099
|
+
height: "400",
|
|
15100
|
+
xlinkHref: "data:image/png;base64,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UfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBuB/we75KcVO2CRagAAAABJRU5ErkJggg=="
|
|
15101
|
+
}
|
|
15102
|
+
)
|
|
15103
|
+
] })
|
|
15104
|
+
]
|
|
15105
|
+
}
|
|
15106
|
+
);
|
|
15107
|
+
};
|
|
15108
|
+
|
|
15048
15109
|
// src/components/Input/Caption.tsx
|
|
15049
15110
|
init_emotion_jsx_shim();
|
|
15050
15111
|
|
|
15051
15112
|
// src/components/Input/styles/CaptionText.styles.ts
|
|
15052
15113
|
init_emotion_jsx_shim();
|
|
15053
|
-
var
|
|
15054
|
-
var CaptionText = (dynamicSize) =>
|
|
15114
|
+
var import_react59 = require("@emotion/react");
|
|
15115
|
+
var CaptionText = (dynamicSize) => import_react59.css`
|
|
15055
15116
|
color: var(--gray-500);
|
|
15056
15117
|
display: block;
|
|
15057
15118
|
font-size: ${dynamicSize ? "clamp(var(--fs-xs), 87.5%,var(--fs-sm))" : "var(--fs-sm)"};
|
|
@@ -15060,31 +15121,31 @@ var CaptionText = (dynamicSize) => import_react57.css`
|
|
|
15060
15121
|
`;
|
|
15061
15122
|
|
|
15062
15123
|
// src/components/Input/Caption.tsx
|
|
15063
|
-
var
|
|
15124
|
+
var import_jsx_runtime49 = require("@emotion/react/jsx-runtime");
|
|
15064
15125
|
var Caption = ({ children, testId, dynamicSize = false, ...props }) => {
|
|
15065
|
-
return /* @__PURE__ */ (0,
|
|
15126
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("small", { css: CaptionText(dynamicSize), "data-testid": testId, ...props, children });
|
|
15066
15127
|
};
|
|
15067
15128
|
|
|
15068
15129
|
// src/components/Input/CheckboxWithInfo.tsx
|
|
15069
15130
|
init_emotion_jsx_shim();
|
|
15070
|
-
var
|
|
15131
|
+
var import_react61 = require("react");
|
|
15071
15132
|
|
|
15072
15133
|
// src/components/Input/styles/CheckboxWithInfo.styles.ts
|
|
15073
15134
|
init_emotion_jsx_shim();
|
|
15074
|
-
var
|
|
15075
|
-
var CheckboxWithInfoContainer =
|
|
15135
|
+
var import_react60 = require("@emotion/react");
|
|
15136
|
+
var CheckboxWithInfoContainer = import_react60.css`
|
|
15076
15137
|
align-items: center;
|
|
15077
15138
|
display: flex;
|
|
15078
15139
|
gap: var(--spacing-sm);
|
|
15079
15140
|
`;
|
|
15080
|
-
var CheckboxWithInfoLabel =
|
|
15141
|
+
var CheckboxWithInfoLabel = import_react60.css`
|
|
15081
15142
|
align-items: center;
|
|
15082
15143
|
color: var(--gray-500);
|
|
15083
15144
|
display: flex;
|
|
15084
15145
|
font-size: var(--fs-xs);
|
|
15085
15146
|
gap: var(--spacing-sm);
|
|
15086
15147
|
`;
|
|
15087
|
-
var CheckboxWithInfoInput =
|
|
15148
|
+
var CheckboxWithInfoInput = import_react60.css`
|
|
15088
15149
|
appearance: none;
|
|
15089
15150
|
border: 1px solid var(--gray-300);
|
|
15090
15151
|
background: var(--white) no-repeat bottom center;
|
|
@@ -15117,7 +15178,7 @@ var CheckboxWithInfoInput = import_react58.css`
|
|
|
15117
15178
|
border-color: var(--gray-200);
|
|
15118
15179
|
}
|
|
15119
15180
|
`;
|
|
15120
|
-
var InfoDialogContainer =
|
|
15181
|
+
var InfoDialogContainer = import_react60.css`
|
|
15121
15182
|
position: relative;
|
|
15122
15183
|
|
|
15123
15184
|
&:hover {
|
|
@@ -15126,7 +15187,7 @@ var InfoDialogContainer = import_react58.css`
|
|
|
15126
15187
|
}
|
|
15127
15188
|
}
|
|
15128
15189
|
`;
|
|
15129
|
-
var InfoDialogMessage =
|
|
15190
|
+
var InfoDialogMessage = import_react60.css`
|
|
15130
15191
|
background: var(--white);
|
|
15131
15192
|
box-shadow: var(--shadow-base);
|
|
15132
15193
|
border-radius: var(--rounded-md);
|
|
@@ -15143,21 +15204,21 @@ var InfoDialogMessage = import_react58.css`
|
|
|
15143
15204
|
`;
|
|
15144
15205
|
|
|
15145
15206
|
// src/components/Input/CheckboxWithInfo.tsx
|
|
15146
|
-
var
|
|
15207
|
+
var import_jsx_runtime50 = require("@emotion/react/jsx-runtime");
|
|
15147
15208
|
var InfoDialog = ({ message }) => {
|
|
15148
|
-
return /* @__PURE__ */ (0,
|
|
15149
|
-
/* @__PURE__ */ (0,
|
|
15150
|
-
/* @__PURE__ */ (0,
|
|
15209
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { "data-testid": "info-dialog", css: InfoDialogContainer, children: [
|
|
15210
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { icon: "info", iconColor: "action", size: "0.9rem" }),
|
|
15211
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { role: "paragraph", css: InfoDialogMessage, className: "info-message", children: message })
|
|
15151
15212
|
] });
|
|
15152
15213
|
};
|
|
15153
|
-
var CheckboxWithInfo = (0,
|
|
15214
|
+
var CheckboxWithInfo = (0, import_react61.forwardRef)(
|
|
15154
15215
|
({ label, name, info, ...props }, ref) => {
|
|
15155
|
-
return /* @__PURE__ */ (0,
|
|
15156
|
-
/* @__PURE__ */ (0,
|
|
15157
|
-
/* @__PURE__ */ (0,
|
|
15158
|
-
/* @__PURE__ */ (0,
|
|
15216
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { css: CheckboxWithInfoContainer, children: [
|
|
15217
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("label", { css: CheckboxWithInfoLabel, children: [
|
|
15218
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("input", { type: "checkbox", name, ref, css: CheckboxWithInfoInput, ...props }),
|
|
15219
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { children: label })
|
|
15159
15220
|
] }),
|
|
15160
|
-
info ? /* @__PURE__ */ (0,
|
|
15221
|
+
info ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(InfoDialog, { message: info }) : null
|
|
15161
15222
|
] });
|
|
15162
15223
|
}
|
|
15163
15224
|
);
|
|
@@ -15168,8 +15229,8 @@ var import_MdWarning = require("@react-icons/all-files/md/MdWarning");
|
|
|
15168
15229
|
|
|
15169
15230
|
// src/components/Input/styles/ErrorMessage.styles.ts
|
|
15170
15231
|
init_emotion_jsx_shim();
|
|
15171
|
-
var
|
|
15172
|
-
var ErrorText =
|
|
15232
|
+
var import_react62 = require("@emotion/react");
|
|
15233
|
+
var ErrorText = import_react62.css`
|
|
15173
15234
|
align-items: center;
|
|
15174
15235
|
color: var(--brand-secondary-5);
|
|
15175
15236
|
display: flex;
|
|
@@ -15177,10 +15238,10 @@ var ErrorText = import_react60.css`
|
|
|
15177
15238
|
`;
|
|
15178
15239
|
|
|
15179
15240
|
// src/components/Input/ErrorMessage.tsx
|
|
15180
|
-
var
|
|
15241
|
+
var import_jsx_runtime51 = require("@emotion/react/jsx-runtime");
|
|
15181
15242
|
var ErrorMessage = ({ message, testId, ...otherProps }) => {
|
|
15182
|
-
return message ? /* @__PURE__ */ (0,
|
|
15183
|
-
/* @__PURE__ */ (0,
|
|
15243
|
+
return message ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { role: "alert", css: ErrorText, "data-testid": testId, ...otherProps, children: [
|
|
15244
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Icon, { icon: import_MdWarning.MdWarning, size: "1rem", iconColor: "currentColor" }) }),
|
|
15184
15245
|
message
|
|
15185
15246
|
] }) : null;
|
|
15186
15247
|
};
|
|
@@ -15191,9 +15252,9 @@ var React15 = __toESM(require("react"));
|
|
|
15191
15252
|
|
|
15192
15253
|
// src/components/Input/styles/Fieldset.styles.ts
|
|
15193
15254
|
init_emotion_jsx_shim();
|
|
15194
|
-
var
|
|
15255
|
+
var import_react63 = require("@emotion/react");
|
|
15195
15256
|
function fieldsetContainer(invert) {
|
|
15196
|
-
const base =
|
|
15257
|
+
const base = import_react63.css`
|
|
15197
15258
|
border-radius: var(--rounded-base);
|
|
15198
15259
|
border: 1px solid var(--gray-300);
|
|
15199
15260
|
|
|
@@ -15205,18 +15266,18 @@ function fieldsetContainer(invert) {
|
|
|
15205
15266
|
}
|
|
15206
15267
|
`;
|
|
15207
15268
|
return invert ? [
|
|
15208
|
-
|
|
15269
|
+
import_react63.css`
|
|
15209
15270
|
background: white;
|
|
15210
15271
|
`,
|
|
15211
15272
|
base
|
|
15212
15273
|
] : [
|
|
15213
|
-
|
|
15274
|
+
import_react63.css`
|
|
15214
15275
|
background: var(--gray-50);
|
|
15215
15276
|
`,
|
|
15216
15277
|
base
|
|
15217
15278
|
];
|
|
15218
15279
|
}
|
|
15219
|
-
var fieldsetLegend =
|
|
15280
|
+
var fieldsetLegend = import_react63.css`
|
|
15220
15281
|
align-items: center;
|
|
15221
15282
|
color: var(--brand-secondary-1);
|
|
15222
15283
|
display: flex;
|
|
@@ -15226,17 +15287,17 @@ var fieldsetLegend = import_react61.css`
|
|
|
15226
15287
|
margin-bottom: var(--spacing-base);
|
|
15227
15288
|
float: left; // allows the legend to be inside the fieldset and not sat on the border line
|
|
15228
15289
|
`;
|
|
15229
|
-
var fieldsetBody =
|
|
15290
|
+
var fieldsetBody = import_react63.css`
|
|
15230
15291
|
clear: left;
|
|
15231
15292
|
`;
|
|
15232
15293
|
|
|
15233
15294
|
// src/components/Input/Fieldset.tsx
|
|
15234
|
-
var
|
|
15295
|
+
var import_jsx_runtime52 = require("@emotion/react/jsx-runtime");
|
|
15235
15296
|
var Fieldset = React15.forwardRef(
|
|
15236
15297
|
({ legend, disabled, children, invert, ...props }, ref) => {
|
|
15237
|
-
return /* @__PURE__ */ (0,
|
|
15298
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("fieldset", { css: fieldsetContainer(Boolean(invert)), ref, disabled, ...props, children: [
|
|
15238
15299
|
legend,
|
|
15239
|
-
/* @__PURE__ */ (0,
|
|
15300
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { css: fieldsetBody, children })
|
|
15240
15301
|
] });
|
|
15241
15302
|
}
|
|
15242
15303
|
);
|
|
@@ -15247,8 +15308,8 @@ var import_MdInfoOutline = require("@react-icons/all-files/md/MdInfoOutline");
|
|
|
15247
15308
|
|
|
15248
15309
|
// src/components/Input/styles/InfoMessage.styles.tsx
|
|
15249
15310
|
init_emotion_jsx_shim();
|
|
15250
|
-
var
|
|
15251
|
-
var InfoText =
|
|
15311
|
+
var import_react64 = require("@emotion/react");
|
|
15312
|
+
var InfoText = import_react64.css`
|
|
15252
15313
|
--info-desc: rgb(29, 78, 216);
|
|
15253
15314
|
--info-icon: rgb(96, 165, 250);
|
|
15254
15315
|
|
|
@@ -15257,15 +15318,15 @@ var InfoText = import_react62.css`
|
|
|
15257
15318
|
display: flex;
|
|
15258
15319
|
gap: var(--spacing-sm);
|
|
15259
15320
|
`;
|
|
15260
|
-
var InfoIcon2 =
|
|
15321
|
+
var InfoIcon2 = import_react64.css`
|
|
15261
15322
|
color: var(--info-icon);
|
|
15262
15323
|
`;
|
|
15263
15324
|
|
|
15264
15325
|
// src/components/Input/InfoMessage.tsx
|
|
15265
|
-
var
|
|
15326
|
+
var import_jsx_runtime53 = require("@emotion/react/jsx-runtime");
|
|
15266
15327
|
var InfoMessage = ({ message, testId, ...props }) => {
|
|
15267
|
-
return message ? /* @__PURE__ */ (0,
|
|
15268
|
-
/* @__PURE__ */ (0,
|
|
15328
|
+
return message ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { role: "status", css: InfoText, "data-testid": testId, ...props, children: [
|
|
15329
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { css: InfoIcon2, icon: import_MdInfoOutline.MdInfoOutline, size: "1rem", iconColor: "currentColor" }) }),
|
|
15269
15330
|
message
|
|
15270
15331
|
] }) : null;
|
|
15271
15332
|
};
|
|
@@ -15276,9 +15337,9 @@ var React16 = __toESM(require("react"));
|
|
|
15276
15337
|
|
|
15277
15338
|
// src/components/Input/Label.tsx
|
|
15278
15339
|
init_emotion_jsx_shim();
|
|
15279
|
-
var
|
|
15340
|
+
var import_jsx_runtime54 = require("@emotion/react/jsx-runtime");
|
|
15280
15341
|
var Label = ({ children, className, testId, ...props }) => {
|
|
15281
|
-
return /* @__PURE__ */ (0,
|
|
15342
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
15282
15343
|
"label",
|
|
15283
15344
|
{
|
|
15284
15345
|
css: [labelText, typeof className === "object" ? className : void 0],
|
|
@@ -15296,28 +15357,28 @@ var import_MdWarning2 = require("@react-icons/all-files/md/MdWarning");
|
|
|
15296
15357
|
|
|
15297
15358
|
// src/components/Input/styles/WarningMessage.styles.tsx
|
|
15298
15359
|
init_emotion_jsx_shim();
|
|
15299
|
-
var
|
|
15300
|
-
var WarningText =
|
|
15360
|
+
var import_react65 = require("@emotion/react");
|
|
15361
|
+
var WarningText = import_react65.css`
|
|
15301
15362
|
align-items: center;
|
|
15302
15363
|
color: var(--alert-text);
|
|
15303
15364
|
display: flex;
|
|
15304
15365
|
gap: var(--spacing-sm);
|
|
15305
15366
|
`;
|
|
15306
|
-
var WarningIcon =
|
|
15367
|
+
var WarningIcon = import_react65.css`
|
|
15307
15368
|
color: var(--alert);
|
|
15308
15369
|
`;
|
|
15309
15370
|
|
|
15310
15371
|
// src/components/Input/WarningMessage.tsx
|
|
15311
|
-
var
|
|
15372
|
+
var import_jsx_runtime55 = require("@emotion/react/jsx-runtime");
|
|
15312
15373
|
var WarningMessage = ({ message, testId, ...props }) => {
|
|
15313
|
-
return message ? /* @__PURE__ */ (0,
|
|
15314
|
-
/* @__PURE__ */ (0,
|
|
15374
|
+
return message ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { role: "status", css: WarningText, "data-testid": testId, ...props, children: [
|
|
15375
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icon, { css: WarningIcon, icon: import_MdWarning2.MdWarning, size: "1rem", iconColor: "currentColor" }) }),
|
|
15315
15376
|
message
|
|
15316
15377
|
] }) : null;
|
|
15317
15378
|
};
|
|
15318
15379
|
|
|
15319
15380
|
// src/components/Input/Input.tsx
|
|
15320
|
-
var
|
|
15381
|
+
var import_jsx_runtime56 = require("@emotion/react/jsx-runtime");
|
|
15321
15382
|
var Input = React16.forwardRef(
|
|
15322
15383
|
({
|
|
15323
15384
|
label,
|
|
@@ -15337,13 +15398,13 @@ var Input = React16.forwardRef(
|
|
|
15337
15398
|
classNameLabel,
|
|
15338
15399
|
...props
|
|
15339
15400
|
}, ref) => {
|
|
15340
|
-
return /* @__PURE__ */ (0,
|
|
15401
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
|
|
15341
15402
|
"div",
|
|
15342
15403
|
{
|
|
15343
15404
|
css: [inputContainer, typeof classNameRoot === "object" ? classNameRoot : void 0],
|
|
15344
15405
|
"data-testid": containerTestId ? containerTestId : "container-input-field",
|
|
15345
15406
|
children: [
|
|
15346
|
-
showLabel ? /* @__PURE__ */ (0,
|
|
15407
|
+
showLabel ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
15347
15408
|
Label,
|
|
15348
15409
|
{
|
|
15349
15410
|
htmlFor: id,
|
|
@@ -15353,13 +15414,13 @@ var Input = React16.forwardRef(
|
|
|
15353
15414
|
children: label
|
|
15354
15415
|
}
|
|
15355
15416
|
) : null,
|
|
15356
|
-
/* @__PURE__ */ (0,
|
|
15417
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
|
|
15357
15418
|
"div",
|
|
15358
15419
|
{
|
|
15359
15420
|
css: [inputContainer, typeof classNameContainer === "object" ? classNameContainer : void 0],
|
|
15360
15421
|
className: typeof classNameContainer === "string" ? classNameContainer : "",
|
|
15361
15422
|
children: [
|
|
15362
|
-
/* @__PURE__ */ (0,
|
|
15423
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
15363
15424
|
"input",
|
|
15364
15425
|
{
|
|
15365
15426
|
id,
|
|
@@ -15375,13 +15436,13 @@ var Input = React16.forwardRef(
|
|
|
15375
15436
|
ref
|
|
15376
15437
|
}
|
|
15377
15438
|
),
|
|
15378
|
-
icon ? /* @__PURE__ */ (0,
|
|
15439
|
+
icon ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { css: inputIcon, children: icon }) : null
|
|
15379
15440
|
]
|
|
15380
15441
|
}
|
|
15381
15442
|
),
|
|
15382
|
-
caption ? /* @__PURE__ */ (0,
|
|
15383
|
-
errorMessage ? /* @__PURE__ */ (0,
|
|
15384
|
-
warningMessage && !errorMessage ? /* @__PURE__ */ (0,
|
|
15443
|
+
caption ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Caption, { testId: captionTestId, children: caption }) : null,
|
|
15444
|
+
errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ErrorMessage, { message: errorMessage, testId: errorTestId }) : null,
|
|
15445
|
+
warningMessage && !errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(WarningMessage, { message: warningMessage }) : null
|
|
15385
15446
|
]
|
|
15386
15447
|
}
|
|
15387
15448
|
);
|
|
@@ -15391,10 +15452,10 @@ var Input = React16.forwardRef(
|
|
|
15391
15452
|
// src/components/Input/InputComboBox.tsx
|
|
15392
15453
|
init_emotion_jsx_shim();
|
|
15393
15454
|
var import_react_select = __toESM(require("react-select"));
|
|
15394
|
-
var
|
|
15455
|
+
var import_jsx_runtime57 = require("@emotion/react/jsx-runtime");
|
|
15395
15456
|
function InputComboBox(props) {
|
|
15396
15457
|
var _a;
|
|
15397
|
-
return /* @__PURE__ */ (0,
|
|
15458
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
15398
15459
|
import_react_select.default,
|
|
15399
15460
|
{
|
|
15400
15461
|
...props,
|
|
@@ -15524,18 +15585,18 @@ function InputComboBox(props) {
|
|
|
15524
15585
|
|
|
15525
15586
|
// src/components/Input/InputInlineSelect.tsx
|
|
15526
15587
|
init_emotion_jsx_shim();
|
|
15527
|
-
var
|
|
15588
|
+
var import_react67 = require("@emotion/react");
|
|
15528
15589
|
var import_CgChevronDown3 = require("@react-icons/all-files/cg/CgChevronDown");
|
|
15529
|
-
var
|
|
15590
|
+
var import_react68 = require("react");
|
|
15530
15591
|
|
|
15531
15592
|
// src/components/Input/styles/InputInlineSelect.styles.ts
|
|
15532
15593
|
init_emotion_jsx_shim();
|
|
15533
|
-
var
|
|
15534
|
-
var inlineSelectContainer =
|
|
15594
|
+
var import_react66 = require("@emotion/react");
|
|
15595
|
+
var inlineSelectContainer = import_react66.css`
|
|
15535
15596
|
margin-inline: auto;
|
|
15536
15597
|
max-width: fit-content;
|
|
15537
15598
|
`;
|
|
15538
|
-
var inlineSelectBtn =
|
|
15599
|
+
var inlineSelectBtn = import_react66.css`
|
|
15539
15600
|
align-items: center;
|
|
15540
15601
|
background: var(--brand-secondary-3);
|
|
15541
15602
|
border: 2px solid var(--brand-secondary-3);
|
|
@@ -15559,7 +15620,7 @@ var inlineSelectBtn = import_react64.css`
|
|
|
15559
15620
|
outline: 2px solid var(--brand-secondary-1);
|
|
15560
15621
|
}
|
|
15561
15622
|
`;
|
|
15562
|
-
var inlineSelectMenu =
|
|
15623
|
+
var inlineSelectMenu = import_react66.css`
|
|
15563
15624
|
background: var(--white);
|
|
15564
15625
|
border: 1px solid var(--brand-secondary-3);
|
|
15565
15626
|
border-top: none;
|
|
@@ -15570,7 +15631,7 @@ var inlineSelectMenu = import_react64.css`
|
|
|
15570
15631
|
inset: auto 0;
|
|
15571
15632
|
transform: translateY(-0.2rem);
|
|
15572
15633
|
`;
|
|
15573
|
-
var inlineSelectBtnOptions =
|
|
15634
|
+
var inlineSelectBtnOptions = import_react66.css`
|
|
15574
15635
|
cursor: pointer;
|
|
15575
15636
|
display: block;
|
|
15576
15637
|
font-size: var(--fs-sm);
|
|
@@ -15586,7 +15647,7 @@ var inlineSelectBtnOptions = import_react64.css`
|
|
|
15586
15647
|
background: var(--gray-50);
|
|
15587
15648
|
}
|
|
15588
15649
|
`;
|
|
15589
|
-
var inlineSelectMenuClosed =
|
|
15650
|
+
var inlineSelectMenuClosed = import_react66.css`
|
|
15590
15651
|
position: absolute;
|
|
15591
15652
|
overflow: hidden;
|
|
15592
15653
|
height: 1px;
|
|
@@ -15596,7 +15657,7 @@ var inlineSelectMenuClosed = import_react64.css`
|
|
|
15596
15657
|
`;
|
|
15597
15658
|
|
|
15598
15659
|
// src/components/Input/InputInlineSelect.tsx
|
|
15599
|
-
var
|
|
15660
|
+
var import_jsx_runtime58 = require("@emotion/react/jsx-runtime");
|
|
15600
15661
|
var InputInlineSelect = ({
|
|
15601
15662
|
classNameContainer,
|
|
15602
15663
|
options,
|
|
@@ -15606,21 +15667,21 @@ var InputInlineSelect = ({
|
|
|
15606
15667
|
...props
|
|
15607
15668
|
}) => {
|
|
15608
15669
|
var _a;
|
|
15609
|
-
const [menuVisible, setMenuVisible] = (0,
|
|
15610
|
-
const divRef = (0,
|
|
15670
|
+
const [menuVisible, setMenuVisible] = (0, import_react68.useState)(false);
|
|
15671
|
+
const divRef = (0, import_react68.useRef)(null);
|
|
15611
15672
|
useOutsideClick(divRef, () => setMenuVisible(false));
|
|
15612
15673
|
const selected = options.find((option) => option.value === value);
|
|
15613
|
-
return /* @__PURE__ */ (0,
|
|
15674
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
|
|
15614
15675
|
"div",
|
|
15615
15676
|
{
|
|
15616
15677
|
ref: divRef,
|
|
15617
|
-
css: !classNameContainer ? inlineSelectContainer :
|
|
15678
|
+
css: !classNameContainer ? inlineSelectContainer : import_react67.css`
|
|
15618
15679
|
max-width: fit-content;
|
|
15619
15680
|
${typeof classNameContainer === "object" ? classNameContainer : void 0}
|
|
15620
15681
|
`,
|
|
15621
15682
|
className: typeof classNameContainer === "string" ? classNameContainer : "",
|
|
15622
15683
|
children: [
|
|
15623
|
-
/* @__PURE__ */ (0,
|
|
15684
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
|
|
15624
15685
|
"button",
|
|
15625
15686
|
{
|
|
15626
15687
|
type: "button",
|
|
@@ -15634,18 +15695,18 @@ var InputInlineSelect = ({
|
|
|
15634
15695
|
disabled,
|
|
15635
15696
|
...props,
|
|
15636
15697
|
children: [
|
|
15637
|
-
/* @__PURE__ */ (0,
|
|
15638
|
-
disabled ? null : /* @__PURE__ */ (0,
|
|
15698
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { children: (_a = selected == null ? void 0 : selected.label) != null ? _a : value }),
|
|
15699
|
+
disabled ? null : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon, { icon: import_CgChevronDown3.CgChevronDown, iconColor: "currentColor", size: 24 })
|
|
15639
15700
|
]
|
|
15640
15701
|
}
|
|
15641
15702
|
),
|
|
15642
|
-
/* @__PURE__ */ (0,
|
|
15703
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
15643
15704
|
"div",
|
|
15644
15705
|
{
|
|
15645
15706
|
id: `and-or-${props.id}`,
|
|
15646
15707
|
css: [inlineSelectMenu, menuVisible ? void 0 : inlineSelectMenuClosed],
|
|
15647
15708
|
"aria-hidden": !menuVisible,
|
|
15648
|
-
children: options.map((opt) => /* @__PURE__ */ (0,
|
|
15709
|
+
children: options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
15649
15710
|
"button",
|
|
15650
15711
|
{
|
|
15651
15712
|
type: "button",
|
|
@@ -15669,7 +15730,7 @@ var InputInlineSelect = ({
|
|
|
15669
15730
|
init_emotion_jsx_shim();
|
|
15670
15731
|
var import_CgClose5 = require("@react-icons/all-files/cg/CgClose");
|
|
15671
15732
|
var import_CgSearch2 = require("@react-icons/all-files/cg/CgSearch");
|
|
15672
|
-
var
|
|
15733
|
+
var import_jsx_runtime59 = require("@emotion/react/jsx-runtime");
|
|
15673
15734
|
var InputKeywordSearch = ({
|
|
15674
15735
|
onSearchTextChanged,
|
|
15675
15736
|
disabled = false,
|
|
@@ -15690,7 +15751,7 @@ var InputKeywordSearch = ({
|
|
|
15690
15751
|
e.preventDefault();
|
|
15691
15752
|
}
|
|
15692
15753
|
};
|
|
15693
|
-
return /* @__PURE__ */ (0,
|
|
15754
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
15694
15755
|
Input,
|
|
15695
15756
|
{
|
|
15696
15757
|
type: "text",
|
|
@@ -15698,7 +15759,7 @@ var InputKeywordSearch = ({
|
|
|
15698
15759
|
placeholder,
|
|
15699
15760
|
showLabel: false,
|
|
15700
15761
|
value,
|
|
15701
|
-
icon: value ? /* @__PURE__ */ (0,
|
|
15762
|
+
icon: value ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("button", { css: inputSearchCloseBtn, onClick: onClear, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon, { icon: import_CgClose5.CgClose, iconColor: "red", size: "1rem" }) }) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon, { icon: import_CgSearch2.CgSearch, iconColor: "gray", size: "1rem" }),
|
|
15702
15763
|
onChange: handleSearchTextChanged,
|
|
15703
15764
|
onKeyPress: preventSubmitOnField,
|
|
15704
15765
|
disabled,
|
|
@@ -15717,7 +15778,7 @@ var InputKeywordSearch = ({
|
|
|
15717
15778
|
|
|
15718
15779
|
// src/components/Input/InputSelect.tsx
|
|
15719
15780
|
init_emotion_jsx_shim();
|
|
15720
|
-
var
|
|
15781
|
+
var import_jsx_runtime60 = require("@emotion/react/jsx-runtime");
|
|
15721
15782
|
var InputSelect = ({
|
|
15722
15783
|
label,
|
|
15723
15784
|
defaultOption,
|
|
@@ -15733,13 +15794,13 @@ var InputSelect = ({
|
|
|
15733
15794
|
classNameLabel,
|
|
15734
15795
|
...props
|
|
15735
15796
|
}) => {
|
|
15736
|
-
return /* @__PURE__ */ (0,
|
|
15797
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
15737
15798
|
"div",
|
|
15738
15799
|
{
|
|
15739
15800
|
css: [inputContainer, typeof classNameContainer === "object" ? classNameContainer : void 0],
|
|
15740
15801
|
className: typeof classNameContainer === "string" ? classNameContainer : "",
|
|
15741
15802
|
children: [
|
|
15742
|
-
showLabel ? /* @__PURE__ */ (0,
|
|
15803
|
+
showLabel ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_jsx_runtime60.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
15743
15804
|
Label,
|
|
15744
15805
|
{
|
|
15745
15806
|
htmlFor: props.id,
|
|
@@ -15751,7 +15812,7 @@ var InputSelect = ({
|
|
|
15751
15812
|
]
|
|
15752
15813
|
}
|
|
15753
15814
|
) }) : null,
|
|
15754
|
-
/* @__PURE__ */ (0,
|
|
15815
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
15755
15816
|
"select",
|
|
15756
15817
|
{
|
|
15757
15818
|
title: label,
|
|
@@ -15766,14 +15827,14 @@ var InputSelect = ({
|
|
|
15766
15827
|
className: typeof classNameControl === "string" ? classNameControl : "",
|
|
15767
15828
|
...props,
|
|
15768
15829
|
children: [
|
|
15769
|
-
defaultOption ? /* @__PURE__ */ (0,
|
|
15770
|
-
options.map((opt, index) => /* @__PURE__ */ (0,
|
|
15830
|
+
defaultOption ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("option", { value: "", children: defaultOption }) : null,
|
|
15831
|
+
options.map((opt, index) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("option", { value: opt.label, ...opt }, index))
|
|
15771
15832
|
]
|
|
15772
15833
|
}
|
|
15773
15834
|
),
|
|
15774
|
-
caption ? /* @__PURE__ */ (0,
|
|
15775
|
-
errorMessage ? /* @__PURE__ */ (0,
|
|
15776
|
-
warningMessage && !errorMessage ? /* @__PURE__ */ (0,
|
|
15835
|
+
caption ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Caption, { children: caption }) : null,
|
|
15836
|
+
errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ErrorMessage, { message: errorMessage }) : null,
|
|
15837
|
+
warningMessage && !errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(WarningMessage, { message: warningMessage }) : null
|
|
15777
15838
|
]
|
|
15778
15839
|
}
|
|
15779
15840
|
);
|
|
@@ -15782,7 +15843,7 @@ var InputSelect = ({
|
|
|
15782
15843
|
// src/components/Input/InputToggle.tsx
|
|
15783
15844
|
init_emotion_jsx_shim();
|
|
15784
15845
|
var React17 = __toESM(require("react"));
|
|
15785
|
-
var
|
|
15846
|
+
var import_jsx_runtime61 = require("@emotion/react/jsx-runtime");
|
|
15786
15847
|
var InputToggle = React17.forwardRef(
|
|
15787
15848
|
({
|
|
15788
15849
|
label,
|
|
@@ -15797,13 +15858,13 @@ var InputToggle = React17.forwardRef(
|
|
|
15797
15858
|
fontWeight = "medium",
|
|
15798
15859
|
...props
|
|
15799
15860
|
}, ref) => {
|
|
15800
|
-
return /* @__PURE__ */ (0,
|
|
15861
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
15801
15862
|
Label,
|
|
15802
15863
|
{
|
|
15803
15864
|
css: [inputToggleLabel, disabled ? inputDisabled : void 0],
|
|
15804
15865
|
"data-testid": testId ? testId : "input-toggle",
|
|
15805
15866
|
children: [
|
|
15806
|
-
/* @__PURE__ */ (0,
|
|
15867
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
15807
15868
|
"input",
|
|
15808
15869
|
{
|
|
15809
15870
|
ref,
|
|
@@ -15815,11 +15876,11 @@ var InputToggle = React17.forwardRef(
|
|
|
15815
15876
|
...props
|
|
15816
15877
|
}
|
|
15817
15878
|
),
|
|
15818
|
-
/* @__PURE__ */ (0,
|
|
15819
|
-
caption || errorMessage ? /* @__PURE__ */ (0,
|
|
15820
|
-
caption ? /* @__PURE__ */ (0,
|
|
15821
|
-
errorMessage ? /* @__PURE__ */ (0,
|
|
15822
|
-
warningMessage && !errorMessage ? /* @__PURE__ */ (0,
|
|
15879
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { css: inlineLabel(fontWeight), children: label }),
|
|
15880
|
+
caption || errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("span", { css: inputToggleMessageContainer, children: [
|
|
15881
|
+
caption ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Caption, { children: caption }) : null,
|
|
15882
|
+
errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ErrorMessage, { message: errorMessage }) : null,
|
|
15883
|
+
warningMessage && !errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(WarningMessage, { message: warningMessage }) : null
|
|
15823
15884
|
] }) : null
|
|
15824
15885
|
]
|
|
15825
15886
|
}
|
|
@@ -15829,9 +15890,9 @@ var InputToggle = React17.forwardRef(
|
|
|
15829
15890
|
|
|
15830
15891
|
// src/components/Input/Legend.tsx
|
|
15831
15892
|
init_emotion_jsx_shim();
|
|
15832
|
-
var
|
|
15893
|
+
var import_jsx_runtime62 = require("@emotion/react/jsx-runtime");
|
|
15833
15894
|
var Legend = ({ children }) => {
|
|
15834
|
-
return /* @__PURE__ */ (0,
|
|
15895
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("legend", { css: fieldsetLegend, children });
|
|
15835
15896
|
};
|
|
15836
15897
|
|
|
15837
15898
|
// src/components/Input/SuccessMessage.tsx
|
|
@@ -15840,8 +15901,8 @@ var import_CgCheckO2 = require("@react-icons/all-files/cg/CgCheckO");
|
|
|
15840
15901
|
|
|
15841
15902
|
// src/components/Input/styles/SuccessMessage.styles.ts
|
|
15842
15903
|
init_emotion_jsx_shim();
|
|
15843
|
-
var
|
|
15844
|
-
var SuccessText =
|
|
15904
|
+
var import_react69 = require("@emotion/react");
|
|
15905
|
+
var SuccessText = import_react69.css`
|
|
15845
15906
|
--info-desc: var(--brand-secondary-3);
|
|
15846
15907
|
--info-icon: var(--brand-secondary-3);
|
|
15847
15908
|
|
|
@@ -15850,29 +15911,29 @@ var SuccessText = import_react67.css`
|
|
|
15850
15911
|
display: flex;
|
|
15851
15912
|
gap: var(--spacing-sm);
|
|
15852
15913
|
`;
|
|
15853
|
-
var SuccessIcon2 =
|
|
15914
|
+
var SuccessIcon2 = import_react69.css`
|
|
15854
15915
|
color: var(--info-icon);
|
|
15855
15916
|
`;
|
|
15856
15917
|
|
|
15857
15918
|
// src/components/Input/SuccessMessage.tsx
|
|
15858
|
-
var
|
|
15919
|
+
var import_jsx_runtime63 = require("@emotion/react/jsx-runtime");
|
|
15859
15920
|
var SuccessMessage = ({ message, testId, ...props }) => {
|
|
15860
|
-
return message ? /* @__PURE__ */ (0,
|
|
15861
|
-
/* @__PURE__ */ (0,
|
|
15921
|
+
return message ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { role: "status", css: SuccessText, "data-testid": testId, ...props, children: [
|
|
15922
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icon, { css: SuccessIcon2, icon: import_CgCheckO2.CgCheckO, size: "1rem", iconColor: "currentColor" }) }),
|
|
15862
15923
|
message
|
|
15863
15924
|
] }) : null;
|
|
15864
15925
|
};
|
|
15865
15926
|
|
|
15866
15927
|
// src/components/Input/Textarea.tsx
|
|
15867
15928
|
init_emotion_jsx_shim();
|
|
15868
|
-
var
|
|
15869
|
-
var
|
|
15870
|
-
var Textarea = (0,
|
|
15929
|
+
var import_react70 = require("react");
|
|
15930
|
+
var import_jsx_runtime64 = require("@emotion/react/jsx-runtime");
|
|
15931
|
+
var Textarea = (0, import_react70.forwardRef)(
|
|
15871
15932
|
({ label, icon, id, caption, showLabel = true, errorMessage, warningMessage, ...props }, ref) => {
|
|
15872
|
-
return /* @__PURE__ */ (0,
|
|
15873
|
-
showLabel ? /* @__PURE__ */ (0,
|
|
15874
|
-
/* @__PURE__ */ (0,
|
|
15875
|
-
/* @__PURE__ */ (0,
|
|
15933
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
|
|
15934
|
+
showLabel ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("label", { htmlFor: id, css: [labelText], children: label }) : null,
|
|
15935
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { css: [inputContainer], children: [
|
|
15936
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
15876
15937
|
"textarea",
|
|
15877
15938
|
{
|
|
15878
15939
|
ref,
|
|
@@ -15887,11 +15948,11 @@ var Textarea = (0, import_react68.forwardRef)(
|
|
|
15887
15948
|
...props
|
|
15888
15949
|
}
|
|
15889
15950
|
),
|
|
15890
|
-
icon ? /* @__PURE__ */ (0,
|
|
15951
|
+
icon ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { css: inputIcon, children: icon }) : null
|
|
15891
15952
|
] }),
|
|
15892
|
-
caption ? /* @__PURE__ */ (0,
|
|
15893
|
-
errorMessage ? /* @__PURE__ */ (0,
|
|
15894
|
-
warningMessage && !errorMessage ? /* @__PURE__ */ (0,
|
|
15953
|
+
caption ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Caption, { children: caption }) : null,
|
|
15954
|
+
errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ErrorMessage, { message: errorMessage }) : null,
|
|
15955
|
+
warningMessage && !errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(WarningMessage, { message: warningMessage }) : null
|
|
15895
15956
|
] });
|
|
15896
15957
|
}
|
|
15897
15958
|
);
|
|
@@ -15901,14 +15962,14 @@ init_emotion_jsx_shim();
|
|
|
15901
15962
|
|
|
15902
15963
|
// src/components/Tiles/CreateTeamIntegrationTile.tsx
|
|
15903
15964
|
init_emotion_jsx_shim();
|
|
15904
|
-
var
|
|
15965
|
+
var import_react72 = require("@emotion/react");
|
|
15905
15966
|
var import_CgAdd3 = require("@react-icons/all-files/cg/CgAdd");
|
|
15906
15967
|
var import_CgChevronRight3 = require("@react-icons/all-files/cg/CgChevronRight");
|
|
15907
15968
|
|
|
15908
15969
|
// src/components/Tiles/styles/IntegrationTile.styles.ts
|
|
15909
15970
|
init_emotion_jsx_shim();
|
|
15910
|
-
var
|
|
15911
|
-
var IntegrationTileContainer =
|
|
15971
|
+
var import_react71 = require("@emotion/react");
|
|
15972
|
+
var IntegrationTileContainer = import_react71.css`
|
|
15912
15973
|
align-items: center;
|
|
15913
15974
|
box-sizing: border-box;
|
|
15914
15975
|
border-radius: var(--rounded-base);
|
|
@@ -15939,22 +16000,22 @@ var IntegrationTileContainer = import_react69.css`
|
|
|
15939
16000
|
}
|
|
15940
16001
|
}
|
|
15941
16002
|
`;
|
|
15942
|
-
var IntegrationTileBtnDashedBorder =
|
|
16003
|
+
var IntegrationTileBtnDashedBorder = import_react71.css`
|
|
15943
16004
|
border: 1px dashed var(--brand-secondary-1);
|
|
15944
16005
|
`;
|
|
15945
|
-
var IntegrationTileTitle =
|
|
16006
|
+
var IntegrationTileTitle = import_react71.css`
|
|
15946
16007
|
display: block;
|
|
15947
16008
|
font-weight: var(--fw-bold);
|
|
15948
16009
|
margin: 0 0 var(--spacing-base);
|
|
15949
16010
|
max-width: 13rem;
|
|
15950
16011
|
`;
|
|
15951
|
-
var IntegrationTitleLogo =
|
|
16012
|
+
var IntegrationTitleLogo = import_react71.css`
|
|
15952
16013
|
display: block;
|
|
15953
16014
|
max-width: 10rem;
|
|
15954
16015
|
max-height: 4rem;
|
|
15955
16016
|
margin: 0 auto;
|
|
15956
16017
|
`;
|
|
15957
|
-
var IntegrationTileName =
|
|
16018
|
+
var IntegrationTileName = import_react71.css`
|
|
15958
16019
|
color: var(--gray-500);
|
|
15959
16020
|
display: -webkit-box;
|
|
15960
16021
|
-webkit-line-clamp: 1;
|
|
@@ -15967,7 +16028,7 @@ var IntegrationTileName = import_react69.css`
|
|
|
15967
16028
|
position: absolute;
|
|
15968
16029
|
bottom: calc(var(--spacing-base) * 3.8);
|
|
15969
16030
|
`;
|
|
15970
|
-
var IntegrationAddedText =
|
|
16031
|
+
var IntegrationAddedText = import_react71.css`
|
|
15971
16032
|
align-items: center;
|
|
15972
16033
|
background: var(--brand-secondary-3);
|
|
15973
16034
|
border-radius: 0 var(--rounded-md) 0 var(--rounded-md);
|
|
@@ -15982,7 +16043,7 @@ var IntegrationAddedText = import_react69.css`
|
|
|
15982
16043
|
top: 0;
|
|
15983
16044
|
right: 0;
|
|
15984
16045
|
`;
|
|
15985
|
-
var IntegrationCustomBadgeText = (theme) =>
|
|
16046
|
+
var IntegrationCustomBadgeText = (theme) => import_react71.css`
|
|
15986
16047
|
align-items: center;
|
|
15987
16048
|
border-radius: var(--rounded-sm) 0 var(--rounded-sm) 0;
|
|
15988
16049
|
background: ${theme === "gray" ? "var(--brand-secondary-2)" : "var(--brand-secondary-1)"};
|
|
@@ -15996,26 +16057,26 @@ var IntegrationCustomBadgeText = (theme) => import_react69.css`
|
|
|
15996
16057
|
top: 0;
|
|
15997
16058
|
left: 0;
|
|
15998
16059
|
`;
|
|
15999
|
-
var IntegrationAuthorBadgeIcon =
|
|
16060
|
+
var IntegrationAuthorBadgeIcon = import_react71.css`
|
|
16000
16061
|
position: absolute;
|
|
16001
16062
|
bottom: var(--spacing-sm);
|
|
16002
16063
|
right: var(--spacing-xs);
|
|
16003
16064
|
max-height: 1rem;
|
|
16004
16065
|
`;
|
|
16005
|
-
var IntegrationTitleFakeButton =
|
|
16066
|
+
var IntegrationTitleFakeButton = import_react71.css`
|
|
16006
16067
|
font-size: var(--fs-xs);
|
|
16007
16068
|
gap: var(--spacing-sm);
|
|
16008
16069
|
padding: var(--spacing-sm) var(--spacing-base);
|
|
16009
16070
|
text-transform: uppercase;
|
|
16010
16071
|
`;
|
|
16011
|
-
var IntegrationTileFloatingButton =
|
|
16072
|
+
var IntegrationTileFloatingButton = import_react71.css`
|
|
16012
16073
|
position: absolute;
|
|
16013
16074
|
bottom: var(--spacing-base);
|
|
16014
16075
|
gap: var(--spacing-sm);
|
|
16015
16076
|
font-size: var(--fs-xs);
|
|
16016
16077
|
overflow: hidden;
|
|
16017
16078
|
`;
|
|
16018
|
-
var IntegrationTileFloatingButtonMessage = (clicked) =>
|
|
16079
|
+
var IntegrationTileFloatingButtonMessage = (clicked) => import_react71.css`
|
|
16019
16080
|
strong,
|
|
16020
16081
|
span:first-of-type {
|
|
16021
16082
|
transition: opacity var(--duration-fast) var(--timing-ease-out);
|
|
@@ -16036,7 +16097,7 @@ var IntegrationTileFloatingButtonMessage = (clicked) => import_react69.css`
|
|
|
16036
16097
|
`;
|
|
16037
16098
|
|
|
16038
16099
|
// src/components/Tiles/CreateTeamIntegrationTile.tsx
|
|
16039
|
-
var
|
|
16100
|
+
var import_jsx_runtime65 = require("@emotion/react/jsx-runtime");
|
|
16040
16101
|
var CreateTeamIntegrationTile = ({
|
|
16041
16102
|
title = "Create a custom integration for your team",
|
|
16042
16103
|
buttonText = "Add Integration",
|
|
@@ -16044,9 +16105,9 @@ var CreateTeamIntegrationTile = ({
|
|
|
16044
16105
|
asDeepLink = false,
|
|
16045
16106
|
...props
|
|
16046
16107
|
}) => {
|
|
16047
|
-
return /* @__PURE__ */ (0,
|
|
16048
|
-
/* @__PURE__ */ (0,
|
|
16049
|
-
/* @__PURE__ */ (0,
|
|
16108
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { css: [IntegrationTileContainer, IntegrationTileBtnDashedBorder], ...props, children: [
|
|
16109
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { css: IntegrationTileTitle, title, children: title }),
|
|
16110
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
|
|
16050
16111
|
Button,
|
|
16051
16112
|
{
|
|
16052
16113
|
buttonType: "tertiary",
|
|
@@ -16056,23 +16117,23 @@ var CreateTeamIntegrationTile = ({
|
|
|
16056
16117
|
css: IntegrationTitleFakeButton,
|
|
16057
16118
|
children: [
|
|
16058
16119
|
buttonText,
|
|
16059
|
-
asDeepLink ? /* @__PURE__ */ (0,
|
|
16120
|
+
asDeepLink ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
16060
16121
|
Icon,
|
|
16061
16122
|
{
|
|
16062
16123
|
icon: import_CgChevronRight3.CgChevronRight,
|
|
16063
16124
|
iconColor: "currentColor",
|
|
16064
16125
|
size: 20,
|
|
16065
|
-
css:
|
|
16126
|
+
css: import_react72.css`
|
|
16066
16127
|
order: 1;
|
|
16067
16128
|
`
|
|
16068
16129
|
}
|
|
16069
|
-
) : /* @__PURE__ */ (0,
|
|
16130
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
16070
16131
|
Icon,
|
|
16071
16132
|
{
|
|
16072
16133
|
icon: import_CgAdd3.CgAdd,
|
|
16073
16134
|
iconColor: "currentColor",
|
|
16074
16135
|
size: 16,
|
|
16075
|
-
css:
|
|
16136
|
+
css: import_react72.css`
|
|
16076
16137
|
order: -1;
|
|
16077
16138
|
`
|
|
16078
16139
|
}
|
|
@@ -16091,32 +16152,32 @@ init_emotion_jsx_shim();
|
|
|
16091
16152
|
var import_CgCheck2 = require("@react-icons/all-files/cg/CgCheck");
|
|
16092
16153
|
var import_CgLock2 = require("@react-icons/all-files/cg/CgLock");
|
|
16093
16154
|
var import_CgSandClock2 = require("@react-icons/all-files/cg/CgSandClock");
|
|
16094
|
-
var
|
|
16155
|
+
var import_jsx_runtime66 = require("@emotion/react/jsx-runtime");
|
|
16095
16156
|
var IntegrationedAddedBadge = ({ text = "Added" }) => {
|
|
16096
|
-
return /* @__PURE__ */ (0,
|
|
16097
|
-
/* @__PURE__ */ (0,
|
|
16157
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { "data-testid": "integration-icon-installed", css: IntegrationAddedText, children: [
|
|
16158
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { icon: import_CgCheck2.CgCheck, iconColor: "currentColor" }),
|
|
16098
16159
|
text
|
|
16099
16160
|
] });
|
|
16100
16161
|
};
|
|
16101
16162
|
var IntegrationCustomBadge = ({ text = "Custom" }) => {
|
|
16102
|
-
return /* @__PURE__ */ (0,
|
|
16163
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { "data-testid": "integration-is-private", css: IntegrationCustomBadgeText("gray"), children: text });
|
|
16103
16164
|
};
|
|
16104
16165
|
var IntegrationPremiumBadge = ({ text = "Premium" }) => {
|
|
16105
|
-
return /* @__PURE__ */ (0,
|
|
16106
|
-
/* @__PURE__ */ (0,
|
|
16166
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { css: IntegrationCustomBadgeText("blue"), children: [
|
|
16167
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { icon: import_CgLock2.CgLock, iconColor: "currentColor", size: 12 }),
|
|
16107
16168
|
text
|
|
16108
16169
|
] });
|
|
16109
16170
|
};
|
|
16110
16171
|
var IntegrationComingSoonBadge = ({ text = "Coming soon" }) => {
|
|
16111
|
-
return /* @__PURE__ */ (0,
|
|
16112
|
-
/* @__PURE__ */ (0,
|
|
16172
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { css: IntegrationCustomBadgeText("blue"), children: [
|
|
16173
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { icon: import_CgSandClock2.CgSandClock, iconColor: "currentColor", size: 12 }),
|
|
16113
16174
|
text
|
|
16114
16175
|
] });
|
|
16115
16176
|
};
|
|
16116
16177
|
|
|
16117
16178
|
// src/components/Tiles/ResolveIcon.tsx
|
|
16118
16179
|
init_emotion_jsx_shim();
|
|
16119
|
-
var
|
|
16180
|
+
var import_jsx_runtime67 = require("@emotion/react/jsx-runtime");
|
|
16120
16181
|
var ResolveIcon = ({ icon, name, styleType = "logo", ...props }) => {
|
|
16121
16182
|
const CompIcon = icon && typeof icon !== "string" ? icon : null;
|
|
16122
16183
|
const mapClassName = {
|
|
@@ -16124,13 +16185,13 @@ var ResolveIcon = ({ icon, name, styleType = "logo", ...props }) => {
|
|
|
16124
16185
|
logo: IntegrationTitleLogo
|
|
16125
16186
|
};
|
|
16126
16187
|
if (icon) {
|
|
16127
|
-
return CompIcon ? /* @__PURE__ */ (0,
|
|
16188
|
+
return CompIcon ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(CompIcon, { css: mapClassName[styleType], ...props }) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("img", { src: icon, alt: name, css: mapClassName[styleType], ...props });
|
|
16128
16189
|
}
|
|
16129
16190
|
return null;
|
|
16130
16191
|
};
|
|
16131
16192
|
|
|
16132
16193
|
// src/components/Tiles/EditTeamIntegrationTile.tsx
|
|
16133
|
-
var
|
|
16194
|
+
var import_jsx_runtime68 = require("@emotion/react/jsx-runtime");
|
|
16134
16195
|
var EditTeamIntegrationTile = ({
|
|
16135
16196
|
id,
|
|
16136
16197
|
icon,
|
|
@@ -16139,17 +16200,17 @@ var EditTeamIntegrationTile = ({
|
|
|
16139
16200
|
isPublic,
|
|
16140
16201
|
canEdit = false
|
|
16141
16202
|
}) => {
|
|
16142
|
-
return /* @__PURE__ */ (0,
|
|
16203
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
|
|
16143
16204
|
"div",
|
|
16144
16205
|
{
|
|
16145
16206
|
css: IntegrationTileContainer,
|
|
16146
16207
|
"data-testid": "configure-integration-container",
|
|
16147
16208
|
"integration-id": `${id.toLocaleLowerCase()}`,
|
|
16148
16209
|
children: [
|
|
16149
|
-
/* @__PURE__ */ (0,
|
|
16150
|
-
/* @__PURE__ */ (0,
|
|
16151
|
-
!isPublic ? /* @__PURE__ */ (0,
|
|
16152
|
-
canEdit ? /* @__PURE__ */ (0,
|
|
16210
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ResolveIcon, { icon, name, "data-testid": "integration-logo" }),
|
|
16211
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { css: IntegrationTileName, "data-testid": "integration-card-name", children: name }),
|
|
16212
|
+
!isPublic ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(IntegrationCustomBadge, {}) : null,
|
|
16213
|
+
canEdit ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
16153
16214
|
Button,
|
|
16154
16215
|
{
|
|
16155
16216
|
buttonType: "unimportant",
|
|
@@ -16168,10 +16229,10 @@ var EditTeamIntegrationTile = ({
|
|
|
16168
16229
|
|
|
16169
16230
|
// src/components/Tiles/IntegrationComingSoon.tsx
|
|
16170
16231
|
init_emotion_jsx_shim();
|
|
16171
|
-
var
|
|
16232
|
+
var import_react73 = require("@emotion/react");
|
|
16172
16233
|
var import_CgHeart2 = require("@react-icons/all-files/cg/CgHeart");
|
|
16173
|
-
var
|
|
16174
|
-
var
|
|
16234
|
+
var import_react74 = require("react");
|
|
16235
|
+
var import_jsx_runtime69 = require("@emotion/react/jsx-runtime");
|
|
16175
16236
|
var IntegrationComingSoon = ({
|
|
16176
16237
|
name,
|
|
16177
16238
|
icon,
|
|
@@ -16180,12 +16241,12 @@ var IntegrationComingSoon = ({
|
|
|
16180
16241
|
timing = 1e3,
|
|
16181
16242
|
...props
|
|
16182
16243
|
}) => {
|
|
16183
|
-
const [upVote, setUpVote] = (0,
|
|
16244
|
+
const [upVote, setUpVote] = (0, import_react74.useState)(false);
|
|
16184
16245
|
const handleUpVoteInteraction = () => {
|
|
16185
16246
|
setUpVote((prev) => !prev);
|
|
16186
16247
|
onUpVoteClick();
|
|
16187
16248
|
};
|
|
16188
|
-
(0,
|
|
16249
|
+
(0, import_react74.useEffect)(() => {
|
|
16189
16250
|
if (upVote) {
|
|
16190
16251
|
const timer = setTimeout(() => setUpVote(false), timing);
|
|
16191
16252
|
return () => {
|
|
@@ -16193,17 +16254,17 @@ var IntegrationComingSoon = ({
|
|
|
16193
16254
|
};
|
|
16194
16255
|
}
|
|
16195
16256
|
}, [upVote, setUpVote, timing]);
|
|
16196
|
-
return /* @__PURE__ */ (0,
|
|
16257
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
|
|
16197
16258
|
"div",
|
|
16198
16259
|
{
|
|
16199
16260
|
css: IntegrationTileContainer,
|
|
16200
16261
|
"data-testid": `coming-soon-${id.toLowerCase()}-integration`,
|
|
16201
16262
|
...props,
|
|
16202
16263
|
children: [
|
|
16203
|
-
/* @__PURE__ */ (0,
|
|
16204
|
-
/* @__PURE__ */ (0,
|
|
16205
|
-
/* @__PURE__ */ (0,
|
|
16206
|
-
/* @__PURE__ */ (0,
|
|
16264
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(IntegrationComingSoonBadge, {}),
|
|
16265
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ResolveIcon, { icon, name }),
|
|
16266
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { css: IntegrationTileName, title: name, children: name }),
|
|
16267
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
|
|
16207
16268
|
Button,
|
|
16208
16269
|
{
|
|
16209
16270
|
buttonType: "unimportant",
|
|
@@ -16213,19 +16274,19 @@ var IntegrationComingSoon = ({
|
|
|
16213
16274
|
role: "link",
|
|
16214
16275
|
css: [IntegrationTileFloatingButton, IntegrationTileFloatingButtonMessage(upVote)],
|
|
16215
16276
|
children: [
|
|
16216
|
-
/* @__PURE__ */ (0,
|
|
16217
|
-
/* @__PURE__ */ (0,
|
|
16277
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("strong", { children: "+1" }),
|
|
16278
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
16218
16279
|
"span",
|
|
16219
16280
|
{
|
|
16220
|
-
css:
|
|
16281
|
+
css: import_react73.css`
|
|
16221
16282
|
text-transform: uppercase;
|
|
16222
16283
|
color: var(--gray-500);
|
|
16223
16284
|
`,
|
|
16224
16285
|
children: "(I want this)"
|
|
16225
16286
|
}
|
|
16226
16287
|
),
|
|
16227
|
-
/* @__PURE__ */ (0,
|
|
16228
|
-
/* @__PURE__ */ (0,
|
|
16288
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("span", { "aria-hidden": !upVote, children: [
|
|
16289
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Icon, { icon: import_CgHeart2.CgHeart, iconColor: "currentColor", size: 18 }),
|
|
16229
16290
|
"Thanks!"
|
|
16230
16291
|
] })
|
|
16231
16292
|
]
|
|
@@ -16241,8 +16302,8 @@ init_emotion_jsx_shim();
|
|
|
16241
16302
|
|
|
16242
16303
|
// src/components/Tiles/styles/IntegrationLoadingTile.styles.ts
|
|
16243
16304
|
init_emotion_jsx_shim();
|
|
16244
|
-
var
|
|
16245
|
-
var IntegrationLoadingTileContainer =
|
|
16305
|
+
var import_react75 = require("@emotion/react");
|
|
16306
|
+
var IntegrationLoadingTileContainer = import_react75.css`
|
|
16246
16307
|
align-items: center;
|
|
16247
16308
|
box-sizing: border-box;
|
|
16248
16309
|
border-radius: var(--rounded-base);
|
|
@@ -16269,28 +16330,28 @@ var IntegrationLoadingTileContainer = import_react73.css`
|
|
|
16269
16330
|
}
|
|
16270
16331
|
}
|
|
16271
16332
|
`;
|
|
16272
|
-
var IntegrationLoadingTileImg =
|
|
16333
|
+
var IntegrationLoadingTileImg = import_react75.css`
|
|
16273
16334
|
width: 10rem;
|
|
16274
16335
|
height: 4rem;
|
|
16275
16336
|
margin: 0 auto;
|
|
16276
16337
|
`;
|
|
16277
|
-
var IntegrationLoadingTileText =
|
|
16338
|
+
var IntegrationLoadingTileText = import_react75.css`
|
|
16278
16339
|
width: 5rem;
|
|
16279
16340
|
height: var(--spacing-sm);
|
|
16280
16341
|
margin: var(--spacing-sm) 0;
|
|
16281
16342
|
`;
|
|
16282
|
-
var IntegrationLoadingFrame =
|
|
16343
|
+
var IntegrationLoadingFrame = import_react75.css`
|
|
16283
16344
|
animation: ${skeletonLoading} 1s linear infinite alternate;
|
|
16284
16345
|
border-radius: var(--rounded-base);
|
|
16285
16346
|
`;
|
|
16286
16347
|
|
|
16287
16348
|
// src/components/Tiles/IntegrationLoadingTile.tsx
|
|
16288
|
-
var
|
|
16349
|
+
var import_jsx_runtime70 = require("@emotion/react/jsx-runtime");
|
|
16289
16350
|
var IntegrationLoadingTile = ({ count = 1 }) => {
|
|
16290
16351
|
const componentCount = Array.from(Array(count).keys());
|
|
16291
|
-
return /* @__PURE__ */ (0,
|
|
16292
|
-
/* @__PURE__ */ (0,
|
|
16293
|
-
/* @__PURE__ */ (0,
|
|
16352
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_jsx_runtime70.Fragment, { children: componentCount.map((i) => /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { css: IntegrationLoadingTileContainer, children: [
|
|
16353
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { css: [IntegrationLoadingTileImg, IntegrationLoadingFrame], role: "presentation" }),
|
|
16354
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { css: [IntegrationLoadingTileText, IntegrationLoadingFrame] })
|
|
16294
16355
|
] }, i)) });
|
|
16295
16356
|
};
|
|
16296
16357
|
|
|
@@ -16299,13 +16360,13 @@ init_emotion_jsx_shim();
|
|
|
16299
16360
|
|
|
16300
16361
|
// src/components/Tiles/styles/IntegrationModalIcon.styles.ts
|
|
16301
16362
|
init_emotion_jsx_shim();
|
|
16302
|
-
var
|
|
16303
|
-
var IntegrationModalIconContainer =
|
|
16363
|
+
var import_react76 = require("@emotion/react");
|
|
16364
|
+
var IntegrationModalIconContainer = import_react76.css`
|
|
16304
16365
|
position: relative;
|
|
16305
16366
|
width: 50px;
|
|
16306
16367
|
margin-bottom: var(--spacing-base);
|
|
16307
16368
|
`;
|
|
16308
|
-
var IntegrationModalImage =
|
|
16369
|
+
var IntegrationModalImage = import_react76.css`
|
|
16309
16370
|
position: absolute;
|
|
16310
16371
|
inset: 0;
|
|
16311
16372
|
margin: auto;
|
|
@@ -16314,7 +16375,7 @@ var IntegrationModalImage = import_react74.css`
|
|
|
16314
16375
|
`;
|
|
16315
16376
|
|
|
16316
16377
|
// src/components/Tiles/IntegrationModalIcon.tsx
|
|
16317
|
-
var
|
|
16378
|
+
var import_jsx_runtime71 = require("@emotion/react/jsx-runtime");
|
|
16318
16379
|
var IntegrationModalIcon = ({ icon, name, ...imgProps }) => {
|
|
16319
16380
|
const CompIcon = icon && typeof icon !== "string" ? icon : null;
|
|
16320
16381
|
let iconSrc = void 0;
|
|
@@ -16330,9 +16391,9 @@ var IntegrationModalIcon = ({ icon, name, ...imgProps }) => {
|
|
|
16330
16391
|
}
|
|
16331
16392
|
}
|
|
16332
16393
|
}
|
|
16333
|
-
return /* @__PURE__ */ (0,
|
|
16334
|
-
/* @__PURE__ */ (0,
|
|
16335
|
-
/* @__PURE__ */ (0,
|
|
16394
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { css: IntegrationModalIconContainer, children: [
|
|
16395
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("svg", { width: "49", height: "57", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", children: [
|
|
16396
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
16336
16397
|
"path",
|
|
16337
16398
|
{
|
|
16338
16399
|
d: "m24.367 1.813 22.786 13.322V41.78L24.367 55.102 1.581 41.78V15.135L24.367 1.814Z",
|
|
@@ -16341,12 +16402,12 @@ var IntegrationModalIcon = ({ icon, name, ...imgProps }) => {
|
|
|
16341
16402
|
strokeWidth: "2"
|
|
16342
16403
|
}
|
|
16343
16404
|
),
|
|
16344
|
-
/* @__PURE__ */ (0,
|
|
16345
|
-
/* @__PURE__ */ (0,
|
|
16346
|
-
/* @__PURE__ */ (0,
|
|
16405
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("linearGradient", { id: "a", x1: "41.353", y1: "49.107", x2: "8.048", y2: "4.478", gradientUnits: "userSpaceOnUse", children: [
|
|
16406
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("stop", { stopColor: "#1768B2" }),
|
|
16407
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("stop", { offset: "1", stopColor: "#B3EFE4" })
|
|
16347
16408
|
] }) })
|
|
16348
16409
|
] }),
|
|
16349
|
-
CompIcon ? /* @__PURE__ */ (0,
|
|
16410
|
+
CompIcon ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(CompIcon, { role: "img", css: IntegrationModalImage, ...imgProps }) : iconSrc ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
16350
16411
|
"img",
|
|
16351
16412
|
{
|
|
16352
16413
|
src: iconSrc,
|
|
@@ -16361,7 +16422,7 @@ var IntegrationModalIcon = ({ icon, name, ...imgProps }) => {
|
|
|
16361
16422
|
|
|
16362
16423
|
// src/components/Tiles/IntegrationTile.tsx
|
|
16363
16424
|
init_emotion_jsx_shim();
|
|
16364
|
-
var
|
|
16425
|
+
var import_jsx_runtime72 = require("@emotion/react/jsx-runtime");
|
|
16365
16426
|
var IntegrationTile = ({
|
|
16366
16427
|
id,
|
|
16367
16428
|
icon,
|
|
@@ -16373,7 +16434,7 @@ var IntegrationTile = ({
|
|
|
16373
16434
|
authorIcon,
|
|
16374
16435
|
...btnProps
|
|
16375
16436
|
}) => {
|
|
16376
|
-
return /* @__PURE__ */ (0,
|
|
16437
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
|
|
16377
16438
|
"button",
|
|
16378
16439
|
{
|
|
16379
16440
|
type: "button",
|
|
@@ -16383,12 +16444,12 @@ var IntegrationTile = ({
|
|
|
16383
16444
|
"aria-label": name,
|
|
16384
16445
|
...btnProps,
|
|
16385
16446
|
children: [
|
|
16386
|
-
/* @__PURE__ */ (0,
|
|
16387
|
-
/* @__PURE__ */ (0,
|
|
16388
|
-
isInstalled ? /* @__PURE__ */ (0,
|
|
16389
|
-
requiedEntitlement && isPublic ? /* @__PURE__ */ (0,
|
|
16390
|
-
!isPublic ? /* @__PURE__ */ (0,
|
|
16391
|
-
authorIcon ? /* @__PURE__ */ (0,
|
|
16447
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ResolveIcon, { icon, name }),
|
|
16448
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { css: IntegrationTileName, title: name, children: name }),
|
|
16449
|
+
isInstalled ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(IntegrationedAddedBadge, {}) : null,
|
|
16450
|
+
requiedEntitlement && isPublic ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(IntegrationPremiumBadge, {}) : null,
|
|
16451
|
+
!isPublic ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(IntegrationCustomBadge, {}) : null,
|
|
16452
|
+
authorIcon ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ResolveIcon, { icon: authorIcon, name }) : null
|
|
16392
16453
|
]
|
|
16393
16454
|
}
|
|
16394
16455
|
);
|
|
@@ -16399,9 +16460,9 @@ init_emotion_jsx_shim();
|
|
|
16399
16460
|
|
|
16400
16461
|
// src/components/Tiles/styles/Tile.styles.ts
|
|
16401
16462
|
init_emotion_jsx_shim();
|
|
16402
|
-
var
|
|
16463
|
+
var import_react77 = require("@emotion/react");
|
|
16403
16464
|
var tileBorderSize = "1px";
|
|
16404
|
-
var Tile =
|
|
16465
|
+
var Tile = import_react77.css`
|
|
16405
16466
|
background: var(--white);
|
|
16406
16467
|
cursor: pointer;
|
|
16407
16468
|
border: ${tileBorderSize} solid var(--gray-300);
|
|
@@ -16425,9 +16486,9 @@ var Tile = import_react75.css`
|
|
|
16425
16486
|
`;
|
|
16426
16487
|
|
|
16427
16488
|
// src/components/Tiles/Tile.tsx
|
|
16428
|
-
var
|
|
16489
|
+
var import_jsx_runtime73 = require("@emotion/react/jsx-runtime");
|
|
16429
16490
|
var Tile2 = ({ children, disabled, ...props }) => {
|
|
16430
|
-
return /* @__PURE__ */ (0,
|
|
16491
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("button", { type: "button", css: Tile, disabled, ...props, children });
|
|
16431
16492
|
};
|
|
16432
16493
|
|
|
16433
16494
|
// src/components/Tiles/TileContainer.tsx
|
|
@@ -16435,12 +16496,12 @@ init_emotion_jsx_shim();
|
|
|
16435
16496
|
|
|
16436
16497
|
// src/components/Tiles/styles/TileContainer.styles.ts
|
|
16437
16498
|
init_emotion_jsx_shim();
|
|
16438
|
-
var
|
|
16439
|
-
var TileContainerWrapper = (theme, padding) =>
|
|
16499
|
+
var import_react78 = require("@emotion/react");
|
|
16500
|
+
var TileContainerWrapper = (theme, padding) => import_react78.css`
|
|
16440
16501
|
background: ${theme};
|
|
16441
16502
|
padding: ${padding != "none" ? `var(--spacing-${padding})` : "0"};
|
|
16442
16503
|
`;
|
|
16443
|
-
var TileContainerInner = (gap, templateColumns) =>
|
|
16504
|
+
var TileContainerInner = (gap, templateColumns) => import_react78.css`
|
|
16444
16505
|
display: grid;
|
|
16445
16506
|
grid-template-columns: ${templateColumns};
|
|
16446
16507
|
gap: var(--spacing-${gap});
|
|
@@ -16454,7 +16515,7 @@ var TileContainerInner = (gap, templateColumns) => import_react76.css`
|
|
|
16454
16515
|
`;
|
|
16455
16516
|
|
|
16456
16517
|
// src/components/Tiles/TileContainer.tsx
|
|
16457
|
-
var
|
|
16518
|
+
var import_jsx_runtime74 = require("@emotion/react/jsx-runtime");
|
|
16458
16519
|
var TileContainer = ({
|
|
16459
16520
|
bgColor = "var(--brand-secondary-2)",
|
|
16460
16521
|
containerPadding = "base",
|
|
@@ -16463,7 +16524,7 @@ var TileContainer = ({
|
|
|
16463
16524
|
children,
|
|
16464
16525
|
...props
|
|
16465
16526
|
}) => {
|
|
16466
|
-
return /* @__PURE__ */ (0,
|
|
16527
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { css: TileContainerWrapper(bgColor, containerPadding), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { css: TileContainerInner(gap, gridTemplateColumns), children }) });
|
|
16467
16528
|
};
|
|
16468
16529
|
|
|
16469
16530
|
// src/components/Tiles/TileText.tsx
|
|
@@ -16471,21 +16532,21 @@ init_emotion_jsx_shim();
|
|
|
16471
16532
|
|
|
16472
16533
|
// src/components/Tiles/styles/TileText.styles.ts
|
|
16473
16534
|
init_emotion_jsx_shim();
|
|
16474
|
-
var
|
|
16475
|
-
var TileHeading =
|
|
16535
|
+
var import_react79 = require("@emotion/react");
|
|
16536
|
+
var TileHeading = import_react79.css`
|
|
16476
16537
|
font-size: var(--fs-base);
|
|
16477
16538
|
`;
|
|
16478
|
-
var TileText =
|
|
16539
|
+
var TileText = import_react79.css`
|
|
16479
16540
|
color: var(--gray-500);
|
|
16480
16541
|
font-size: var(--fs-sm);
|
|
16481
16542
|
line-height: 1.2;
|
|
16482
16543
|
`;
|
|
16483
16544
|
|
|
16484
16545
|
// src/components/Tiles/TileText.tsx
|
|
16485
|
-
var
|
|
16546
|
+
var import_jsx_runtime75 = require("@emotion/react/jsx-runtime");
|
|
16486
16547
|
var TileText2 = ({ as = "heading", children, ...props }) => {
|
|
16487
16548
|
const isHeading = as === "heading";
|
|
16488
|
-
return /* @__PURE__ */ (0,
|
|
16549
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
16489
16550
|
"span",
|
|
16490
16551
|
{
|
|
16491
16552
|
role: isHeading ? "heading" : void 0,
|
|
@@ -16498,39 +16559,39 @@ var TileText2 = ({ as = "heading", children, ...props }) => {
|
|
|
16498
16559
|
|
|
16499
16560
|
// src/components/IntegrationModalHeader/IntegrationModalHeader.styles.ts
|
|
16500
16561
|
init_emotion_jsx_shim();
|
|
16501
|
-
var
|
|
16502
|
-
var IntegrationModalHeaderSVGBackground =
|
|
16562
|
+
var import_react80 = require("@emotion/react");
|
|
16563
|
+
var IntegrationModalHeaderSVGBackground = import_react80.css`
|
|
16503
16564
|
position: absolute;
|
|
16504
16565
|
top: 0;
|
|
16505
16566
|
left: 0;
|
|
16506
16567
|
`;
|
|
16507
|
-
var IntegrationModalHeaderGroup =
|
|
16568
|
+
var IntegrationModalHeaderGroup = import_react80.css`
|
|
16508
16569
|
align-items: center;
|
|
16509
16570
|
display: flex;
|
|
16510
16571
|
gap: var(--spacing-sm);
|
|
16511
16572
|
margin: 0 0 var(--spacing-md);
|
|
16512
16573
|
position: relative;
|
|
16513
16574
|
`;
|
|
16514
|
-
var IntegrationModalHeaderTitleGroup =
|
|
16575
|
+
var IntegrationModalHeaderTitleGroup = import_react80.css`
|
|
16515
16576
|
align-items: center;
|
|
16516
16577
|
display: flex;
|
|
16517
16578
|
gap: var(--spacing-base);
|
|
16518
16579
|
`;
|
|
16519
|
-
var IntegrationModalHeaderTitle =
|
|
16580
|
+
var IntegrationModalHeaderTitle = import_react80.css`
|
|
16520
16581
|
margin-top: 0;
|
|
16521
16582
|
`;
|
|
16522
|
-
var IntegrationModalHeaderMenuPlacement =
|
|
16583
|
+
var IntegrationModalHeaderMenuPlacement = import_react80.css`
|
|
16523
16584
|
margin-bottom: var(--spacing-base);
|
|
16524
16585
|
`;
|
|
16525
|
-
var IntegrationModalHeaderContentWrapper =
|
|
16586
|
+
var IntegrationModalHeaderContentWrapper = import_react80.css`
|
|
16526
16587
|
position: relative;
|
|
16527
16588
|
z-index: var(--z-10);
|
|
16528
16589
|
`;
|
|
16529
16590
|
|
|
16530
16591
|
// src/components/IntegrationModalHeader/IntegrationModalHeader.tsx
|
|
16531
|
-
var
|
|
16592
|
+
var import_jsx_runtime76 = require("@emotion/react/jsx-runtime");
|
|
16532
16593
|
var HexModalBackground = ({ ...props }) => {
|
|
16533
|
-
return /* @__PURE__ */ (0,
|
|
16594
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
|
|
16534
16595
|
"svg",
|
|
16535
16596
|
{
|
|
16536
16597
|
width: "236",
|
|
@@ -16540,7 +16601,7 @@ var HexModalBackground = ({ ...props }) => {
|
|
|
16540
16601
|
xmlns: "http://www.w3.org/2000/svg",
|
|
16541
16602
|
...props,
|
|
16542
16603
|
children: [
|
|
16543
|
-
/* @__PURE__ */ (0,
|
|
16604
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
16544
16605
|
"path",
|
|
16545
16606
|
{
|
|
16546
16607
|
fillRule: "evenodd",
|
|
@@ -16549,7 +16610,7 @@ var HexModalBackground = ({ ...props }) => {
|
|
|
16549
16610
|
fill: "url(#paint0_linear_196_2737)"
|
|
16550
16611
|
}
|
|
16551
16612
|
),
|
|
16552
|
-
/* @__PURE__ */ (0,
|
|
16613
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
|
|
16553
16614
|
"linearGradient",
|
|
16554
16615
|
{
|
|
16555
16616
|
id: "paint0_linear_196_2737",
|
|
@@ -16559,8 +16620,8 @@ var HexModalBackground = ({ ...props }) => {
|
|
|
16559
16620
|
y2: "-95.2742",
|
|
16560
16621
|
gradientUnits: "userSpaceOnUse",
|
|
16561
16622
|
children: [
|
|
16562
|
-
/* @__PURE__ */ (0,
|
|
16563
|
-
/* @__PURE__ */ (0,
|
|
16623
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { stopColor: "#81DCDE" }),
|
|
16624
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("stop", { offset: "1", stopColor: "#428ED4" })
|
|
16564
16625
|
]
|
|
16565
16626
|
}
|
|
16566
16627
|
) })
|
|
@@ -16569,24 +16630,24 @@ var HexModalBackground = ({ ...props }) => {
|
|
|
16569
16630
|
);
|
|
16570
16631
|
};
|
|
16571
16632
|
var IntegrationModalHeader = ({ icon, name, menu: menu2, children }) => {
|
|
16572
|
-
return /* @__PURE__ */ (0,
|
|
16573
|
-
/* @__PURE__ */ (0,
|
|
16574
|
-
/* @__PURE__ */ (0,
|
|
16575
|
-
icon ? /* @__PURE__ */ (0,
|
|
16576
|
-
/* @__PURE__ */ (0,
|
|
16577
|
-
menu2 ? /* @__PURE__ */ (0,
|
|
16633
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
|
|
16634
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(HexModalBackground, { css: IntegrationModalHeaderSVGBackground, role: "presentation" }),
|
|
16635
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { css: IntegrationModalHeaderGroup, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { css: IntegrationModalHeaderTitleGroup, children: [
|
|
16636
|
+
icon ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(IntegrationModalIcon, { icon, name: name || "" }) : null,
|
|
16637
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Heading, { level: 3, css: IntegrationModalHeaderTitle, "data-testid": "integration-modal-title", children: name || "Create Team Integration" }),
|
|
16638
|
+
menu2 ? /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { css: IntegrationModalHeaderMenuPlacement, children: [
|
|
16578
16639
|
menu2,
|
|
16579
16640
|
" "
|
|
16580
16641
|
] }) : null
|
|
16581
16642
|
] }) }),
|
|
16582
|
-
/* @__PURE__ */ (0,
|
|
16643
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { css: IntegrationModalHeaderContentWrapper, children })
|
|
16583
16644
|
] });
|
|
16584
16645
|
};
|
|
16585
16646
|
|
|
16586
16647
|
// src/components/JsonEditor/JsonEditor.tsx
|
|
16587
16648
|
init_emotion_jsx_shim();
|
|
16588
|
-
var
|
|
16589
|
-
var
|
|
16649
|
+
var import_react81 = __toESM(require("@monaco-editor/react"));
|
|
16650
|
+
var import_jsx_runtime77 = require("@emotion/react/jsx-runtime");
|
|
16590
16651
|
var minEditorHeightPx = 150;
|
|
16591
16652
|
var JsonEditor = ({ defaultValue, onChange, jsonSchema, height, readOnly }) => {
|
|
16592
16653
|
let effectiveHeight = height;
|
|
@@ -16596,8 +16657,8 @@ var JsonEditor = ({ defaultValue, onChange, jsonSchema, height, readOnly }) => {
|
|
|
16596
16657
|
if (typeof effectiveHeight === "number" && effectiveHeight < minEditorHeightPx) {
|
|
16597
16658
|
effectiveHeight = minEditorHeightPx;
|
|
16598
16659
|
}
|
|
16599
|
-
return /* @__PURE__ */ (0,
|
|
16600
|
-
|
|
16660
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
16661
|
+
import_react81.default,
|
|
16601
16662
|
{
|
|
16602
16663
|
height: effectiveHeight,
|
|
16603
16664
|
className: "uniform-json-editor",
|
|
@@ -16637,39 +16698,39 @@ init_emotion_jsx_shim();
|
|
|
16637
16698
|
|
|
16638
16699
|
// src/components/LimitsBar/LimitsBar.styles.ts
|
|
16639
16700
|
init_emotion_jsx_shim();
|
|
16640
|
-
var
|
|
16641
|
-
var LimitsBarContainer =
|
|
16701
|
+
var import_react82 = require("@emotion/react");
|
|
16702
|
+
var LimitsBarContainer = import_react82.css`
|
|
16642
16703
|
margin-block: var(--spacing-sm);
|
|
16643
16704
|
`;
|
|
16644
|
-
var LimitsBarProgressBar =
|
|
16705
|
+
var LimitsBarProgressBar = import_react82.css`
|
|
16645
16706
|
background: var(--gray-100);
|
|
16646
16707
|
margin-top: var(--spacing-sm);
|
|
16647
16708
|
position: relative;
|
|
16648
16709
|
overflow: hidden;
|
|
16649
16710
|
height: 0.25rem;
|
|
16650
16711
|
`;
|
|
16651
|
-
var LimitsBarProgressBarLine =
|
|
16712
|
+
var LimitsBarProgressBarLine = import_react82.css`
|
|
16652
16713
|
position: absolute;
|
|
16653
16714
|
inset: 0;
|
|
16654
16715
|
transition: transform var(--duration-fast) var(--timing-ease-out);
|
|
16655
16716
|
`;
|
|
16656
|
-
var LimitsBarLabelContainer =
|
|
16717
|
+
var LimitsBarLabelContainer = import_react82.css`
|
|
16657
16718
|
display: flex;
|
|
16658
16719
|
justify-content: space-between;
|
|
16659
16720
|
font-weight: var(--fw-bold);
|
|
16660
16721
|
`;
|
|
16661
|
-
var LimitsBarLabel =
|
|
16722
|
+
var LimitsBarLabel = import_react82.css`
|
|
16662
16723
|
font-size: var(--fs-baase);
|
|
16663
16724
|
`;
|
|
16664
|
-
var LimitsBarBgColor = (statusColor) =>
|
|
16725
|
+
var LimitsBarBgColor = (statusColor) => import_react82.css`
|
|
16665
16726
|
background: ${statusColor};
|
|
16666
16727
|
`;
|
|
16667
|
-
var LimitsBarTextColor = (statusColor) =>
|
|
16728
|
+
var LimitsBarTextColor = (statusColor) => import_react82.css`
|
|
16668
16729
|
color: ${statusColor};
|
|
16669
16730
|
`;
|
|
16670
16731
|
|
|
16671
16732
|
// src/components/LimitsBar/LimitsBar.tsx
|
|
16672
|
-
var
|
|
16733
|
+
var import_jsx_runtime78 = require("@emotion/react/jsx-runtime");
|
|
16673
16734
|
var LimitsBar = ({ current, max, label }) => {
|
|
16674
16735
|
const maxPercentage = 100;
|
|
16675
16736
|
const progressBarValue = Math.ceil(current / max * maxPercentage);
|
|
@@ -16680,16 +16741,16 @@ var LimitsBar = ({ current, max, label }) => {
|
|
|
16680
16741
|
danger: "var(--brand-secondary-5)"
|
|
16681
16742
|
};
|
|
16682
16743
|
const statusColor = progressBarValue === 100 ? colorMap.danger : progressBarValue >= 75 ? colorMap.warn : colorMap.base;
|
|
16683
|
-
return /* @__PURE__ */ (0,
|
|
16684
|
-
/* @__PURE__ */ (0,
|
|
16685
|
-
/* @__PURE__ */ (0,
|
|
16686
|
-
/* @__PURE__ */ (0,
|
|
16744
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { css: LimitsBarContainer, children: [
|
|
16745
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { css: LimitsBarLabelContainer, children: [
|
|
16746
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { css: LimitsBarLabel, children: label }),
|
|
16747
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("span", { css: [LimitsBarLabel, LimitsBarTextColor(statusColor)], children: [
|
|
16687
16748
|
current,
|
|
16688
16749
|
" of ",
|
|
16689
16750
|
max
|
|
16690
16751
|
] })
|
|
16691
16752
|
] }),
|
|
16692
|
-
/* @__PURE__ */ (0,
|
|
16753
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
16693
16754
|
"div",
|
|
16694
16755
|
{
|
|
16695
16756
|
role: "progressbar",
|
|
@@ -16698,7 +16759,7 @@ var LimitsBar = ({ current, max, label }) => {
|
|
|
16698
16759
|
"aria-valuemax": max,
|
|
16699
16760
|
"aria-valuetext": `${current} of ${max}`,
|
|
16700
16761
|
css: LimitsBarProgressBar,
|
|
16701
|
-
children: /* @__PURE__ */ (0,
|
|
16762
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
16702
16763
|
"span",
|
|
16703
16764
|
{
|
|
16704
16765
|
role: "presentation",
|
|
@@ -16718,8 +16779,8 @@ init_emotion_jsx_shim();
|
|
|
16718
16779
|
|
|
16719
16780
|
// src/components/LinkList/LinkList.styles.ts
|
|
16720
16781
|
init_emotion_jsx_shim();
|
|
16721
|
-
var
|
|
16722
|
-
var LinkListContainer = (padding) =>
|
|
16782
|
+
var import_react83 = require("@emotion/react");
|
|
16783
|
+
var LinkListContainer = (padding) => import_react83.css`
|
|
16723
16784
|
padding: ${padding};
|
|
16724
16785
|
|
|
16725
16786
|
${mq("sm")} {
|
|
@@ -16727,32 +16788,32 @@ var LinkListContainer = (padding) => import_react81.css`
|
|
|
16727
16788
|
grid-row: 1 / last-line;
|
|
16728
16789
|
}
|
|
16729
16790
|
`;
|
|
16730
|
-
var LinkListTitle =
|
|
16791
|
+
var LinkListTitle = import_react83.css`
|
|
16731
16792
|
font-weight: var(--fw-bold);
|
|
16732
16793
|
font-size: var(--fs-sm);
|
|
16733
16794
|
text-transform: uppercase;
|
|
16734
16795
|
`;
|
|
16735
16796
|
|
|
16736
16797
|
// src/components/LinkList/LinkList.tsx
|
|
16737
|
-
var
|
|
16798
|
+
var import_jsx_runtime79 = require("@emotion/react/jsx-runtime");
|
|
16738
16799
|
var LinkList = ({ title, padding = "var(--spacing-md)", children, ...props }) => {
|
|
16739
|
-
return /* @__PURE__ */ (0,
|
|
16740
|
-
/* @__PURE__ */ (0,
|
|
16800
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { css: LinkListContainer(padding), ...props, children: [
|
|
16801
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Heading, { level: 3, css: LinkListTitle, children: title }),
|
|
16741
16802
|
children
|
|
16742
16803
|
] });
|
|
16743
16804
|
};
|
|
16744
16805
|
|
|
16745
16806
|
// src/components/List/ScrollableList.tsx
|
|
16746
16807
|
init_emotion_jsx_shim();
|
|
16747
|
-
var
|
|
16808
|
+
var import_react85 = require("@emotion/react");
|
|
16748
16809
|
|
|
16749
16810
|
// src/components/List/styles/ScrollableList.styles.ts
|
|
16750
16811
|
init_emotion_jsx_shim();
|
|
16751
|
-
var
|
|
16752
|
-
var ScrollableListContainer =
|
|
16812
|
+
var import_react84 = require("@emotion/react");
|
|
16813
|
+
var ScrollableListContainer = import_react84.css`
|
|
16753
16814
|
position: relative;
|
|
16754
16815
|
`;
|
|
16755
|
-
var ScrollableListInner =
|
|
16816
|
+
var ScrollableListInner = import_react84.css`
|
|
16756
16817
|
background: var(--gray-50);
|
|
16757
16818
|
border-top: 1px solid var(--gray-200);
|
|
16758
16819
|
border-bottom: 1px solid var(--gray-200);
|
|
@@ -16775,19 +16836,19 @@ var ScrollableListInner = import_react82.css`
|
|
|
16775
16836
|
`;
|
|
16776
16837
|
|
|
16777
16838
|
// src/components/List/ScrollableList.tsx
|
|
16778
|
-
var
|
|
16839
|
+
var import_jsx_runtime80 = require("@emotion/react/jsx-runtime");
|
|
16779
16840
|
var ScrollableList = ({ label, children, ...props }) => {
|
|
16780
|
-
return /* @__PURE__ */ (0,
|
|
16781
|
-
label ? /* @__PURE__ */ (0,
|
|
16841
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { css: [ScrollableListContainer, scrollbarStyles], ...props, children: [
|
|
16842
|
+
label ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
16782
16843
|
"span",
|
|
16783
16844
|
{
|
|
16784
|
-
css:
|
|
16845
|
+
css: import_react85.css`
|
|
16785
16846
|
${labelText}
|
|
16786
16847
|
`,
|
|
16787
16848
|
children: label
|
|
16788
16849
|
}
|
|
16789
16850
|
) : null,
|
|
16790
|
-
/* @__PURE__ */ (0,
|
|
16851
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { css: [ScrollableListInner, scrollbarStyles], children })
|
|
16791
16852
|
] });
|
|
16792
16853
|
};
|
|
16793
16854
|
|
|
@@ -16797,8 +16858,8 @@ var import_CgCheck3 = require("@react-icons/all-files/cg/CgCheck");
|
|
|
16797
16858
|
|
|
16798
16859
|
// src/components/List/styles/ScrollableListItem.styles.ts
|
|
16799
16860
|
init_emotion_jsx_shim();
|
|
16800
|
-
var
|
|
16801
|
-
var ScrollableListItemContainer =
|
|
16861
|
+
var import_react86 = require("@emotion/react");
|
|
16862
|
+
var ScrollableListItemContainer = import_react86.css`
|
|
16802
16863
|
align-items: center;
|
|
16803
16864
|
background: var(--white);
|
|
16804
16865
|
border-radius: var(--rounded-base);
|
|
@@ -16807,13 +16868,13 @@ var ScrollableListItemContainer = import_react84.css`
|
|
|
16807
16868
|
min-height: 52px;
|
|
16808
16869
|
transition: border-color var(--duration-fast) var(--timing-ease-out);
|
|
16809
16870
|
`;
|
|
16810
|
-
var ScrollableListItemShadow =
|
|
16871
|
+
var ScrollableListItemShadow = import_react86.css`
|
|
16811
16872
|
box-shadow: var(--shadow-base);
|
|
16812
16873
|
`;
|
|
16813
|
-
var ScrollableListItemActive =
|
|
16874
|
+
var ScrollableListItemActive = import_react86.css`
|
|
16814
16875
|
border-color: var(--brand-secondary-3);
|
|
16815
16876
|
`;
|
|
16816
|
-
var ScrollableListItemBtn =
|
|
16877
|
+
var ScrollableListItemBtn = import_react86.css`
|
|
16817
16878
|
align-items: center;
|
|
16818
16879
|
border: none;
|
|
16819
16880
|
background: transparent;
|
|
@@ -16828,27 +16889,27 @@ var ScrollableListItemBtn = import_react84.css`
|
|
|
16828
16889
|
outline: none;
|
|
16829
16890
|
}
|
|
16830
16891
|
`;
|
|
16831
|
-
var ScrollableListInputLabel =
|
|
16892
|
+
var ScrollableListInputLabel = import_react86.css`
|
|
16832
16893
|
align-items: center;
|
|
16833
16894
|
cursor: pointer;
|
|
16834
16895
|
display: flex;
|
|
16835
16896
|
padding: var(--spacing-xs) var(--spacing-base) var(--spacing-xs);
|
|
16836
16897
|
flex-grow: 1;
|
|
16837
16898
|
`;
|
|
16838
|
-
var ScrollableListInputText =
|
|
16899
|
+
var ScrollableListInputText = import_react86.css`
|
|
16839
16900
|
align-items: center;
|
|
16840
16901
|
display: flex;
|
|
16841
16902
|
gap: var(--spacing-sm);
|
|
16842
16903
|
flex-grow: 1;
|
|
16843
16904
|
flex-wrap: wrap;
|
|
16844
16905
|
`;
|
|
16845
|
-
var ScrollableListHiddenInput =
|
|
16906
|
+
var ScrollableListHiddenInput = import_react86.css`
|
|
16846
16907
|
position: absolute;
|
|
16847
16908
|
height: 0;
|
|
16848
16909
|
width: 0;
|
|
16849
16910
|
opacity: 0;
|
|
16850
16911
|
`;
|
|
16851
|
-
var ScrollableListIcon =
|
|
16912
|
+
var ScrollableListIcon = import_react86.css`
|
|
16852
16913
|
border-radius: var(--rounded-full);
|
|
16853
16914
|
background: var(--brand-secondary-3);
|
|
16854
16915
|
color: var(--white);
|
|
@@ -16856,12 +16917,12 @@ var ScrollableListIcon = import_react84.css`
|
|
|
16856
16917
|
min-width: 24px;
|
|
16857
16918
|
opacity: 0;
|
|
16858
16919
|
`;
|
|
16859
|
-
var ScrollableListIconVisible =
|
|
16920
|
+
var ScrollableListIconVisible = import_react86.css`
|
|
16860
16921
|
animation: ${fadeInBottom} var(--duration-fast) var(--timing-ease-out) forwards;
|
|
16861
16922
|
`;
|
|
16862
16923
|
|
|
16863
16924
|
// src/components/List/ScrollableListInputItem.tsx
|
|
16864
|
-
var
|
|
16925
|
+
var import_jsx_runtime81 = require("@emotion/react/jsx-runtime");
|
|
16865
16926
|
var ScrollableListInputItem = ({
|
|
16866
16927
|
label,
|
|
16867
16928
|
icon,
|
|
@@ -16871,7 +16932,7 @@ var ScrollableListInputItem = ({
|
|
|
16871
16932
|
labelTestId,
|
|
16872
16933
|
...props
|
|
16873
16934
|
}) => {
|
|
16874
|
-
return /* @__PURE__ */ (0,
|
|
16935
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
16875
16936
|
"div",
|
|
16876
16937
|
{
|
|
16877
16938
|
css: [
|
|
@@ -16880,13 +16941,13 @@ var ScrollableListInputItem = ({
|
|
|
16880
16941
|
active ? ScrollableListItemActive : void 0
|
|
16881
16942
|
],
|
|
16882
16943
|
...props,
|
|
16883
|
-
children: /* @__PURE__ */ (0,
|
|
16884
|
-
/* @__PURE__ */ (0,
|
|
16944
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("label", { "data-testid": labelTestId, css: ScrollableListInputLabel, children: [
|
|
16945
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("span", { css: ScrollableListInputText, children: [
|
|
16885
16946
|
icon,
|
|
16886
16947
|
label
|
|
16887
16948
|
] }),
|
|
16888
|
-
/* @__PURE__ */ (0,
|
|
16889
|
-
/* @__PURE__ */ (0,
|
|
16949
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { css: ScrollableListHiddenInput, children }),
|
|
16950
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
16890
16951
|
Icon,
|
|
16891
16952
|
{
|
|
16892
16953
|
icon: import_CgCheck3.CgCheck,
|
|
@@ -16905,14 +16966,14 @@ var ScrollableListInputItem = ({
|
|
|
16905
16966
|
// src/components/List/ScrollableListItem.tsx
|
|
16906
16967
|
init_emotion_jsx_shim();
|
|
16907
16968
|
var import_CgCheck4 = require("@react-icons/all-files/cg/CgCheck");
|
|
16908
|
-
var
|
|
16969
|
+
var import_jsx_runtime82 = require("@emotion/react/jsx-runtime");
|
|
16909
16970
|
var ScrollableListItem = ({
|
|
16910
16971
|
buttonText,
|
|
16911
16972
|
active,
|
|
16912
16973
|
disableShadow,
|
|
16913
16974
|
...props
|
|
16914
16975
|
}) => {
|
|
16915
|
-
return /* @__PURE__ */ (0,
|
|
16976
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
16916
16977
|
"div",
|
|
16917
16978
|
{
|
|
16918
16979
|
css: [
|
|
@@ -16920,9 +16981,9 @@ var ScrollableListItem = ({
|
|
|
16920
16981
|
disableShadow ? void 0 : ScrollableListItemShadow,
|
|
16921
16982
|
active ? ScrollableListItemActive : void 0
|
|
16922
16983
|
],
|
|
16923
|
-
children: /* @__PURE__ */ (0,
|
|
16924
|
-
/* @__PURE__ */ (0,
|
|
16925
|
-
/* @__PURE__ */ (0,
|
|
16984
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("button", { css: ScrollableListItemBtn, type: "button", ...props, children: [
|
|
16985
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { children: buttonText }),
|
|
16986
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
16926
16987
|
Icon,
|
|
16927
16988
|
{
|
|
16928
16989
|
icon: import_CgCheck4.CgCheck,
|
|
@@ -16941,10 +17002,10 @@ init_emotion_jsx_shim();
|
|
|
16941
17002
|
|
|
16942
17003
|
// src/components/LoadingIndicator/LoadingIndicator.styles.ts
|
|
16943
17004
|
init_emotion_jsx_shim();
|
|
16944
|
-
var
|
|
17005
|
+
var import_react87 = require("@emotion/react");
|
|
16945
17006
|
function bounceFade(size) {
|
|
16946
17007
|
const bounceHeight = size === "lg" ? 10 : 5;
|
|
16947
|
-
return
|
|
17008
|
+
return import_react87.keyframes`
|
|
16948
17009
|
0%, 100% {
|
|
16949
17010
|
opacity: 1.0;
|
|
16950
17011
|
transform: translateY(0);
|
|
@@ -16962,13 +17023,13 @@ function bounceFade(size) {
|
|
|
16962
17023
|
}
|
|
16963
17024
|
`;
|
|
16964
17025
|
}
|
|
16965
|
-
var loader =
|
|
17026
|
+
var loader = import_react87.css`
|
|
16966
17027
|
display: inline-flex;
|
|
16967
17028
|
justify-content: center;
|
|
16968
17029
|
`;
|
|
16969
17030
|
function loadingDot(size) {
|
|
16970
17031
|
const dotSize = size === "lg" ? 8 : 4;
|
|
16971
|
-
return
|
|
17032
|
+
return import_react87.css`
|
|
16972
17033
|
background-color: var(--gray-700);
|
|
16973
17034
|
display: block;
|
|
16974
17035
|
border-radius: var(--rounded-full);
|
|
@@ -16993,27 +17054,27 @@ function loadingDot(size) {
|
|
|
16993
17054
|
}
|
|
16994
17055
|
|
|
16995
17056
|
// src/components/LoadingIndicator/LoadingIndicator.tsx
|
|
16996
|
-
var
|
|
17057
|
+
var import_jsx_runtime83 = require("@emotion/react/jsx-runtime");
|
|
16997
17058
|
var LoadingIndicator = ({
|
|
16998
17059
|
size = "lg",
|
|
16999
17060
|
...props
|
|
17000
17061
|
}) => {
|
|
17001
17062
|
const dotStyle = loadingDot(size);
|
|
17002
|
-
return /* @__PURE__ */ (0,
|
|
17003
|
-
/* @__PURE__ */ (0,
|
|
17004
|
-
/* @__PURE__ */ (0,
|
|
17005
|
-
/* @__PURE__ */ (0,
|
|
17063
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { role: "alert", css: loader, "data-testid": "loading-indicator", ...props, children: [
|
|
17064
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { css: dotStyle }),
|
|
17065
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { css: dotStyle }),
|
|
17066
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { css: dotStyle })
|
|
17006
17067
|
] });
|
|
17007
17068
|
};
|
|
17008
17069
|
|
|
17009
17070
|
// src/components/LoadingOverlay/LoadingOverlay.tsx
|
|
17010
17071
|
init_emotion_jsx_shim();
|
|
17011
|
-
var
|
|
17072
|
+
var import_react89 = require("react");
|
|
17012
17073
|
|
|
17013
17074
|
// src/components/LoadingOverlay/LoadingOverlay.styles.ts
|
|
17014
17075
|
init_emotion_jsx_shim();
|
|
17015
|
-
var
|
|
17016
|
-
var loadingOverlayContainer =
|
|
17076
|
+
var import_react88 = require("@emotion/react");
|
|
17077
|
+
var loadingOverlayContainer = import_react88.css`
|
|
17017
17078
|
position: absolute;
|
|
17018
17079
|
inset: 0;
|
|
17019
17080
|
overflow: hidden;
|
|
@@ -17021,30 +17082,30 @@ var loadingOverlayContainer = import_react86.css`
|
|
|
17021
17082
|
padding: var(--spacing-xl);
|
|
17022
17083
|
overflow-y: auto;
|
|
17023
17084
|
`;
|
|
17024
|
-
var loadingOverlayVisible =
|
|
17085
|
+
var loadingOverlayVisible = import_react88.css`
|
|
17025
17086
|
display: flex;
|
|
17026
17087
|
`;
|
|
17027
|
-
var loadingOverlayHidden =
|
|
17088
|
+
var loadingOverlayHidden = import_react88.css`
|
|
17028
17089
|
display: none;
|
|
17029
17090
|
`;
|
|
17030
|
-
var loadingOverlayBackground = (bgColor) =>
|
|
17091
|
+
var loadingOverlayBackground = (bgColor) => import_react88.css`
|
|
17031
17092
|
background: ${bgColor};
|
|
17032
17093
|
opacity: 0.92;
|
|
17033
17094
|
position: absolute;
|
|
17034
17095
|
inset: 0 0;
|
|
17035
17096
|
`;
|
|
17036
|
-
var loadingOverlayBody =
|
|
17097
|
+
var loadingOverlayBody = import_react88.css`
|
|
17037
17098
|
align-items: center;
|
|
17038
17099
|
display: flex;
|
|
17039
17100
|
flex-direction: column;
|
|
17040
17101
|
`;
|
|
17041
|
-
var loadingOverlayMessage =
|
|
17102
|
+
var loadingOverlayMessage = import_react88.css`
|
|
17042
17103
|
color: var(--gray-600);
|
|
17043
17104
|
margin: var(--spacing-base) 0 0;
|
|
17044
17105
|
`;
|
|
17045
17106
|
|
|
17046
17107
|
// src/components/LoadingOverlay/LoadingOverlay.tsx
|
|
17047
|
-
var
|
|
17108
|
+
var import_jsx_runtime84 = require("@emotion/react/jsx-runtime");
|
|
17048
17109
|
var LoadingOverlay = ({
|
|
17049
17110
|
isActive,
|
|
17050
17111
|
statusMessage,
|
|
@@ -17055,14 +17116,14 @@ var LoadingOverlay = ({
|
|
|
17055
17116
|
isPaused = false,
|
|
17056
17117
|
children
|
|
17057
17118
|
}) => {
|
|
17058
|
-
const lottieRef = (0,
|
|
17059
|
-
const onLoopComplete = (0,
|
|
17119
|
+
const lottieRef = (0, import_react89.useRef)(null);
|
|
17120
|
+
const onLoopComplete = (0, import_react89.useCallback)(() => {
|
|
17060
17121
|
var _a, _b, _c;
|
|
17061
17122
|
if (isPaused && !((_b = (_a = lottieRef.current) == null ? void 0 : _a.animationItem) == null ? void 0 : _b.isPaused)) {
|
|
17062
17123
|
(_c = lottieRef.current) == null ? void 0 : _c.stop();
|
|
17063
17124
|
}
|
|
17064
17125
|
}, [isPaused]);
|
|
17065
|
-
(0,
|
|
17126
|
+
(0, import_react89.useEffect)(() => {
|
|
17066
17127
|
var _a, _b, _c, _d, _e, _f;
|
|
17067
17128
|
if (!isPaused && ((_b = (_a = lottieRef.current) == null ? void 0 : _a.animationItem) == null ? void 0 : _b.isPaused)) {
|
|
17068
17129
|
(_c = lottieRef.current) == null ? void 0 : _c.play();
|
|
@@ -17070,7 +17131,7 @@ var LoadingOverlay = ({
|
|
|
17070
17131
|
(_f = lottieRef.current) == null ? void 0 : _f.stop();
|
|
17071
17132
|
}
|
|
17072
17133
|
}, [isPaused]);
|
|
17073
|
-
return /* @__PURE__ */ (0,
|
|
17134
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
17074
17135
|
"div",
|
|
17075
17136
|
{
|
|
17076
17137
|
role: "alert",
|
|
@@ -17078,9 +17139,9 @@ var LoadingOverlay = ({
|
|
|
17078
17139
|
"aria-hidden": !isActive,
|
|
17079
17140
|
"aria-busy": isActive && !isPaused,
|
|
17080
17141
|
children: [
|
|
17081
|
-
/* @__PURE__ */ (0,
|
|
17082
|
-
/* @__PURE__ */ (0,
|
|
17083
|
-
/* @__PURE__ */ (0,
|
|
17142
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { css: loadingOverlayBackground(overlayBackgroundColor) }),
|
|
17143
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { css: { position: "relative", maxWidth: "100%", margin: isTopAligned ? "0" : "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { css: loadingOverlayBody, children: [
|
|
17144
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
17084
17145
|
AnimationFile,
|
|
17085
17146
|
{
|
|
17086
17147
|
lottieRef,
|
|
@@ -17095,15 +17156,15 @@ var LoadingOverlay = ({
|
|
|
17095
17156
|
}
|
|
17096
17157
|
}
|
|
17097
17158
|
),
|
|
17098
|
-
statusMessage ? /* @__PURE__ */ (0,
|
|
17099
|
-
/* @__PURE__ */ (0,
|
|
17159
|
+
statusMessage ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { css: loadingOverlayMessage, children: statusMessage }) : null,
|
|
17160
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { css: { width: "100%", marginTop: "var(--spacing-md)" }, children })
|
|
17100
17161
|
] }) })
|
|
17101
17162
|
]
|
|
17102
17163
|
}
|
|
17103
17164
|
);
|
|
17104
17165
|
};
|
|
17105
17166
|
var LoadingIcon = ({ height, width, ...props }) => {
|
|
17106
|
-
return /* @__PURE__ */ (0,
|
|
17167
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
17107
17168
|
"svg",
|
|
17108
17169
|
{
|
|
17109
17170
|
viewBox: "0 0 38 38",
|
|
@@ -17113,9 +17174,9 @@ var LoadingIcon = ({ height, width, ...props }) => {
|
|
|
17113
17174
|
stroke: "currentColor",
|
|
17114
17175
|
...props,
|
|
17115
17176
|
"data-testid": "loading-icon",
|
|
17116
|
-
children: /* @__PURE__ */ (0,
|
|
17117
|
-
/* @__PURE__ */ (0,
|
|
17118
|
-
/* @__PURE__ */ (0,
|
|
17177
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("g", { transform: "translate(1 1)", strokeWidth: "2", children: [
|
|
17178
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("circle", { strokeOpacity: ".25", cx: "18", cy: "18", r: "18" }),
|
|
17179
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("path", { d: "M36 18c0-9.94-8.06-18-18-18", transform: "rotate(166.645 18 18)", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
17119
17180
|
"animateTransform",
|
|
17120
17181
|
{
|
|
17121
17182
|
attributeName: "transform",
|
|
@@ -17131,15 +17192,186 @@ var LoadingIcon = ({ height, width, ...props }) => {
|
|
|
17131
17192
|
);
|
|
17132
17193
|
};
|
|
17133
17194
|
|
|
17195
|
+
// src/components/MediaCard/index.ts
|
|
17196
|
+
init_emotion_jsx_shim();
|
|
17197
|
+
|
|
17198
|
+
// src/components/MediaCard/MediaCard.tsx
|
|
17199
|
+
init_emotion_jsx_shim();
|
|
17200
|
+
|
|
17201
|
+
// src/components/Popover/Popover.tsx
|
|
17202
|
+
init_emotion_jsx_shim();
|
|
17203
|
+
var import_Popover = require("reakit/Popover");
|
|
17204
|
+
|
|
17205
|
+
// src/components/Popover/Popover.styles.ts
|
|
17206
|
+
init_emotion_jsx_shim();
|
|
17207
|
+
var import_react90 = require("@emotion/react");
|
|
17208
|
+
var PopoverBtn = import_react90.css`
|
|
17209
|
+
border: none;
|
|
17210
|
+
background: none;
|
|
17211
|
+
`;
|
|
17212
|
+
var PopoverDefaulterTriggerBtn = import_react90.css`
|
|
17213
|
+
border: none;
|
|
17214
|
+
background: none;
|
|
17215
|
+
padding: var(--spacing-2xs);
|
|
17216
|
+
border-radius: var(--rounded-full);
|
|
17217
|
+
|
|
17218
|
+
&:hover {
|
|
17219
|
+
background-color: rgba(0, 0, 0, 0.05);
|
|
17220
|
+
}
|
|
17221
|
+
`;
|
|
17222
|
+
var Popover = import_react90.css`
|
|
17223
|
+
border-left: var(--spacing-xs) solid var(--brand-secondary-3);
|
|
17224
|
+
border-radius: var(--rounded-base);
|
|
17225
|
+
box-shadow: var(--shadow-base);
|
|
17226
|
+
background: var(--white);
|
|
17227
|
+
display: grid;
|
|
17228
|
+
gap: var(--spacing-sm);
|
|
17229
|
+
padding: var(--spacing-sm);
|
|
17230
|
+
font-size: var(--fs-sm);
|
|
17231
|
+
max-width: 220px;
|
|
17232
|
+
z-index: var(--z-tooltip);
|
|
17233
|
+
`;
|
|
17234
|
+
|
|
17235
|
+
// src/components/Popover/Popover.tsx
|
|
17236
|
+
var import_jsx_runtime85 = require("@emotion/react/jsx-runtime");
|
|
17237
|
+
var Popover2 = ({
|
|
17238
|
+
iconColor = "action",
|
|
17239
|
+
icon = "info",
|
|
17240
|
+
iconSize = "1rem",
|
|
17241
|
+
buttonText,
|
|
17242
|
+
ariaLabel,
|
|
17243
|
+
placement = "bottom",
|
|
17244
|
+
testId,
|
|
17245
|
+
trigger,
|
|
17246
|
+
children,
|
|
17247
|
+
...otherProps
|
|
17248
|
+
}) => {
|
|
17249
|
+
const popover = (0, import_Popover.usePopoverState)({ placement });
|
|
17250
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
|
|
17251
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
17252
|
+
import_Popover.PopoverDisclosure,
|
|
17253
|
+
{
|
|
17254
|
+
...popover,
|
|
17255
|
+
css: [PopoverBtn, trigger ? void 0 : PopoverDefaulterTriggerBtn],
|
|
17256
|
+
title: buttonText,
|
|
17257
|
+
"data-testid": testId,
|
|
17258
|
+
children: trigger ? trigger : /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
|
|
17259
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Icon, { icon, iconColor, size: iconSize }),
|
|
17260
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { hidden: true, children: buttonText })
|
|
17261
|
+
] })
|
|
17262
|
+
}
|
|
17263
|
+
),
|
|
17264
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_Popover.Popover, { css: Popover, ...otherProps, ...popover, role: "tooltip", "aria-label": ariaLabel, children })
|
|
17265
|
+
] });
|
|
17266
|
+
};
|
|
17267
|
+
|
|
17268
|
+
// src/components/MediaCard/MediaCard.styles.ts
|
|
17269
|
+
init_emotion_jsx_shim();
|
|
17270
|
+
var import_react91 = require("@emotion/react");
|
|
17271
|
+
var cardBaseStyles = import_react91.css`
|
|
17272
|
+
display: flex;
|
|
17273
|
+
flex-direction: column;
|
|
17274
|
+
justify-content: flex-start;
|
|
17275
|
+
align-items: stretch;
|
|
17276
|
+
aspect-ratio: 4/3;
|
|
17277
|
+
padding: 0;
|
|
17278
|
+
min-height: unset;
|
|
17279
|
+
outline: none;
|
|
17280
|
+
|
|
17281
|
+
&:focus-visible {
|
|
17282
|
+
outline: 2px solid var(--primary-action-default);
|
|
17283
|
+
}
|
|
17284
|
+
`;
|
|
17285
|
+
var cardBaseCoverIconWrapperStyles = import_react91.css`
|
|
17286
|
+
position: relative;
|
|
17287
|
+
display: flex;
|
|
17288
|
+
align-items: center;
|
|
17289
|
+
justify-content: center;
|
|
17290
|
+
flex: 1;
|
|
17291
|
+
background-color: var(--gray-50);
|
|
17292
|
+
overflow: hidden;
|
|
17293
|
+
border-radius: 3px 3px 0 0;
|
|
17294
|
+
padding: var(--spacing-sm);
|
|
17295
|
+
cursor: pointer;
|
|
17296
|
+
`;
|
|
17297
|
+
var cardBaseContentStyles = import_react91.css`
|
|
17298
|
+
padding: var(--spacing-sm);
|
|
17299
|
+
`;
|
|
17300
|
+
var cardBaseTitleStyles = import_react91.css`
|
|
17301
|
+
font-size: var(--fs-sm);
|
|
17302
|
+
color: var(--gray-500);
|
|
17303
|
+
cursor: pointer;
|
|
17304
|
+
`;
|
|
17305
|
+
var cardBaseSubtitleStyles = import_react91.css`
|
|
17306
|
+
font-size: var(--fs-xs);
|
|
17307
|
+
color: var(--gray-500);
|
|
17308
|
+
`;
|
|
17309
|
+
var cardBaseMenuButtonStyles = import_react91.css`
|
|
17310
|
+
padding: var(--spacing-2xs);
|
|
17311
|
+
border-radius: var(--rounded-sm);
|
|
17312
|
+
border-width: 0;
|
|
17313
|
+
background-color: transparent;
|
|
17314
|
+
|
|
17315
|
+
&:hover {
|
|
17316
|
+
background-color: rgba(0, 0, 0, 0.05);
|
|
17317
|
+
}
|
|
17318
|
+
`;
|
|
17319
|
+
|
|
17320
|
+
// src/components/MediaCard/MediaCard.tsx
|
|
17321
|
+
var import_jsx_runtime86 = require("@emotion/react/jsx-runtime");
|
|
17322
|
+
var MediaCard = ({
|
|
17323
|
+
title,
|
|
17324
|
+
subtitle,
|
|
17325
|
+
infoPopover,
|
|
17326
|
+
cover,
|
|
17327
|
+
menuItems,
|
|
17328
|
+
sideSection,
|
|
17329
|
+
onClick,
|
|
17330
|
+
...cardProps
|
|
17331
|
+
}) => {
|
|
17332
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(Card, { tag: "button", css: cardBaseStyles, ...cardProps, onClick, children: [
|
|
17333
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { css: cardBaseCoverIconWrapperStyles, children: cover }),
|
|
17334
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { css: cardBaseContentStyles, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(HorizontalRhythm, { gap: "sm", justify: "space-between", align: "center", css: { width: "100%" }, children: [
|
|
17335
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(VerticalRhythm, { gap: "0", align: "flex-start", css: { flex: 1 }, children: [
|
|
17336
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(HorizontalRhythm, { gap: "xs", align: "center", children: [
|
|
17337
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { css: cardBaseTitleStyles, "data-testid": "card-title", children: title }),
|
|
17338
|
+
!infoPopover ? null : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { css: { display: "flex", cursor: "default" }, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
17339
|
+
Popover2,
|
|
17340
|
+
{
|
|
17341
|
+
baseId: `info-of-${title}`,
|
|
17342
|
+
buttonText: "Details",
|
|
17343
|
+
ariaLabel: "Details",
|
|
17344
|
+
iconColor: "default",
|
|
17345
|
+
tabIndex: 0,
|
|
17346
|
+
css: { display: "block" },
|
|
17347
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { children: infoPopover })
|
|
17348
|
+
}
|
|
17349
|
+
) })
|
|
17350
|
+
] }),
|
|
17351
|
+
!subtitle ? null : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { css: cardBaseSubtitleStyles, children: subtitle })
|
|
17352
|
+
] }),
|
|
17353
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { css: { cursor: "default" }, onClick: (e) => e.stopPropagation(), children: sideSection }),
|
|
17354
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(VerticalRhythm, { align: "center", justify: "center", onClick: (e) => e.stopPropagation(), children: !menuItems || Array.isArray(menuItems) && !menuItems.length ? null : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
17355
|
+
Menu,
|
|
17356
|
+
{
|
|
17357
|
+
menuTrigger: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("button", { type: "button", "aria-label": "More options", css: cardBaseMenuButtonStyles, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Icon, { icon: "more-alt", iconColor: "gray", size: 16 }) }),
|
|
17358
|
+
menuLabel: `Menu of ${title}`,
|
|
17359
|
+
children: menuItems
|
|
17360
|
+
}
|
|
17361
|
+
) })
|
|
17362
|
+
] }) })
|
|
17363
|
+
] });
|
|
17364
|
+
};
|
|
17365
|
+
|
|
17134
17366
|
// src/components/Modal/Modal.tsx
|
|
17135
17367
|
init_emotion_jsx_shim();
|
|
17136
17368
|
var import_CgClose6 = require("@react-icons/all-files/cg/CgClose");
|
|
17137
|
-
var
|
|
17369
|
+
var import_react93 = __toESM(require("react"));
|
|
17138
17370
|
|
|
17139
17371
|
// src/components/Modal/Modal.styles.ts
|
|
17140
17372
|
init_emotion_jsx_shim();
|
|
17141
|
-
var
|
|
17142
|
-
var modalWrapperStyles =
|
|
17373
|
+
var import_react92 = require("@emotion/react");
|
|
17374
|
+
var modalWrapperStyles = import_react92.css`
|
|
17143
17375
|
position: fixed;
|
|
17144
17376
|
inset: 0;
|
|
17145
17377
|
display: flex;
|
|
@@ -17147,13 +17379,13 @@ var modalWrapperStyles = import_react88.css`
|
|
|
17147
17379
|
justify-content: center;
|
|
17148
17380
|
z-index: var(--z-drawer);
|
|
17149
17381
|
`;
|
|
17150
|
-
var modalBackdropStyles =
|
|
17382
|
+
var modalBackdropStyles = import_react92.css`
|
|
17151
17383
|
position: absolute;
|
|
17152
17384
|
inset: 0;
|
|
17153
17385
|
background-color: var(--brand-secondary-1);
|
|
17154
17386
|
opacity: 0.4;
|
|
17155
17387
|
`;
|
|
17156
|
-
var modalStyles =
|
|
17388
|
+
var modalStyles = import_react92.css`
|
|
17157
17389
|
position: relative;
|
|
17158
17390
|
display: flex;
|
|
17159
17391
|
flex-direction: column;
|
|
@@ -17168,21 +17400,21 @@ var modalStyles = import_react88.css`
|
|
|
17168
17400
|
color: unset;
|
|
17169
17401
|
z-index: 1;
|
|
17170
17402
|
`;
|
|
17171
|
-
var modalHeaderStyles =
|
|
17403
|
+
var modalHeaderStyles = import_react92.css`
|
|
17172
17404
|
display: flex;
|
|
17173
17405
|
align-items: flex-start;
|
|
17174
17406
|
gap: var(--spacing-base);
|
|
17175
17407
|
font-size: var(--fs-md);
|
|
17176
17408
|
line-height: 1.2;
|
|
17177
17409
|
`;
|
|
17178
|
-
var modalCloseButtonStyles =
|
|
17410
|
+
var modalCloseButtonStyles = import_react92.css`
|
|
17179
17411
|
display: block;
|
|
17180
17412
|
padding: 0;
|
|
17181
17413
|
background: transparent;
|
|
17182
17414
|
border: none;
|
|
17183
17415
|
margin-left: auto;
|
|
17184
17416
|
`;
|
|
17185
|
-
var modalContentStyles =
|
|
17417
|
+
var modalContentStyles = import_react92.css`
|
|
17186
17418
|
flex: 1;
|
|
17187
17419
|
background-color: white;
|
|
17188
17420
|
padding: var(--spacing-md);
|
|
@@ -17191,10 +17423,10 @@ var modalContentStyles = import_react88.css`
|
|
|
17191
17423
|
`;
|
|
17192
17424
|
|
|
17193
17425
|
// src/components/Modal/Modal.tsx
|
|
17194
|
-
var
|
|
17426
|
+
var import_jsx_runtime87 = require("@emotion/react/jsx-runtime");
|
|
17195
17427
|
var defaultModalWidth = "75rem";
|
|
17196
17428
|
var defaultModalHeight = "51rem";
|
|
17197
|
-
var Modal =
|
|
17429
|
+
var Modal = import_react93.default.forwardRef(
|
|
17198
17430
|
({
|
|
17199
17431
|
header,
|
|
17200
17432
|
children,
|
|
@@ -17210,12 +17442,12 @@ var Modal = import_react89.default.forwardRef(
|
|
|
17210
17442
|
handler: onRequestClose,
|
|
17211
17443
|
shortcut: "escape"
|
|
17212
17444
|
});
|
|
17213
|
-
return /* @__PURE__ */ (0,
|
|
17214
|
-
/* @__PURE__ */ (0,
|
|
17215
|
-
/* @__PURE__ */ (0,
|
|
17216
|
-
/* @__PURE__ */ (0,
|
|
17217
|
-
/* @__PURE__ */ (0,
|
|
17218
|
-
/* @__PURE__ */ (0,
|
|
17445
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { css: [modalWrapperStyles, wrapperClassName], children: [
|
|
17446
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { onClick: onRequestClose, css: modalBackdropStyles }),
|
|
17447
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("dialog", { ref, css: modalStyles, style: { width, height }, ...modalProps, children: [
|
|
17448
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { css: modalHeaderStyles, children: [
|
|
17449
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { children: header }),
|
|
17450
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
17219
17451
|
Button,
|
|
17220
17452
|
{
|
|
17221
17453
|
type: "button",
|
|
@@ -17224,12 +17456,12 @@ var Modal = import_react89.default.forwardRef(
|
|
|
17224
17456
|
title: "Close dialog",
|
|
17225
17457
|
buttonType: "ghost",
|
|
17226
17458
|
"data-testid": "close-dialog",
|
|
17227
|
-
children: /* @__PURE__ */ (0,
|
|
17459
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Icon, { icon: import_CgClose6.CgClose, iconColor: "gray", size: 24 })
|
|
17228
17460
|
}
|
|
17229
17461
|
)
|
|
17230
17462
|
] }),
|
|
17231
|
-
/* @__PURE__ */ (0,
|
|
17232
|
-
buttonGroup ? /* @__PURE__ */ (0,
|
|
17463
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { css: [modalContentStyles, !withoutContentPadding ? null : { padding: 0 }], children }),
|
|
17464
|
+
buttonGroup ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(HorizontalRhythm, { children: buttonGroup }) : null
|
|
17233
17465
|
] })
|
|
17234
17466
|
] });
|
|
17235
17467
|
}
|
|
@@ -17238,8 +17470,8 @@ Modal.displayName = "Modal";
|
|
|
17238
17470
|
|
|
17239
17471
|
// src/components/ParameterInputs/hooks/ParameterShellContext.tsx
|
|
17240
17472
|
init_emotion_jsx_shim();
|
|
17241
|
-
var
|
|
17242
|
-
var ParameterShellContext = (0,
|
|
17473
|
+
var import_react94 = require("react");
|
|
17474
|
+
var ParameterShellContext = (0, import_react94.createContext)({
|
|
17243
17475
|
id: "",
|
|
17244
17476
|
label: "",
|
|
17245
17477
|
hiddenLabel: void 0,
|
|
@@ -17248,7 +17480,7 @@ var ParameterShellContext = (0, import_react90.createContext)({
|
|
|
17248
17480
|
}
|
|
17249
17481
|
});
|
|
17250
17482
|
var useParameterShell = () => {
|
|
17251
|
-
const { id, label, hiddenLabel, errorMessage, handleManuallySetErrorMessage } = (0,
|
|
17483
|
+
const { id, label, hiddenLabel, errorMessage, handleManuallySetErrorMessage } = (0, import_react94.useContext)(ParameterShellContext);
|
|
17252
17484
|
return {
|
|
17253
17485
|
id,
|
|
17254
17486
|
label,
|
|
@@ -17263,8 +17495,8 @@ init_emotion_jsx_shim();
|
|
|
17263
17495
|
|
|
17264
17496
|
// src/components/ParameterInputs/styles/LabelLeadingIcon.styles.ts
|
|
17265
17497
|
init_emotion_jsx_shim();
|
|
17266
|
-
var
|
|
17267
|
-
var inputIconBtn =
|
|
17498
|
+
var import_react95 = require("@emotion/react");
|
|
17499
|
+
var inputIconBtn = import_react95.css`
|
|
17268
17500
|
align-items: center;
|
|
17269
17501
|
border: none;
|
|
17270
17502
|
border-radius: var(--rounded-base);
|
|
@@ -17290,7 +17522,7 @@ var inputIconBtn = import_react91.css`
|
|
|
17290
17522
|
`;
|
|
17291
17523
|
|
|
17292
17524
|
// src/components/ParameterInputs/LabelLeadingIcon.tsx
|
|
17293
|
-
var
|
|
17525
|
+
var import_jsx_runtime88 = require("@emotion/react/jsx-runtime");
|
|
17294
17526
|
var LabelLeadingIcon = ({
|
|
17295
17527
|
icon,
|
|
17296
17528
|
iconColor,
|
|
@@ -17302,7 +17534,7 @@ var LabelLeadingIcon = ({
|
|
|
17302
17534
|
...props
|
|
17303
17535
|
}) => {
|
|
17304
17536
|
const titleFr = title != null ? title : isLocked ? "Read-only pattern parameter" : isBound ? "Connected to external content. Click to edit" : "Click to connect to external content";
|
|
17305
|
-
return /* @__PURE__ */ (0,
|
|
17537
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Tooltip, { title: titleFr, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
|
|
17306
17538
|
"button",
|
|
17307
17539
|
{
|
|
17308
17540
|
css: inputIconBtn,
|
|
@@ -17311,7 +17543,7 @@ var LabelLeadingIcon = ({
|
|
|
17311
17543
|
"aria-disabled": isLocked,
|
|
17312
17544
|
...props,
|
|
17313
17545
|
children: [
|
|
17314
|
-
/* @__PURE__ */ (0,
|
|
17546
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
17315
17547
|
Icon,
|
|
17316
17548
|
{
|
|
17317
17549
|
icon: isLocked ? "lock" : icon ? icon : "arrows-expand-down-right",
|
|
@@ -17331,8 +17563,8 @@ init_emotion_jsx_shim();
|
|
|
17331
17563
|
|
|
17332
17564
|
// src/components/ParameterInputs/styles/ParameterInput.styles.ts
|
|
17333
17565
|
init_emotion_jsx_shim();
|
|
17334
|
-
var
|
|
17335
|
-
var inputContainer2 =
|
|
17566
|
+
var import_react96 = require("@emotion/react");
|
|
17567
|
+
var inputContainer2 = import_react96.css`
|
|
17336
17568
|
position: relative;
|
|
17337
17569
|
|
|
17338
17570
|
&:hover,
|
|
@@ -17344,14 +17576,14 @@ var inputContainer2 = import_react92.css`
|
|
|
17344
17576
|
}
|
|
17345
17577
|
}
|
|
17346
17578
|
`;
|
|
17347
|
-
var labelText2 =
|
|
17579
|
+
var labelText2 = import_react96.css`
|
|
17348
17580
|
align-items: center;
|
|
17349
17581
|
display: flex;
|
|
17350
17582
|
gap: var(--spacing-xs);
|
|
17351
17583
|
font-weight: var(--fw-regular);
|
|
17352
17584
|
margin: 0 0 var(--spacing-xs);
|
|
17353
17585
|
`;
|
|
17354
|
-
var input2 =
|
|
17586
|
+
var input2 = import_react96.css`
|
|
17355
17587
|
display: block;
|
|
17356
17588
|
appearance: none;
|
|
17357
17589
|
box-sizing: border-box;
|
|
@@ -17395,18 +17627,18 @@ var input2 = import_react92.css`
|
|
|
17395
17627
|
color: var(--gray-400);
|
|
17396
17628
|
}
|
|
17397
17629
|
`;
|
|
17398
|
-
var selectInput =
|
|
17630
|
+
var selectInput = import_react96.css`
|
|
17399
17631
|
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z' fill='currentColor' /%3E%3C/svg%3E");
|
|
17400
17632
|
background-position: right var(--spacing-sm) center;
|
|
17401
17633
|
background-repeat: no-repeat;
|
|
17402
17634
|
background-size: 1rem;
|
|
17403
17635
|
padding-right: var(--spacing-xl);
|
|
17404
17636
|
`;
|
|
17405
|
-
var inputWrapper =
|
|
17637
|
+
var inputWrapper = import_react96.css`
|
|
17406
17638
|
display: flex; // used to correct overflow with chrome textarea
|
|
17407
17639
|
position: relative;
|
|
17408
17640
|
`;
|
|
17409
|
-
var inputIcon2 =
|
|
17641
|
+
var inputIcon2 = import_react96.css`
|
|
17410
17642
|
align-items: center;
|
|
17411
17643
|
background: var(--white);
|
|
17412
17644
|
border-radius: var(--rounded-md) 0 0 var(--rounded-md);
|
|
@@ -17422,7 +17654,7 @@ var inputIcon2 = import_react92.css`
|
|
|
17422
17654
|
width: var(--spacing-lg);
|
|
17423
17655
|
z-index: var(--z-10);
|
|
17424
17656
|
`;
|
|
17425
|
-
var inputToggleLabel2 =
|
|
17657
|
+
var inputToggleLabel2 = import_react96.css`
|
|
17426
17658
|
align-items: center;
|
|
17427
17659
|
background: var(--white);
|
|
17428
17660
|
cursor: pointer;
|
|
@@ -17433,7 +17665,7 @@ var inputToggleLabel2 = import_react92.css`
|
|
|
17433
17665
|
min-height: var(--spacing-md);
|
|
17434
17666
|
position: relative;
|
|
17435
17667
|
`;
|
|
17436
|
-
var toggleInput2 =
|
|
17668
|
+
var toggleInput2 = import_react96.css`
|
|
17437
17669
|
appearance: none;
|
|
17438
17670
|
border: 1px solid var(--gray-300);
|
|
17439
17671
|
background: var(--white);
|
|
@@ -17472,7 +17704,7 @@ var toggleInput2 = import_react92.css`
|
|
|
17472
17704
|
border-color: var(--gray-300);
|
|
17473
17705
|
}
|
|
17474
17706
|
`;
|
|
17475
|
-
var inlineLabel2 =
|
|
17707
|
+
var inlineLabel2 = import_react96.css`
|
|
17476
17708
|
padding-left: var(--spacing-lg);
|
|
17477
17709
|
font-size: var(--fs-sm);
|
|
17478
17710
|
font-weight: var(--fw-regular);
|
|
@@ -17488,7 +17720,7 @@ var inlineLabel2 = import_react92.css`
|
|
|
17488
17720
|
}
|
|
17489
17721
|
}
|
|
17490
17722
|
`;
|
|
17491
|
-
var inputMenu =
|
|
17723
|
+
var inputMenu = import_react96.css`
|
|
17492
17724
|
background: none;
|
|
17493
17725
|
border: none;
|
|
17494
17726
|
padding: var(--spacing-2xs);
|
|
@@ -17504,11 +17736,11 @@ var inputMenu = import_react92.css`
|
|
|
17504
17736
|
background-color: var(--gray-200);
|
|
17505
17737
|
}
|
|
17506
17738
|
`;
|
|
17507
|
-
var textarea2 =
|
|
17739
|
+
var textarea2 = import_react96.css`
|
|
17508
17740
|
resize: vertical;
|
|
17509
17741
|
min-height: 2rem;
|
|
17510
17742
|
`;
|
|
17511
|
-
var dataConnectButton =
|
|
17743
|
+
var dataConnectButton = import_react96.css`
|
|
17512
17744
|
align-items: center;
|
|
17513
17745
|
appearance: none;
|
|
17514
17746
|
box-sizing: border-box;
|
|
@@ -17543,7 +17775,7 @@ var dataConnectButton = import_react92.css`
|
|
|
17543
17775
|
pointer-events: none;
|
|
17544
17776
|
}
|
|
17545
17777
|
`;
|
|
17546
|
-
var linkParameterBtn =
|
|
17778
|
+
var linkParameterBtn = import_react96.css`
|
|
17547
17779
|
border-radius: var(--rounded-base);
|
|
17548
17780
|
background: var(--white);
|
|
17549
17781
|
border: none;
|
|
@@ -17552,7 +17784,7 @@ var linkParameterBtn = import_react92.css`
|
|
|
17552
17784
|
font-size: var(--fs-sm);
|
|
17553
17785
|
line-height: 1;
|
|
17554
17786
|
`;
|
|
17555
|
-
var linkParameterControls =
|
|
17787
|
+
var linkParameterControls = import_react96.css`
|
|
17556
17788
|
position: absolute;
|
|
17557
17789
|
inset: 0 0 0 auto;
|
|
17558
17790
|
padding: 0 var(--spacing-base);
|
|
@@ -17561,7 +17793,7 @@ var linkParameterControls = import_react92.css`
|
|
|
17561
17793
|
justify-content: center;
|
|
17562
17794
|
gap: var(--spacing-base);
|
|
17563
17795
|
`;
|
|
17564
|
-
var linkParameterInput = (withExternalLinkIcon) =>
|
|
17796
|
+
var linkParameterInput = (withExternalLinkIcon) => import_react96.css`
|
|
17565
17797
|
padding-right: calc(
|
|
17566
17798
|
${withExternalLinkIcon ? "calc(var(--spacing-lg) * 2 + var(--spacing-xs))" : "var(--spacing-xl)"} +
|
|
17567
17799
|
var(--spacing-base)
|
|
@@ -17574,7 +17806,7 @@ var linkParameterInput = (withExternalLinkIcon) => import_react92.css`
|
|
|
17574
17806
|
}
|
|
17575
17807
|
}
|
|
17576
17808
|
`;
|
|
17577
|
-
var linkParameterIcon =
|
|
17809
|
+
var linkParameterIcon = import_react96.css`
|
|
17578
17810
|
align-items: center;
|
|
17579
17811
|
color: var(--brand-secondary-3);
|
|
17580
17812
|
display: flex;
|
|
@@ -17589,7 +17821,7 @@ var linkParameterIcon = import_react92.css`
|
|
|
17589
17821
|
`;
|
|
17590
17822
|
|
|
17591
17823
|
// src/components/ParameterInputs/ParameterDataResource.tsx
|
|
17592
|
-
var
|
|
17824
|
+
var import_jsx_runtime89 = require("@emotion/react/jsx-runtime");
|
|
17593
17825
|
function ParameterDataResource({
|
|
17594
17826
|
label,
|
|
17595
17827
|
labelLeadingIcon,
|
|
@@ -17599,12 +17831,12 @@ function ParameterDataResource({
|
|
|
17599
17831
|
disabled,
|
|
17600
17832
|
children
|
|
17601
17833
|
}) {
|
|
17602
|
-
return /* @__PURE__ */ (0,
|
|
17603
|
-
/* @__PURE__ */ (0,
|
|
17834
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { "data-testid": "parameter-data-connect-button", children: [
|
|
17835
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("span", { css: labelText2, children: [
|
|
17604
17836
|
labelLeadingIcon ? labelLeadingIcon : null,
|
|
17605
17837
|
label
|
|
17606
17838
|
] }),
|
|
17607
|
-
/* @__PURE__ */ (0,
|
|
17839
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
|
|
17608
17840
|
"button",
|
|
17609
17841
|
{
|
|
17610
17842
|
type: "button",
|
|
@@ -17613,12 +17845,12 @@ function ParameterDataResource({
|
|
|
17613
17845
|
disabled,
|
|
17614
17846
|
onClick: onConnectDatasource,
|
|
17615
17847
|
children: [
|
|
17616
|
-
/* @__PURE__ */ (0,
|
|
17848
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "advance-input-icon", css: [inputIcon2], children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Icon, { icon: "stack", iconColor: "currentColor", size: "1rem" }) }),
|
|
17617
17849
|
children
|
|
17618
17850
|
]
|
|
17619
17851
|
}
|
|
17620
17852
|
),
|
|
17621
|
-
caption ? /* @__PURE__ */ (0,
|
|
17853
|
+
caption ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Caption, { children: caption }) : null
|
|
17622
17854
|
] });
|
|
17623
17855
|
}
|
|
17624
17856
|
|
|
@@ -17627,20 +17859,20 @@ init_emotion_jsx_shim();
|
|
|
17627
17859
|
|
|
17628
17860
|
// src/components/ParameterInputs/styles/ParameterDrawerHeader.styles.ts
|
|
17629
17861
|
init_emotion_jsx_shim();
|
|
17630
|
-
var
|
|
17631
|
-
var ParameterDrawerHeaderContainer =
|
|
17862
|
+
var import_react97 = require("@emotion/react");
|
|
17863
|
+
var ParameterDrawerHeaderContainer = import_react97.css`
|
|
17632
17864
|
align-items: center;
|
|
17633
17865
|
display: flex;
|
|
17634
17866
|
gap: var(--spacing-base);
|
|
17635
17867
|
justify-content: space-between;
|
|
17636
17868
|
margin-bottom: var(--spacing-sm);
|
|
17637
17869
|
`;
|
|
17638
|
-
var ParameterDrawerHeaderTitleGroup =
|
|
17870
|
+
var ParameterDrawerHeaderTitleGroup = import_react97.css`
|
|
17639
17871
|
align-items: center;
|
|
17640
17872
|
display: flex;
|
|
17641
17873
|
gap: var(--spacing-sm);
|
|
17642
17874
|
`;
|
|
17643
|
-
var ParameterDrawerHeaderTitle =
|
|
17875
|
+
var ParameterDrawerHeaderTitle = import_react97.css`
|
|
17644
17876
|
text-overflow: ellipsis;
|
|
17645
17877
|
white-space: nowrap;
|
|
17646
17878
|
overflow: hidden;
|
|
@@ -17648,12 +17880,12 @@ var ParameterDrawerHeaderTitle = import_react93.css`
|
|
|
17648
17880
|
`;
|
|
17649
17881
|
|
|
17650
17882
|
// src/components/ParameterInputs/ParameterDrawerHeader.tsx
|
|
17651
|
-
var
|
|
17883
|
+
var import_jsx_runtime90 = require("@emotion/react/jsx-runtime");
|
|
17652
17884
|
var ParameterDrawerHeader = ({ title, iconBeforeTitle, children }) => {
|
|
17653
|
-
return /* @__PURE__ */ (0,
|
|
17654
|
-
/* @__PURE__ */ (0,
|
|
17885
|
+
return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { css: ParameterDrawerHeaderContainer, children: [
|
|
17886
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("header", { css: ParameterDrawerHeaderTitleGroup, children: [
|
|
17655
17887
|
iconBeforeTitle,
|
|
17656
|
-
/* @__PURE__ */ (0,
|
|
17888
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Heading, { level: 3, withMarginBottom: false, css: ParameterDrawerHeaderTitle, title, children: title })
|
|
17657
17889
|
] }),
|
|
17658
17890
|
children
|
|
17659
17891
|
] });
|
|
@@ -17661,12 +17893,12 @@ var ParameterDrawerHeader = ({ title, iconBeforeTitle, children }) => {
|
|
|
17661
17893
|
|
|
17662
17894
|
// src/components/ParameterInputs/ParameterGroup.tsx
|
|
17663
17895
|
init_emotion_jsx_shim();
|
|
17664
|
-
var
|
|
17896
|
+
var import_react99 = require("react");
|
|
17665
17897
|
|
|
17666
17898
|
// src/components/ParameterInputs/styles/ParameterGroup.styles.ts
|
|
17667
17899
|
init_emotion_jsx_shim();
|
|
17668
|
-
var
|
|
17669
|
-
var fieldsetStyles =
|
|
17900
|
+
var import_react98 = require("@emotion/react");
|
|
17901
|
+
var fieldsetStyles = import_react98.css`
|
|
17670
17902
|
&:disabled,
|
|
17671
17903
|
[readonly] {
|
|
17672
17904
|
pointer-events: none;
|
|
@@ -17677,7 +17909,7 @@ var fieldsetStyles = import_react94.css`
|
|
|
17677
17909
|
}
|
|
17678
17910
|
}
|
|
17679
17911
|
`;
|
|
17680
|
-
var fieldsetLegend2 =
|
|
17912
|
+
var fieldsetLegend2 = import_react98.css`
|
|
17681
17913
|
display: block;
|
|
17682
17914
|
font-weight: var(--fw-medium);
|
|
17683
17915
|
margin-bottom: var(--spacing-sm);
|
|
@@ -17685,11 +17917,11 @@ var fieldsetLegend2 = import_react94.css`
|
|
|
17685
17917
|
`;
|
|
17686
17918
|
|
|
17687
17919
|
// src/components/ParameterInputs/ParameterGroup.tsx
|
|
17688
|
-
var
|
|
17689
|
-
var ParameterGroup = (0,
|
|
17920
|
+
var import_jsx_runtime91 = require("@emotion/react/jsx-runtime");
|
|
17921
|
+
var ParameterGroup = (0, import_react99.forwardRef)(
|
|
17690
17922
|
({ legend, isDisabled, children, ...props }, ref) => {
|
|
17691
|
-
return /* @__PURE__ */ (0,
|
|
17692
|
-
/* @__PURE__ */ (0,
|
|
17923
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("fieldset", { css: fieldsetStyles, disabled: isDisabled, ref, ...props, children: [
|
|
17924
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("legend", { css: fieldsetLegend2, children: legend }),
|
|
17693
17925
|
children
|
|
17694
17926
|
] });
|
|
17695
17927
|
}
|
|
@@ -17697,11 +17929,11 @@ var ParameterGroup = (0, import_react95.forwardRef)(
|
|
|
17697
17929
|
|
|
17698
17930
|
// src/components/ParameterInputs/ParameterImage.tsx
|
|
17699
17931
|
init_emotion_jsx_shim();
|
|
17700
|
-
var
|
|
17932
|
+
var import_react105 = require("react");
|
|
17701
17933
|
|
|
17702
17934
|
// src/components/ParameterInputs/ParameterImagePreview.tsx
|
|
17703
17935
|
init_emotion_jsx_shim();
|
|
17704
|
-
var
|
|
17936
|
+
var import_react101 = require("react");
|
|
17705
17937
|
var import_react_dom2 = require("react-dom");
|
|
17706
17938
|
|
|
17707
17939
|
// src/utils/url.ts
|
|
@@ -17717,8 +17949,8 @@ var isValidUrl = (url, options = {}) => {
|
|
|
17717
17949
|
|
|
17718
17950
|
// src/components/ParameterInputs/styles/ParameterImage.styles.ts
|
|
17719
17951
|
init_emotion_jsx_shim();
|
|
17720
|
-
var
|
|
17721
|
-
var imageWrapper =
|
|
17952
|
+
var import_react100 = require("@emotion/react");
|
|
17953
|
+
var imageWrapper = import_react100.css`
|
|
17722
17954
|
position: relative;
|
|
17723
17955
|
display: flex;
|
|
17724
17956
|
flex-direction: column;
|
|
@@ -17726,34 +17958,34 @@ var imageWrapper = import_react96.css`
|
|
|
17726
17958
|
max-width: 100%;
|
|
17727
17959
|
max-height: 100%;
|
|
17728
17960
|
`;
|
|
17729
|
-
var imageWrapperLoading =
|
|
17961
|
+
var imageWrapperLoading = import_react100.css`
|
|
17730
17962
|
animation: ${skeletonLoading} var(--duration-slow) linear infinite alternate;
|
|
17731
17963
|
`;
|
|
17732
|
-
var img =
|
|
17964
|
+
var img = import_react100.css`
|
|
17733
17965
|
object-fit: contain;
|
|
17734
17966
|
max-width: 100%;
|
|
17735
17967
|
height: auto;
|
|
17736
17968
|
opacity: var(--opacity-0);
|
|
17737
17969
|
margin: 0 auto;
|
|
17738
17970
|
`;
|
|
17739
|
-
var imgLoading =
|
|
17971
|
+
var imgLoading = import_react100.css`
|
|
17740
17972
|
opacity: 0;
|
|
17741
17973
|
`;
|
|
17742
|
-
var imgLoaded =
|
|
17974
|
+
var imgLoaded = import_react100.css`
|
|
17743
17975
|
animation: ${fadeIn} var(--duration-slow) var(--timing-ease-out) forwards;
|
|
17744
17976
|
opacity: 1;
|
|
17745
17977
|
`;
|
|
17746
|
-
var brokenImage =
|
|
17978
|
+
var brokenImage = import_react100.css`
|
|
17747
17979
|
height: 160px;
|
|
17748
17980
|
`;
|
|
17749
|
-
var previewWrapper =
|
|
17981
|
+
var previewWrapper = import_react100.css`
|
|
17750
17982
|
margin-top: var(--spacing-xs);
|
|
17751
17983
|
background: var(--gray-50);
|
|
17752
17984
|
padding: var(--spacing-sm);
|
|
17753
17985
|
border: solid 1px var(--gray-300);
|
|
17754
17986
|
border-radius: var(--rounded-sm);
|
|
17755
17987
|
`;
|
|
17756
|
-
var previewLink =
|
|
17988
|
+
var previewLink = import_react100.css`
|
|
17757
17989
|
display: block;
|
|
17758
17990
|
width: 100%;
|
|
17759
17991
|
|
|
@@ -17761,7 +17993,7 @@ var previewLink = import_react96.css`
|
|
|
17761
17993
|
max-height: 9rem;
|
|
17762
17994
|
}
|
|
17763
17995
|
`;
|
|
17764
|
-
var previewModalWrapper =
|
|
17996
|
+
var previewModalWrapper = import_react100.css`
|
|
17765
17997
|
background: var(--gray-50);
|
|
17766
17998
|
display: flex;
|
|
17767
17999
|
height: 100%;
|
|
@@ -17770,7 +18002,7 @@ var previewModalWrapper = import_react96.css`
|
|
|
17770
18002
|
border: solid 1px var(--gray-300);
|
|
17771
18003
|
border-radius: var(--rounded-sm);
|
|
17772
18004
|
`;
|
|
17773
|
-
var previewModalImage =
|
|
18005
|
+
var previewModalImage = import_react100.css`
|
|
17774
18006
|
display: flex;
|
|
17775
18007
|
height: 100%;
|
|
17776
18008
|
width: 100%;
|
|
@@ -17782,43 +18014,43 @@ var previewModalImage = import_react96.css`
|
|
|
17782
18014
|
`;
|
|
17783
18015
|
|
|
17784
18016
|
// src/components/ParameterInputs/ParameterImagePreview.tsx
|
|
17785
|
-
var
|
|
18017
|
+
var import_jsx_runtime92 = require("@emotion/react/jsx-runtime");
|
|
17786
18018
|
function ParameterImagePreview({ imageSrc }) {
|
|
17787
|
-
const [showModal, setShowModal] = (0,
|
|
17788
|
-
return imageSrc ? /* @__PURE__ */ (0,
|
|
17789
|
-
/* @__PURE__ */ (0,
|
|
17790
|
-
/* @__PURE__ */ (0,
|
|
18019
|
+
const [showModal, setShowModal] = (0, import_react101.useState)(false);
|
|
18020
|
+
return imageSrc ? /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { css: previewWrapper, children: [
|
|
18021
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)(PreviewImageModal, { open: showModal, imageSrc, onRequestClose: () => setShowModal(false) }),
|
|
18022
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
17791
18023
|
"button",
|
|
17792
18024
|
{
|
|
17793
18025
|
css: previewLink,
|
|
17794
18026
|
onClick: () => {
|
|
17795
18027
|
setShowModal(true);
|
|
17796
18028
|
},
|
|
17797
|
-
children: /* @__PURE__ */ (0,
|
|
18029
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Image, { src: imageSrc })
|
|
17798
18030
|
}
|
|
17799
18031
|
)
|
|
17800
18032
|
] }) : null;
|
|
17801
18033
|
}
|
|
17802
18034
|
var PreviewImageModal = ({ open, onRequestClose, imageSrc }) => {
|
|
17803
|
-
return open ? /* @__PURE__ */ (0,
|
|
17804
|
-
/* @__PURE__ */ (0,
|
|
18035
|
+
return open ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_jsx_runtime92.Fragment, { children: (0, import_react_dom2.createPortal)(
|
|
18036
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
17805
18037
|
Modal,
|
|
17806
18038
|
{
|
|
17807
18039
|
header: "Image Preview",
|
|
17808
18040
|
onRequestClose,
|
|
17809
18041
|
withoutContentPadding: true,
|
|
17810
|
-
buttonGroup: /* @__PURE__ */ (0,
|
|
17811
|
-
children: /* @__PURE__ */ (0,
|
|
18042
|
+
buttonGroup: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { buttonType: "secondary", onClick: onRequestClose, children: "Ok" }),
|
|
18043
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { css: previewModalWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Image, { src: imageSrc, css: previewModalImage }) })
|
|
17812
18044
|
}
|
|
17813
18045
|
),
|
|
17814
18046
|
document.body
|
|
17815
18047
|
) }) : null;
|
|
17816
18048
|
};
|
|
17817
18049
|
var Image = ({ src, className }) => {
|
|
17818
|
-
const [loading, setLoading] = (0,
|
|
17819
|
-
const [loadErrorText, setLoadErrorText] = (0,
|
|
18050
|
+
const [loading, setLoading] = (0, import_react101.useState)(false);
|
|
18051
|
+
const [loadErrorText, setLoadErrorText] = (0, import_react101.useState)("");
|
|
17820
18052
|
const errorText = "The text you provided is not a valid URL";
|
|
17821
|
-
const updateImageSrc = (0,
|
|
18053
|
+
const updateImageSrc = (0, import_react101.useCallback)(() => {
|
|
17822
18054
|
let message = "";
|
|
17823
18055
|
try {
|
|
17824
18056
|
if (src !== "") {
|
|
@@ -17833,7 +18065,7 @@ var Image = ({ src, className }) => {
|
|
|
17833
18065
|
}
|
|
17834
18066
|
setLoadErrorText(message);
|
|
17835
18067
|
}, [setLoadErrorText, src]);
|
|
17836
|
-
(0,
|
|
18068
|
+
(0, import_react101.useEffect)(() => {
|
|
17837
18069
|
updateImageSrc();
|
|
17838
18070
|
}, [src]);
|
|
17839
18071
|
const handleLoadEvent = () => {
|
|
@@ -17849,13 +18081,13 @@ var Image = ({ src, className }) => {
|
|
|
17849
18081
|
const handleErrorEvent = () => {
|
|
17850
18082
|
setLoadErrorText("The value you provided is not a valid image URL");
|
|
17851
18083
|
};
|
|
17852
|
-
return /* @__PURE__ */ (0,
|
|
18084
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
|
|
17853
18085
|
"span",
|
|
17854
18086
|
{
|
|
17855
18087
|
className,
|
|
17856
18088
|
css: [imageWrapper, loading ? imageWrapperLoading : null],
|
|
17857
18089
|
children: [
|
|
17858
|
-
src && !loadErrorText ? /* @__PURE__ */ (0,
|
|
18090
|
+
src && !loadErrorText ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
17859
18091
|
"img",
|
|
17860
18092
|
{
|
|
17861
18093
|
src,
|
|
@@ -17867,69 +18099,37 @@ var Image = ({ src, className }) => {
|
|
|
17867
18099
|
"data-testid": "parameter-image-preview"
|
|
17868
18100
|
}
|
|
17869
18101
|
) : null,
|
|
17870
|
-
src && loadErrorText ? /* @__PURE__ */ (0,
|
|
17871
|
-
/* @__PURE__ */ (0,
|
|
17872
|
-
/* @__PURE__ */ (0,
|
|
18102
|
+
src && loadErrorText ? /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
|
|
18103
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ImageBroken, { css: [brokenImage, img, imgLoaded] }),
|
|
18104
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ErrorMessage, { message: loadErrorText })
|
|
17873
18105
|
] }) : null
|
|
17874
18106
|
]
|
|
17875
18107
|
}
|
|
17876
18108
|
);
|
|
17877
18109
|
};
|
|
17878
|
-
var BrokenImage = ({ ...props }) => {
|
|
17879
|
-
return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
|
|
17880
|
-
"svg",
|
|
17881
|
-
{
|
|
17882
|
-
role: "img",
|
|
17883
|
-
width: "214",
|
|
17884
|
-
height: "214",
|
|
17885
|
-
viewBox: "0 0 214 214",
|
|
17886
|
-
fill: "none",
|
|
17887
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
17888
|
-
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
17889
|
-
"data-testid": "broken-image",
|
|
17890
|
-
...props,
|
|
17891
|
-
children: [
|
|
17892
|
-
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("rect", { width: "214", height: "214", fill: "#F9FAFB" }),
|
|
17893
|
-
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("rect", { width: "214", height: "214", fill: "url(#pattern0)" }),
|
|
17894
|
-
/* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("defs", { children: [
|
|
17895
|
-
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("pattern", { id: "pattern0", patternContentUnits: "objectBoundingBox", width: "1", height: "1", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("use", { xlinkHref: "#image0_761_4353", transform: "scale(0.0025)" }) }),
|
|
17896
|
-
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
17897
|
-
"image",
|
|
17898
|
-
{
|
|
17899
|
-
id: "image0_761_4353",
|
|
17900
|
-
width: "400",
|
|
17901
|
-
height: "400",
|
|
17902
|
-
xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQCAIAAAAP3aGbAAABX2lDQ1BJQ0MgUHJvZmlsZQAAKJFtkMFLAlEQxj/NEFIyQaJDhz1EEFiYdupmRhp5WCyxhA7rc3ODdXvsrkSn+ge6RATRPTpGBF46CP0DQVDQqVu3LoGXkm2eW61W8xjmx8fMvOED/GGFcz0AoG7YZiG7IK1vlKXgC/wYQ4ReVGEWT8tynlrwXfuj/QCfqPfTYlertBTZv3o9W8mdhmcblxN/+/tiqKpajOoHZZJx0wZ8CWJ51+aCD4hjJh1FfCy45vKF4IrLN92etUKG+I54hGlKlfiZOF7p0Ws9XNcb7OsGcX1YNYqrVEcpx5FHFhKK0GHDhEKcwyJ59P/MXHcmgx1w7FH/NmrQaFJCmhROW1TiZRhgmEGcOIkEZUp4/dtDT7PIh/lD+op72mYMuNaAYeZpk0dANATclrliKj/O+toBayuVdDnUBAZPHOetBASngM6j47w3HadzDgw8Aa32JyLnYb5bLiabAAAAOGVYSWZNTQAqAAAACAABh2kABAAAAAEAAAAaAAAAAAACoAIABAAAAAEAAAGQoAMABAAAAAEAAAGQAAAAADj5TfYAABuPSURBVHgB7Z0Ld9RG1kX94GmMAYcECJAwyZq1vv//czKLDEMghkB4GIPf9ne6FRq5W60qt9Vq3aPNypoR3erSvftUTuqWSqXl/YPDJf5AAAIQiEBgJUKQxAgBCEBgQADDoh9AAAJhCGBYYaQiUAhAAMOiD0AAAmEIYFhhpCJQCEAAw6IPQAACYQhgWGGkIlAIQADDog9AAAJhCGBYYaQiUAhAAMOiD0AAAmEIYFhhpCJQCEAAw6IPQAACYQhgWGGkIlAIQADDog9AAAJhCGBYYaQiUAhAAMOiD0AAAmEIYFhhpCJQCEAAw6IPQAACYQhgWGGkIlAIQADDog9AAAJhCGBYYaQiUAhAAMOiD0AAAmEIYFhhpCJQCEAAw6IPQAACYQhgWGGkIlAIQADDog9AAAJhCGBYYaQiUAhAAMOiD0AAAmEIYFhhpCJQCEAAw6IPQAACYQhgWGGkIlAIQADDog9AAAJhCGBYYaQiUAhAAMOiD0AAAmEIYFhhpCJQCEAAw6IPQAACYQhgWGGkIlAIQADDog9AAAJhCGBYYaQiUAhAAMOiD0AAAmEIYFhhpCJQCEAAw6IPQAACYQhgWGGkIlAIQADDog9AAAJhCGBYYaQiUAhAAMOiD0AAAmEIYFhhpCJQCEAAw6IPQAACYQhgWGGkIlAIQADDog9AAAJhCGBYYaQiUAhAAMOiD0AAAmEIYFhhpCJQCEAAw6IPQAACYQhgWGGkIlAIQADDog9AAAJhCGBYYaQiUAhAAMOiD0AAAmEIYFhhpCJQCEAAw6IPQAACYQhgWGGkIlAIQADDog9AAAJhCGBYYaQiUAhAAMOiD0AAAmEIYFhhpCJQCEAAw6IPQAACYQhgWGGkIlAIQADDog9AAAJhCGBYYaQiUAhAAMOiD0AAAmEIYFhhpCJQCEAAw6IPQAACYQhgWGGkIlAIQADDog9AAAJhCGBYYaQiUAhAAMOiD0AAAmEIYFhhpCJQCEAAw6IPQAACYQhgWGGkIlAIQADDog9AAAJhCGBYYaQiUAhAAMOiD0AAAmEIYFhhpCJQCEAAw6IPQAACYQhgWGGkIlAIQADDog9AAAJhCGBYYaQiUAhAAMOiD0AAAmEIYFhhpCJQCEAAw6IPQAACYQhgWGGkIlAIQADDog9AAAJhCGBYYaQiUAhAAMOiD0AAAmEIYFhhpCJQCEAAw6IPQAACYQhgWGGkIlAIQADDog9AAAJhCGBYYaQiUAhAAMOiD0AAAmEIYFhhpCJQCEAAw6IPQAACYQhgWGGkIlAIQADDog9AAAJhCGBYYaQiUAhAAMOiD0AAAmEIYFhhpCJQCEAAw6IPQAACYQhgWGGkIlAIQADDog9AAAJhCGBYYaQiUAhAAMOiD0AAAmEIYFhhpCJQCEAAw6IPQAACYQhgWGGkIlAIQADDog9AAAJhCGBYYaQiUAhAAMOiD0AAAmEIYFhhpCJQCEAAw6IPQAACYQhgWGGkIlAIQADDog9AAAJhCGBYYaQiUAhAAMOiD0AAAmEIYFhhpCJQCEAAw6IPQAACYQhgWGGkIlAIQADDog9AAAJhCGBYYaQiUAhAAMOiD0AAAmEIYFhhpCJQCEAAw6IPQAACYQhgWGGkIlAIQADDog9AAAJhCGBYYaQiUAhAAMOiD0AAAmEIYFhhpCJQCEAAw6IPQAACYQhgWGGkIlAIQADDog9AAAJhCGBYYaQiUAhAAMOiD/SUwPLy8uoq/T+Y+peCxUu4EGiCwMrK8urK6vLy0unp6cnJaRNN0kYbBPgvTBuUuUanCGhgdWl14Fb6MzwYHnUqRIKZQgDDmgKGjx0JqAy8LItaOdPtL1EYxtH6jHJxwiZSCJybgMrAyvHUcDJr9dzN8YNFEGAOaxHUuWbrBDSsGhtYlUNYXdFs1srxyUn5Q447SADD6qAohNQkgcEAakV/EhNVcrQTzcCfMgHfJPzG26IkbBwpDXaIgNxqOGeVcKsiYk1mFTPxHUqAUM4SwLDO8uBvRgTKdwNz0pK7rawwmZWDamHnUBIuDD0Xnh+BYRko9zn3f48Hk1lLK8fHTGbNT5wLtXxuRS90NX4MgfkT+FoGzti3NeGlFuYfJleYhcCMos5yKX4DgfkTyCwD9/b2a+4JDlc/zD9WrnB+AhjW+Znxi04SGJSBw7ULyeHR23cffvv9j9d/vZuWh1pQS9O+5fMFEmAOa4HwuXRjBIoyMGlVJycnz1+83t75rAvLtq5cuXR383ZlEIOHDZnMqkSz0A8ZYS0UPxdvgkB+Gfjb0+eFWxWXff3m3eHh0bQQBqu3khY47cd8Ph8Cy/sHh/NpmVYh0AaBogxMXknjKdWAk/NWVy5f+vevP01bBK9lpEfHRywmTeJt7QRGWK2h5kINE1AZePmSFnsm+rDKwD9evv7z1dtJt1JAB4dHW1tvpkWmAZYm4Kd9y+ftE2AOq33mXLEBAirXhusPEk2p4nv67IVcqea8dx8/Xbt+ddpkVjGXz8qsGoBtfoVhtUmbazVD4IJl4FgQ169d3bi5PvZh+a9yRvb5KwNZ4DGGtUD4XPrcBIZ3A9MLO1UGvvrrneatkhfQwOrH+3eTp60sr5wsHSdP44R5E8Cw5k14ke0fHh19+bKnckZ/FhlHQ9dev3H95vqN5I07lYHP/tja3duvv6zGTT8++P7OrZv1p+lb8aMkTFJq5wQMqx3OrV5F9vTu/fbHTzs19+xbDaiJi937fnPj5o1kS+8/fvpz603l/Hr5tyoDf378QLcIyx9WHh8dHWvbmcqv+LB9AmnB2o+JK16EgKxKpZDHkKrgIFt5/PDejbXrSSy6FZhZBt77YTN5e1HzVkOzwq2S4Ns7AcNqj3ULV9JKyPcftlu4UGuXWF+7/ujhveRQKL8MlFVNuyFYTkqOL7cqf8JxFwhgWF1QoZkYtl6//bi900xb3Wglc0b885fdZ8+3kmWgXO+XJ4+S3qfUKQO7oX9FFBhWBZSIH739+4OTW6lee/zo3sZ6etIqswzU5Lqm2JNloKQ/PDpmo+TO/iuAYXVWmnMEpruBOXM352hxoadmzoirDNQS9p0vu/XByqQoA+sRBfoWwwok1tRQt169nfpdtC/yy0C5Vf0SdqWuAlB3A+WASQxauJAsKpONcMK8CWBY8yY89/YHi61292ouM3iKJci7Qu//8F3OwijdW9A/NSkXX2kZhG4vUgYmQQU6AcMKJFZ1qB8/Tp1ol1VpGff6jbXqX3bp0/wNrTS/niwDlZkSz7wbOFhnxUqrLnWGmlgwrBo4Mb6qGV796+cftZ9B99PQAFDPviSXsOtuIGVg99Wca4QBevNc8zdofG//oDKLWxvr3XcrDawGe3umtohRgrqroBuClZmWP9S6rZ9/epDTIHcDy9yiHGNYUZSaGue0Re1r169N/U03vsgvA0f7GtcHThlYz8fgWwzLQMSQKWSWgXq9jZ5kzrkbmPn4DncDQ3aXr0FjWF9J8P9tEThXGVi5r/FYpPmP7ywtLzO/PkYv1l8xrFh6hY82vwx8ufVGWy8kE9YuDvonedr2p8+asNf27ckzOaHLBDCsLqvjFluD+xoLjWbWn/z0oMFdHNxwO+aDYTmqOmtOWiGxs/NFj7zsHRzIDvTn8uVLmrxfW7t28RuOze5rnF8G5jy+Myswftc2AQyrbeIdvF6x4d+7D9vlG47/vP1td6l4plqLJO5+d3s22xqWgQvY1zhzF4cOKkJI0whgWNPI9OVzLeN6ufVXcm9S2Zb+0dpx2da50AyXWa0mF4Xmb2iVuYtD5uM758qFkxdOAMNauASLDEAepF208iPQ6k09IZwzyV20mVkGNruvceYuDvlZc2Z3CGBY3dGi7Uh2Pn85l1sV8RU7miY9K7MMVJuZG1ppcJe5r/HH7c85Dxu2jZvrNUEAw2qCYsA2tMdDzpMulZnJszSZtXlno/Jbfdh4GZj5eptiX+PTJXZhn6ZM+M8xrPASzpaAdigtT7Gft5G/3324fWtdtxEnf5hZBhYLo5JbULGv8SThPn+CYfVRfS1fKO79zZy8jEav5xmbgF9UGagseJJ5Zilj/RDDiqVXM9HWu9W1q1e09kqjJ/lazd41KgzLhpW5hD1zRlyrwNjXuBmxvVrBsLz0zMumxobkQeV972oWPWiQpXaKPSEyy8DMhVHsa5wnYx/PqpiD6COGPuW8v38wbdXVYHXo5pllVhptPbh3dxqevb2DYmCVs/+UFkY9ffYyOWmlLZL1xF/OLuwqA5OtTYucz4MSYIQVVLjZw675l/zO7YobfxpD6QGdSo+TY1xazVoUmvl8DBtaza5rP36JYfVD51KWldZTfK/xVOnEb4dr1659PBzfOb5YGJVcws6+xt84cnRhAhjWhRFGa2Bl+ht0tNChcqWCFm2Vs8yfEc/c15jX25TxclxDAMOqgeP51ZXpr6WYXKkgBGOvEctcGCXv4/U2nh1ooVlhWAvFv4iLa0JKw6jKVaNaqXDr1plXV+g0PRo9CjPz+Rj2NR4R46BZAhhWszwDtCa30lxV5coGzcc/+9+fule4vr4mX/v06cv7j9vFnFfjZWDmhlYCyqLQAL2qrRAxrLZId+k6sqRKw1KM8ixtjKV/yvFmLowaDsea3NdYDfKW07IQHGNYfewDMixNh9fcLixDyZwRzywDNVLL3Nf4w/ZOsSq1HAzHPSeAYfW0A2g56PMXr5LJZy6Mkv01+3obvdprd29fZalmzWSvyTg5oScEMKyeCD2epgYvd+5svH9/pvQrn5RfBr76650Mq/zbymNZj+yv8qvyh+XHdzQG1I5dejwouf1WuQWOjQlgWMbiJlK7d3dTU0SVD0JnvvBdhvL02YvkW05VBmbua1y5mZ/uXe7u7v306H7lGrFEknztRQDD8tLznNmoMFTZpb2xyr/LLAPb3NdYgywVsHhWWaZ+HmNY/dT9W9aq1G7eWHsxfA+FysCcF77r5l3jZaAeNqwfqeFZ3zTr8RGG1WPxv6Z+9eqVX5880m2+a1qgdTnRJVQGFjPiX39d/f8qAzP3Nc5/vQ2eVc26T58memefUPQ6V21opeULSQSZ+xprc5ifHz9Iep9GapmP74wCw7NGKPp5gGH1U/dvWS9qX+PyLg6aTdcrLdZvrMnCtMfWaHn9tyhLR3hWCUbvDjGs3kleTrjx19tk7mtc3sVBs/6aTR+9U1rrLW7eXNMUe826VjyrLGKvjtlxtFdyn0lWZWDO9nsaCv329LmWcZ758cRfVABqp1BN4U98c+aDogwcvWFszK2KU2VeAwurnU0rPEutnWmdv7gTwLDcFa7Kb077GicnrTSvL+/b3vlcBFXpVv98hWdVCcdnGFbv+kDhVioG6zNXRfb7s5e6hVd/2uBu4P27Wgyhg/ozVQZqT/fR2oUatyraYZxVz7Of3yY6WT+hGGedXwZqCXvyhe8aUv3y5GFOGahlVioDR9vJJ92qkADPMu6Ks6WGYc3GLd6viruBGgcld2EfGwpNS1XLIHJeb6ORmspALYsftZPpVsX5eNaIGwcigGH1oht8LQMTcmsOW2XgaEa8Bo3KwCePH+SUgXKrURmoBs/lVkUAeFaNEH37KtGD+4bDMt/MMrCYEc8pA3/NKwNlfOUyUGxncKtCETzLsmfOkBTrsGaAFuYnGlgNV1ql/7NUXhhVk17+Lg6Tj+/M7FZFPIVn5azP2rjJ/lk1Gsb+CsOKrV9d9MtLOcusVAY+f/F6tNSgpkFtSpWzL1XlLg4XdKsiqkzP2ttP3NmsyZGvOk4Aw+q4QDOGpxe+b97eSM6vZ+5rrLuBObs4KFbVgBqsjQXdiFsVbeZ41tjV+asTAQzLSc1/csnc0ErOMo99jceANuhWRct41hjhXv0Vw7KSW0MhbZOgzRLqs1IZ+HIr6/U2mfsaT9vFoXG3KvLCs+r1Nf4Ww/IRN/P1NloYlbmvcebrbSrLQGGdk1sVguFZPh33PJlgWOeh1eFzmy0DMze0kvdpCXvlSoi5ulWhA57V4f44r9AwrHmRba3dzBlxlYGN72us7fdGT9uU823BrYrL4Vll7H04Xt4/OOxDnq45Dp60WV5OrjjXUGhyYdQkE7WT+Xqbmn2NW3OrUfyHR0f167NGZ/7fv5+MjjmISIARVkTV/olZS9iTVqVTKxdGTaZ98TJQbbbvVoOLDveiyfSsycT5JBABDCuQWN9CHT4bOBhcfftoytG0GfGx03U3UJuFJu2vvK/xWAv660LcqggDz5qUw/ITDCuerMOnbVaTZpVfBs6wr/EktQW6VREMnjUpit8nGFYwTTPLwPIL32syHG5o9Uj/W3OOvtKEff3rbRbuVkX8hWf9939/KuDJjJLjx8mf8EnXCCR6atfC7XM8xeS6hldJCJlloB7f0asDk/8aJx/f6YhbjbBUupW+1esXR+dwEJQAhhVDuOGkVVYZOG1hVDlPmVQjZaDa7JRb7Xz+IrMuZ1o+1vt4yn/lOCIBDCuAavllYPKF78q22cd3jo+12cOrLkBUJNPGVkV4t26x7UwXhLpQDBjWhfDN+8fDMlB7WqU3tKpZGFUOMvPxnWQZOGpzYBJVE0ajEzpyoOGVZrg6EgxhzEwACWdGN/cfZpaB8ov6GfFRoM0+vjNqNsTBg/t3Q8RJkPUEMKx6Pgv7VmXgynL6hRH1C6NG0eeXgZmP74xaDnFw97vbDK9CKJUMEsNKImr7BA2shiut0mVg4/sa5+zi0DaOC1/v1sZ68kVkF74IDbREAMNqCXTmZfLLwMx9jTPLwMzHdzKz6M5pm3c2fri72Z14iOSCBDCsCwJs8ueZZWDmjLjKwJx9jTUFZlkG6k6FKkHtE92kQrS1aAIY1qIVGF5/HmXgo4f3kkvYMx/f6QSj7CC0NExloKwq5+5qdquc2AkCbC+zeBnyy8DMfY0zX29zcnL65u/3Wr60eARNRCB70hB1bY3lC03Q7GobGNbildENrJwnmXNmxHVrMXNfY/lU5d57i8dBBBCYToCScDqbtr45OT1ZXa67J9js622U1tHR8cnpaVv5cR0INEYAw2oM5cwNabCjB5prJlwODmQwicIt8/U2p6enQ7PCrWaWix8ukkDdf9gXGVfPri0TqclYc1I10+dFGajlCzUtFF/J9Q6PjuVZyTM5AQLdJMAcVld00dT75Uur06I5ODz6z+/PJyfIM/c1VrOUgdPY8nkgAoywuiKWBj41dZ9GWD/e/34sVpWBvzx5WDP4Ks5XyxpYMWk1Ro+/RiTAHFaHVCsGUCrxKmPSfnu7u/uagNe3Okd77+mTyjPLH2pdaH29WT6ZYwh0nACG1S2B5FnTDEuBaqJKTzsfHx//8iS9r7HOpwzslrpEc2ECzGFdGGHTDSQnszL382N+vWllaG/xBDCsxWswGYEGWXKlyc8zP6EMzATFaeEIUBJ2UbLB7PvyYKJqhuBUVNZM3s/QID+BQHcIzPKvRHeiN45EvjPDgimVgbiVca8gNQyru33gXHf3VAYyadVdLYmsIQIYVkMg59CMRli6zZfTsIZVw4VWLGHPocU5gQlgWJ0WT2VhssSjDOy0hATXKAEm3RvFOYfGNHrSuyj0Z7JtlYHDmS4GVpNs+MSTACOsALpWTmZRBgZQjhCbJoBhNU10Du1NTmZRBs4BM00GIIBhBRBJIY4ms7gbGEMwopwPAeaw5sN1Dq2qBlw6XUrOwc/hyjQJga4QYITVFSVy4sCtcihxjjEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBsBDMtNUfKBgDEBDMtYXFKDgBuB/we75KcVO2CRagAAAABJRU5ErkJggg=="
|
|
17903
|
-
}
|
|
17904
|
-
)
|
|
17905
|
-
] })
|
|
17906
|
-
]
|
|
17907
|
-
}
|
|
17908
|
-
);
|
|
17909
|
-
};
|
|
17910
18110
|
|
|
17911
18111
|
// src/components/ParameterInputs/ParameterShell.tsx
|
|
17912
18112
|
init_emotion_jsx_shim();
|
|
17913
|
-
var
|
|
18113
|
+
var import_react104 = require("react");
|
|
17914
18114
|
|
|
17915
18115
|
// src/components/ParameterInputs/ParameterLabel.tsx
|
|
17916
18116
|
init_emotion_jsx_shim();
|
|
17917
|
-
var
|
|
18117
|
+
var import_jsx_runtime93 = require("@emotion/react/jsx-runtime");
|
|
17918
18118
|
var ParameterLabel = ({ id, asSpan, children, ...props }) => {
|
|
17919
|
-
return !asSpan ? /* @__PURE__ */ (0,
|
|
18119
|
+
return !asSpan ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("label", { ...props, htmlFor: id, css: labelText2, children }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { "aria-labelledby": id, css: labelText2, children });
|
|
17920
18120
|
};
|
|
17921
18121
|
|
|
17922
18122
|
// src/components/ParameterInputs/ParameterMenuButton.tsx
|
|
17923
18123
|
init_emotion_jsx_shim();
|
|
17924
|
-
var
|
|
17925
|
-
var
|
|
17926
|
-
var ParameterMenuButton = (0,
|
|
18124
|
+
var import_react102 = require("react");
|
|
18125
|
+
var import_jsx_runtime94 = require("@emotion/react/jsx-runtime");
|
|
18126
|
+
var ParameterMenuButton = (0, import_react102.forwardRef)(
|
|
17927
18127
|
({ label, children }, ref) => {
|
|
17928
|
-
return /* @__PURE__ */ (0,
|
|
18128
|
+
return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
17929
18129
|
Menu,
|
|
17930
18130
|
{
|
|
17931
18131
|
menuLabel: `${label} menu`,
|
|
17932
|
-
menuTrigger: /* @__PURE__ */ (0,
|
|
18132
|
+
menuTrigger: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
17933
18133
|
"button",
|
|
17934
18134
|
{
|
|
17935
18135
|
className: "parameter-menu",
|
|
@@ -17937,7 +18137,7 @@ var ParameterMenuButton = (0, import_react98.forwardRef)(
|
|
|
17937
18137
|
type: "button",
|
|
17938
18138
|
"aria-label": `${label} options`,
|
|
17939
18139
|
ref,
|
|
17940
|
-
children: /* @__PURE__ */ (0,
|
|
18140
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Icon, { icon: "more-alt", iconColor: "currentColor", size: "0.9rem" })
|
|
17941
18141
|
}
|
|
17942
18142
|
),
|
|
17943
18143
|
children
|
|
@@ -17948,8 +18148,8 @@ var ParameterMenuButton = (0, import_react98.forwardRef)(
|
|
|
17948
18148
|
|
|
17949
18149
|
// src/components/ParameterInputs/styles/ParameterShell.styles.ts
|
|
17950
18150
|
init_emotion_jsx_shim();
|
|
17951
|
-
var
|
|
17952
|
-
var emptyParameterShell =
|
|
18151
|
+
var import_react103 = require("@emotion/react");
|
|
18152
|
+
var emptyParameterShell = import_react103.css`
|
|
17953
18153
|
border-radius: var(--rounded-sm);
|
|
17954
18154
|
background: var(--white);
|
|
17955
18155
|
flex-grow: 1;
|
|
@@ -17957,7 +18157,7 @@ var emptyParameterShell = import_react99.css`
|
|
|
17957
18157
|
position: relative;
|
|
17958
18158
|
max-width: 100%;
|
|
17959
18159
|
`;
|
|
17960
|
-
var emptyParameterShellText =
|
|
18160
|
+
var emptyParameterShellText = import_react103.css`
|
|
17961
18161
|
background: var(--brand-secondary-6);
|
|
17962
18162
|
border-radius: var(--rounded-sm);
|
|
17963
18163
|
padding: var(--spacing-sm);
|
|
@@ -17965,7 +18165,7 @@ var emptyParameterShellText = import_react99.css`
|
|
|
17965
18165
|
font-size: var(--fs-sm);
|
|
17966
18166
|
margin: 0;
|
|
17967
18167
|
`;
|
|
17968
|
-
var overrideMarker =
|
|
18168
|
+
var overrideMarker = import_react103.css`
|
|
17969
18169
|
border-radius: var(--rounded-sm);
|
|
17970
18170
|
border: 10px solid var(--gray-300);
|
|
17971
18171
|
border-left-color: transparent;
|
|
@@ -17976,7 +18176,7 @@ var overrideMarker = import_react99.css`
|
|
|
17976
18176
|
`;
|
|
17977
18177
|
|
|
17978
18178
|
// src/components/ParameterInputs/ParameterShell.tsx
|
|
17979
|
-
var
|
|
18179
|
+
var import_jsx_runtime95 = require("@emotion/react/jsx-runtime");
|
|
17980
18180
|
var extractParameterProps = (props) => {
|
|
17981
18181
|
const {
|
|
17982
18182
|
id,
|
|
@@ -18034,23 +18234,23 @@ var ParameterShell = ({
|
|
|
18034
18234
|
children,
|
|
18035
18235
|
...props
|
|
18036
18236
|
}) => {
|
|
18037
|
-
const [manualErrorMessage, setManualErrorMessage] = (0,
|
|
18237
|
+
const [manualErrorMessage, setManualErrorMessage] = (0, import_react104.useState)(void 0);
|
|
18038
18238
|
const setErrorMessage = (message) => setManualErrorMessage(message);
|
|
18039
18239
|
const errorMessaging = errorMessage || manualErrorMessage;
|
|
18040
|
-
return /* @__PURE__ */ (0,
|
|
18041
|
-
hiddenLabel || title ? null : /* @__PURE__ */ (0,
|
|
18240
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { css: inputContainer2, ...props, children: [
|
|
18241
|
+
hiddenLabel || title ? null : /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(ParameterLabel, { id, css: labelText2, children: [
|
|
18042
18242
|
labelLeadingIcon != null ? labelLeadingIcon : null,
|
|
18043
18243
|
label,
|
|
18044
18244
|
labelTrailingIcon != null ? labelTrailingIcon : null
|
|
18045
18245
|
] }),
|
|
18046
|
-
!title ? null : /* @__PURE__ */ (0,
|
|
18246
|
+
!title ? null : /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(ParameterLabel, { id, asSpan: true, children: [
|
|
18047
18247
|
labelLeadingIcon != null ? labelLeadingIcon : null,
|
|
18048
18248
|
title,
|
|
18049
18249
|
labelTrailingIcon != null ? labelTrailingIcon : null
|
|
18050
18250
|
] }),
|
|
18051
|
-
/* @__PURE__ */ (0,
|
|
18052
|
-
menuItems ? /* @__PURE__ */ (0,
|
|
18053
|
-
/* @__PURE__ */ (0,
|
|
18251
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { css: inputWrapper, children: [
|
|
18252
|
+
menuItems ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ParameterMenuButton, { label: `${label} menu`, children: menuItems }) : null,
|
|
18253
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
18054
18254
|
ParameterShellContext.Provider,
|
|
18055
18255
|
{
|
|
18056
18256
|
value: {
|
|
@@ -18060,41 +18260,41 @@ var ParameterShell = ({
|
|
|
18060
18260
|
errorMessage: errorMessaging,
|
|
18061
18261
|
handleManuallySetErrorMessage: (message) => setErrorMessage(message)
|
|
18062
18262
|
},
|
|
18063
|
-
children: /* @__PURE__ */ (0,
|
|
18263
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(ParameterShellPlaceholder, { children: [
|
|
18064
18264
|
children,
|
|
18065
|
-
hasOverriddenValue && onResetOverriddenValue ? /* @__PURE__ */ (0,
|
|
18265
|
+
hasOverriddenValue && onResetOverriddenValue ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ParameterOverrideMarker, { onClick: onResetOverriddenValue }) : null
|
|
18066
18266
|
] })
|
|
18067
18267
|
}
|
|
18068
18268
|
)
|
|
18069
18269
|
] }),
|
|
18070
|
-
caption ? /* @__PURE__ */ (0,
|
|
18071
|
-
errorMessaging ? /* @__PURE__ */ (0,
|
|
18072
|
-
warningMessage ? /* @__PURE__ */ (0,
|
|
18073
|
-
infoMessage ? /* @__PURE__ */ (0,
|
|
18270
|
+
caption ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Caption, { testId: captionTestId, children: caption }) : null,
|
|
18271
|
+
errorMessaging ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ErrorMessage, { message: errorMessaging, testId: errorTestId }) : null,
|
|
18272
|
+
warningMessage ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(WarningMessage, { message: warningMessage }) : null,
|
|
18273
|
+
infoMessage ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(InfoMessage, { message: infoMessage }) : null
|
|
18074
18274
|
] });
|
|
18075
18275
|
};
|
|
18076
18276
|
var ParameterShellPlaceholder = ({ children }) => {
|
|
18077
|
-
return /* @__PURE__ */ (0,
|
|
18277
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { css: emptyParameterShell, children });
|
|
18078
18278
|
};
|
|
18079
|
-
var ParameterOverrideMarker = (props) => /* @__PURE__ */ (0,
|
|
18279
|
+
var ParameterOverrideMarker = (props) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Tooltip, { title: "The default value has been overridden", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("button", { type: "button", css: overrideMarker, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { hidden: true, children: "reset overridden value to default" }) }) });
|
|
18080
18280
|
|
|
18081
18281
|
// src/components/ParameterInputs/ParameterImage.tsx
|
|
18082
|
-
var
|
|
18083
|
-
var ParameterImage = (0,
|
|
18282
|
+
var import_jsx_runtime96 = require("@emotion/react/jsx-runtime");
|
|
18283
|
+
var ParameterImage = (0, import_react105.forwardRef)(
|
|
18084
18284
|
({ children, ...props }, ref) => {
|
|
18085
18285
|
const { shellProps, innerProps } = extractParameterProps(props);
|
|
18086
|
-
return /* @__PURE__ */ (0,
|
|
18087
|
-
/* @__PURE__ */ (0,
|
|
18286
|
+
return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(ParameterShell, { "data-test-id": "parameter-image", ...shellProps, children: [
|
|
18287
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)(ParameterImageInner, { ref, ...innerProps }),
|
|
18088
18288
|
children
|
|
18089
18289
|
] });
|
|
18090
18290
|
}
|
|
18091
18291
|
);
|
|
18092
|
-
var ParameterImageInner = (0,
|
|
18292
|
+
var ParameterImageInner = (0, import_react105.forwardRef)((props, ref) => {
|
|
18093
18293
|
const { value } = props;
|
|
18094
18294
|
const { id, label, hiddenLabel, errorMessage } = useParameterShell();
|
|
18095
|
-
const deferredValue = (0,
|
|
18096
|
-
return /* @__PURE__ */ (0,
|
|
18097
|
-
/* @__PURE__ */ (0,
|
|
18295
|
+
const deferredValue = (0, import_react105.useDeferredValue)(value);
|
|
18296
|
+
return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
|
|
18297
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
18098
18298
|
"input",
|
|
18099
18299
|
{
|
|
18100
18300
|
css: input2,
|
|
@@ -18106,22 +18306,22 @@ var ParameterImageInner = (0, import_react101.forwardRef)((props, ref) => {
|
|
|
18106
18306
|
...props
|
|
18107
18307
|
}
|
|
18108
18308
|
),
|
|
18109
|
-
errorMessage || props.disablePreview ? null : /* @__PURE__ */ (0,
|
|
18309
|
+
errorMessage || props.disablePreview ? null : /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(ParameterImagePreview, { imageSrc: deferredValue })
|
|
18110
18310
|
] });
|
|
18111
18311
|
});
|
|
18112
18312
|
|
|
18113
18313
|
// src/components/ParameterInputs/ParameterInput.tsx
|
|
18114
18314
|
init_emotion_jsx_shim();
|
|
18115
|
-
var
|
|
18116
|
-
var
|
|
18117
|
-
var ParameterInput = (0,
|
|
18315
|
+
var import_react106 = require("react");
|
|
18316
|
+
var import_jsx_runtime97 = require("@emotion/react/jsx-runtime");
|
|
18317
|
+
var ParameterInput = (0, import_react106.forwardRef)((props, ref) => {
|
|
18118
18318
|
const { shellProps, innerProps } = extractParameterProps(props);
|
|
18119
|
-
return /* @__PURE__ */ (0,
|
|
18319
|
+
return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ParameterShell, { "data-testid": "parameter-input", ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ParameterInputInner, { ref, ...innerProps }) });
|
|
18120
18320
|
});
|
|
18121
|
-
var ParameterInputInner = (0,
|
|
18321
|
+
var ParameterInputInner = (0, import_react106.forwardRef)(
|
|
18122
18322
|
({ ...props }, ref) => {
|
|
18123
18323
|
const { id, label, hiddenLabel } = useParameterShell();
|
|
18124
|
-
return /* @__PURE__ */ (0,
|
|
18324
|
+
return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
18125
18325
|
"input",
|
|
18126
18326
|
{
|
|
18127
18327
|
css: input2,
|
|
@@ -18138,19 +18338,19 @@ var ParameterInputInner = (0, import_react102.forwardRef)(
|
|
|
18138
18338
|
|
|
18139
18339
|
// src/components/ParameterInputs/ParameterLink.tsx
|
|
18140
18340
|
init_emotion_jsx_shim();
|
|
18141
|
-
var
|
|
18142
|
-
var
|
|
18143
|
-
var ParameterLink = (0,
|
|
18341
|
+
var import_react107 = require("react");
|
|
18342
|
+
var import_jsx_runtime98 = require("@emotion/react/jsx-runtime");
|
|
18343
|
+
var ParameterLink = (0, import_react107.forwardRef)(
|
|
18144
18344
|
({ disabled, onConnectLink, externalLink, ...props }, ref) => {
|
|
18145
18345
|
const { shellProps, innerProps } = extractParameterProps(props);
|
|
18146
|
-
return /* @__PURE__ */ (0,
|
|
18346
|
+
return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
18147
18347
|
ParameterShell,
|
|
18148
18348
|
{
|
|
18149
18349
|
"data-testid": "link-parameter-editor",
|
|
18150
18350
|
...shellProps,
|
|
18151
18351
|
label: innerProps.value ? shellProps.label : "",
|
|
18152
18352
|
title: !innerProps.value ? shellProps.label : void 0,
|
|
18153
|
-
children: /* @__PURE__ */ (0,
|
|
18353
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
18154
18354
|
ParameterLinkInner,
|
|
18155
18355
|
{
|
|
18156
18356
|
onConnectLink,
|
|
@@ -18163,13 +18363,13 @@ var ParameterLink = (0, import_react103.forwardRef)(
|
|
|
18163
18363
|
);
|
|
18164
18364
|
}
|
|
18165
18365
|
);
|
|
18166
|
-
var ParameterLinkInner = (0,
|
|
18366
|
+
var ParameterLinkInner = (0, import_react107.forwardRef)(
|
|
18167
18367
|
({ externalLink, onConnectLink, disabled, buttonText = "Select link", ...props }, ref) => {
|
|
18168
18368
|
const { id, label, hiddenLabel } = useParameterShell();
|
|
18169
18369
|
if (!props.value)
|
|
18170
|
-
return /* @__PURE__ */ (0,
|
|
18171
|
-
return /* @__PURE__ */ (0,
|
|
18172
|
-
/* @__PURE__ */ (0,
|
|
18370
|
+
return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("button", { type: "button", css: dataConnectButton, disabled, onClick: onConnectLink, children: buttonText });
|
|
18371
|
+
return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { css: inputWrapper, children: [
|
|
18372
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
18173
18373
|
"input",
|
|
18174
18374
|
{
|
|
18175
18375
|
type: "text",
|
|
@@ -18181,8 +18381,8 @@ var ParameterLinkInner = (0, import_react103.forwardRef)(
|
|
|
18181
18381
|
...props
|
|
18182
18382
|
}
|
|
18183
18383
|
),
|
|
18184
|
-
/* @__PURE__ */ (0,
|
|
18185
|
-
/* @__PURE__ */ (0,
|
|
18384
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { css: linkParameterControls, children: [
|
|
18385
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
18186
18386
|
"button",
|
|
18187
18387
|
{
|
|
18188
18388
|
type: "button",
|
|
@@ -18193,7 +18393,7 @@ var ParameterLinkInner = (0, import_react103.forwardRef)(
|
|
|
18193
18393
|
children: "edit"
|
|
18194
18394
|
}
|
|
18195
18395
|
),
|
|
18196
|
-
externalLink ? /* @__PURE__ */ (0,
|
|
18396
|
+
externalLink ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
18197
18397
|
"a",
|
|
18198
18398
|
{
|
|
18199
18399
|
href: externalLink,
|
|
@@ -18201,7 +18401,7 @@ var ParameterLinkInner = (0, import_react103.forwardRef)(
|
|
|
18201
18401
|
title: "Open link in new tab",
|
|
18202
18402
|
target: "_blank",
|
|
18203
18403
|
rel: "noopener noreferrer",
|
|
18204
|
-
children: /* @__PURE__ */ (0,
|
|
18404
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Icon, { icon: "arrows-expand-up-right", iconColor: "currentColor", size: "1rem" })
|
|
18205
18405
|
}
|
|
18206
18406
|
) : null
|
|
18207
18407
|
] })
|
|
@@ -18211,7 +18411,7 @@ var ParameterLinkInner = (0, import_react103.forwardRef)(
|
|
|
18211
18411
|
|
|
18212
18412
|
// src/components/ParameterInputs/ParameterNameAndPublicIdInput.tsx
|
|
18213
18413
|
init_emotion_jsx_shim();
|
|
18214
|
-
var
|
|
18414
|
+
var import_jsx_runtime99 = require("@emotion/react/jsx-runtime");
|
|
18215
18415
|
var ParameterNameAndPublicIdInput = ({
|
|
18216
18416
|
id,
|
|
18217
18417
|
onBlur,
|
|
@@ -18237,8 +18437,8 @@ var ParameterNameAndPublicIdInput = ({
|
|
|
18237
18437
|
navigator.clipboard.writeText(values[publicIdFieldName]);
|
|
18238
18438
|
};
|
|
18239
18439
|
autoFocus == null ? void 0 : autoFocus();
|
|
18240
|
-
return /* @__PURE__ */ (0,
|
|
18241
|
-
/* @__PURE__ */ (0,
|
|
18440
|
+
return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_jsx_runtime99.Fragment, { children: [
|
|
18441
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
18242
18442
|
ParameterInput,
|
|
18243
18443
|
{
|
|
18244
18444
|
id: nameIdField,
|
|
@@ -18257,7 +18457,7 @@ var ParameterNameAndPublicIdInput = ({
|
|
|
18257
18457
|
value: values[nameIdField]
|
|
18258
18458
|
}
|
|
18259
18459
|
),
|
|
18260
|
-
/* @__PURE__ */ (0,
|
|
18460
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
18261
18461
|
ParameterInput,
|
|
18262
18462
|
{
|
|
18263
18463
|
id: publicIdFieldName,
|
|
@@ -18271,11 +18471,11 @@ var ParameterNameAndPublicIdInput = ({
|
|
|
18271
18471
|
caption: publicIdCaption,
|
|
18272
18472
|
placeholder: publicIdPlaceholderText,
|
|
18273
18473
|
errorMessage: publicIdError,
|
|
18274
|
-
menuItems: /* @__PURE__ */ (0,
|
|
18474
|
+
menuItems: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
18275
18475
|
MenuItem,
|
|
18276
18476
|
{
|
|
18277
18477
|
disabled: !values[publicIdFieldName],
|
|
18278
|
-
icon: /* @__PURE__ */ (0,
|
|
18478
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Icon, { icon: "path-trim", iconColor: "currentColor" }),
|
|
18279
18479
|
onClick: handleCopyPidFieldValue,
|
|
18280
18480
|
children: "Copy"
|
|
18281
18481
|
}
|
|
@@ -18283,13 +18483,13 @@ var ParameterNameAndPublicIdInput = ({
|
|
|
18283
18483
|
value: values[publicIdFieldName]
|
|
18284
18484
|
}
|
|
18285
18485
|
),
|
|
18286
|
-
(warnOverLength == null ? void 0 : warnOverLength.length) && values[publicIdFieldName].length > warnOverLength.length ? /* @__PURE__ */ (0,
|
|
18486
|
+
(warnOverLength == null ? void 0 : warnOverLength.length) && values[publicIdFieldName].length > warnOverLength.length ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Callout, { type: "caution", children: warnOverLength.message }) : null
|
|
18287
18487
|
] });
|
|
18288
18488
|
};
|
|
18289
18489
|
|
|
18290
18490
|
// src/components/ParameterInputs/ParameterRichText.tsx
|
|
18291
18491
|
init_emotion_jsx_shim();
|
|
18292
|
-
var
|
|
18492
|
+
var import_react114 = require("@emotion/react");
|
|
18293
18493
|
var import_list3 = require("@lexical/list");
|
|
18294
18494
|
var import_markdown = require("@lexical/markdown");
|
|
18295
18495
|
var import_LexicalComposer = require("@lexical/react/LexicalComposer");
|
|
@@ -18396,7 +18596,7 @@ var getLabelForElement = (type) => {
|
|
|
18396
18596
|
// src/components/ParameterInputs/ParameterRichText.tsx
|
|
18397
18597
|
var import_fast_equals2 = require("fast-equals");
|
|
18398
18598
|
var import_lexical6 = require("lexical");
|
|
18399
|
-
var
|
|
18599
|
+
var import_react115 = require("react");
|
|
18400
18600
|
|
|
18401
18601
|
// src/components/ParameterInputs/rich-text/CustomCodeNode.ts
|
|
18402
18602
|
init_emotion_jsx_shim();
|
|
@@ -18419,10 +18619,10 @@ init_emotion_jsx_shim();
|
|
|
18419
18619
|
var import_LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
|
|
18420
18620
|
var import_utils2 = require("@lexical/utils");
|
|
18421
18621
|
var import_lexical = require("lexical");
|
|
18422
|
-
var
|
|
18622
|
+
var import_react108 = require("react");
|
|
18423
18623
|
function DisableStylesPlugin() {
|
|
18424
18624
|
const [editor] = (0, import_LexicalComposerContext.useLexicalComposerContext)();
|
|
18425
|
-
(0,
|
|
18625
|
+
(0, import_react108.useEffect)(() => {
|
|
18426
18626
|
return (0, import_utils2.mergeRegister)(
|
|
18427
18627
|
// Disable text alignment on paragraph nodes
|
|
18428
18628
|
editor.registerNodeTransform(import_lexical.ParagraphNode, (node) => {
|
|
@@ -18617,43 +18817,13 @@ var codeElement = import_css.css`
|
|
|
18617
18817
|
|
|
18618
18818
|
// src/components/ParameterInputs/rich-text/LinkNodePlugin.tsx
|
|
18619
18819
|
init_emotion_jsx_shim();
|
|
18620
|
-
var
|
|
18820
|
+
var import_react109 = require("@emotion/react");
|
|
18621
18821
|
var import_LexicalComposerContext2 = require("@lexical/react/LexicalComposerContext");
|
|
18622
18822
|
var import_LexicalNodeEventPlugin = require("@lexical/react/LexicalNodeEventPlugin");
|
|
18623
18823
|
var import_utils3 = require("@lexical/utils");
|
|
18624
18824
|
var import_fast_equals = require("fast-equals");
|
|
18625
18825
|
var import_lexical3 = require("lexical");
|
|
18626
|
-
var
|
|
18627
|
-
|
|
18628
|
-
// src/components/Popover/Popover.styles.ts
|
|
18629
|
-
init_emotion_jsx_shim();
|
|
18630
|
-
var import_react105 = require("@emotion/react");
|
|
18631
|
-
var PopoverBtn = import_react105.css`
|
|
18632
|
-
border: none;
|
|
18633
|
-
background: none;
|
|
18634
|
-
`;
|
|
18635
|
-
var PopoverDefaulterTriggerBtn = import_react105.css`
|
|
18636
|
-
border: none;
|
|
18637
|
-
background: none;
|
|
18638
|
-
padding: var(--spacing-2xs);
|
|
18639
|
-
border-radius: var(--rounded-full);
|
|
18640
|
-
|
|
18641
|
-
&:hover {
|
|
18642
|
-
background-color: rgba(0, 0, 0, 0.05);
|
|
18643
|
-
}
|
|
18644
|
-
`;
|
|
18645
|
-
var Popover = import_react105.css`
|
|
18646
|
-
border-left: var(--spacing-xs) solid var(--brand-secondary-3);
|
|
18647
|
-
border-radius: var(--rounded-base);
|
|
18648
|
-
box-shadow: var(--shadow-base);
|
|
18649
|
-
background: var(--white);
|
|
18650
|
-
display: grid;
|
|
18651
|
-
gap: var(--spacing-sm);
|
|
18652
|
-
padding: var(--spacing-sm);
|
|
18653
|
-
font-size: var(--fs-sm);
|
|
18654
|
-
max-width: 220px;
|
|
18655
|
-
z-index: var(--z-tooltip);
|
|
18656
|
-
`;
|
|
18826
|
+
var import_react110 = require("react");
|
|
18657
18827
|
|
|
18658
18828
|
// src/components/ParameterInputs/rich-text/utils.ts
|
|
18659
18829
|
init_emotion_jsx_shim();
|
|
@@ -18692,7 +18862,7 @@ var getSelectedNode = (selection) => {
|
|
|
18692
18862
|
};
|
|
18693
18863
|
|
|
18694
18864
|
// src/components/ParameterInputs/rich-text/LinkNodePlugin.tsx
|
|
18695
|
-
var
|
|
18865
|
+
var import_jsx_runtime100 = require("@emotion/react/jsx-runtime");
|
|
18696
18866
|
var isProjectMapLinkValue = (value) => {
|
|
18697
18867
|
return (value == null ? void 0 : value.type) === "projectMapNode" && Boolean(
|
|
18698
18868
|
value.nodeId && value.path && value.projectMapId
|
|
@@ -18979,16 +19149,16 @@ var OPEN_LINK_NODE_MODAL_COMMAND = (0, import_lexical3.createCommand)(
|
|
|
18979
19149
|
);
|
|
18980
19150
|
var LINK_POPOVER_OFFSET_X = 0;
|
|
18981
19151
|
var LINK_POPOVER_OFFSET_Y = 8;
|
|
18982
|
-
var linkPopover =
|
|
19152
|
+
var linkPopover = import_react109.css`
|
|
18983
19153
|
position: absolute;
|
|
18984
19154
|
z-index: 5;
|
|
18985
19155
|
`;
|
|
18986
|
-
var linkPopoverContainer =
|
|
19156
|
+
var linkPopoverContainer = import_react109.css`
|
|
18987
19157
|
${Popover};
|
|
18988
19158
|
align-items: center;
|
|
18989
19159
|
display: flex;
|
|
18990
19160
|
`;
|
|
18991
|
-
var linkPopoverAnchor =
|
|
19161
|
+
var linkPopoverAnchor = import_react109.css`
|
|
18992
19162
|
${link}
|
|
18993
19163
|
${linkColorDefault}
|
|
18994
19164
|
`;
|
|
@@ -18997,17 +19167,17 @@ function LinkNodePlugin({ onConnectLink, getBoundPath }) {
|
|
|
18997
19167
|
return path;
|
|
18998
19168
|
};
|
|
18999
19169
|
const [editor] = (0, import_LexicalComposerContext2.useLexicalComposerContext)();
|
|
19000
|
-
const [linkPopoverState, setLinkPopoverState] = (0,
|
|
19001
|
-
const linkPopoverElRef = (0,
|
|
19002
|
-
const [isEditorFocused, setIsEditorFocused] = (0,
|
|
19003
|
-
const [isLinkPopoverFocused, setIsLinkPopoverFocused] = (0,
|
|
19004
|
-
(0,
|
|
19170
|
+
const [linkPopoverState, setLinkPopoverState] = (0, import_react110.useState)();
|
|
19171
|
+
const linkPopoverElRef = (0, import_react110.useRef)(null);
|
|
19172
|
+
const [isEditorFocused, setIsEditorFocused] = (0, import_react110.useState)(false);
|
|
19173
|
+
const [isLinkPopoverFocused, setIsLinkPopoverFocused] = (0, import_react110.useState)(false);
|
|
19174
|
+
(0, import_react110.useEffect)(() => {
|
|
19005
19175
|
if (!isEditorFocused && !isLinkPopoverFocused) {
|
|
19006
19176
|
setLinkPopoverState(void 0);
|
|
19007
19177
|
return;
|
|
19008
19178
|
}
|
|
19009
19179
|
}, [isEditorFocused, isLinkPopoverFocused]);
|
|
19010
|
-
(0,
|
|
19180
|
+
(0, import_react110.useEffect)(() => {
|
|
19011
19181
|
if (!editor.hasNodes([LinkNode])) {
|
|
19012
19182
|
throw new Error("LinkNode not registered on editor");
|
|
19013
19183
|
}
|
|
@@ -19076,7 +19246,7 @@ function LinkNodePlugin({ onConnectLink, getBoundPath }) {
|
|
|
19076
19246
|
)
|
|
19077
19247
|
);
|
|
19078
19248
|
}, [editor, onConnectLink]);
|
|
19079
|
-
const maybeShowLinkToolbar = (0,
|
|
19249
|
+
const maybeShowLinkToolbar = (0, import_react110.useCallback)(() => {
|
|
19080
19250
|
if (!editor.isEditable()) {
|
|
19081
19251
|
return;
|
|
19082
19252
|
}
|
|
@@ -19108,7 +19278,7 @@ function LinkNodePlugin({ onConnectLink, getBoundPath }) {
|
|
|
19108
19278
|
}
|
|
19109
19279
|
});
|
|
19110
19280
|
}, [editor]);
|
|
19111
|
-
(0,
|
|
19281
|
+
(0, import_react110.useEffect)(() => {
|
|
19112
19282
|
return editor.registerUpdateListener(({ editorState }) => {
|
|
19113
19283
|
requestAnimationFrame(() => {
|
|
19114
19284
|
editorState.read(() => {
|
|
@@ -19135,8 +19305,8 @@ function LinkNodePlugin({ onConnectLink, getBoundPath }) {
|
|
|
19135
19305
|
});
|
|
19136
19306
|
});
|
|
19137
19307
|
};
|
|
19138
|
-
return /* @__PURE__ */ (0,
|
|
19139
|
-
/* @__PURE__ */ (0,
|
|
19308
|
+
return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
|
|
19309
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
19140
19310
|
import_LexicalNodeEventPlugin.NodeEventPlugin,
|
|
19141
19311
|
{
|
|
19142
19312
|
nodeType: LinkNode,
|
|
@@ -19146,7 +19316,7 @@ function LinkNodePlugin({ onConnectLink, getBoundPath }) {
|
|
|
19146
19316
|
}
|
|
19147
19317
|
}
|
|
19148
19318
|
),
|
|
19149
|
-
linkPopoverState ? /* @__PURE__ */ (0,
|
|
19319
|
+
linkPopoverState ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
19150
19320
|
"div",
|
|
19151
19321
|
{
|
|
19152
19322
|
css: linkPopover,
|
|
@@ -19155,8 +19325,8 @@ function LinkNodePlugin({ onConnectLink, getBoundPath }) {
|
|
|
19155
19325
|
top: linkPopoverState.position.y
|
|
19156
19326
|
},
|
|
19157
19327
|
ref: linkPopoverElRef,
|
|
19158
|
-
children: /* @__PURE__ */ (0,
|
|
19159
|
-
linkPopoverState.node.__link.type === "projectMapNode" ? linkPopoverState.node.__link.path : /* @__PURE__ */ (0,
|
|
19328
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { css: linkPopoverContainer, children: [
|
|
19329
|
+
linkPopoverState.node.__link.type === "projectMapNode" ? linkPopoverState.node.__link.path : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
19160
19330
|
"a",
|
|
19161
19331
|
{
|
|
19162
19332
|
href: parsePath(
|
|
@@ -19168,7 +19338,7 @@ function LinkNodePlugin({ onConnectLink, getBoundPath }) {
|
|
|
19168
19338
|
children: parsePath(linkPopoverState.node.__link.path)
|
|
19169
19339
|
}
|
|
19170
19340
|
),
|
|
19171
|
-
/* @__PURE__ */ (0,
|
|
19341
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
19172
19342
|
Button,
|
|
19173
19343
|
{
|
|
19174
19344
|
size: "xs",
|
|
@@ -19176,7 +19346,7 @@ function LinkNodePlugin({ onConnectLink, getBoundPath }) {
|
|
|
19176
19346
|
onEditLinkNode(linkPopoverState.node);
|
|
19177
19347
|
},
|
|
19178
19348
|
buttonType: "ghost",
|
|
19179
|
-
children: /* @__PURE__ */ (0,
|
|
19349
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Icon, { icon: "pen", size: "1rem", title: "Edit link" })
|
|
19180
19350
|
}
|
|
19181
19351
|
)
|
|
19182
19352
|
] })
|
|
@@ -19196,8 +19366,8 @@ var import_list = require("@lexical/list");
|
|
|
19196
19366
|
var import_LexicalComposerContext3 = require("@lexical/react/LexicalComposerContext");
|
|
19197
19367
|
var import_LexicalTabIndentationPlugin = require("@lexical/react/LexicalTabIndentationPlugin");
|
|
19198
19368
|
var import_lexical4 = require("lexical");
|
|
19199
|
-
var
|
|
19200
|
-
var
|
|
19369
|
+
var import_react111 = require("react");
|
|
19370
|
+
var import_jsx_runtime101 = require("@emotion/react/jsx-runtime");
|
|
19201
19371
|
function isIndentPermitted(maxDepth) {
|
|
19202
19372
|
const selection = (0, import_lexical4.$getSelection)();
|
|
19203
19373
|
if (!(0, import_lexical4.$isRangeSelection)(selection)) {
|
|
@@ -19220,19 +19390,19 @@ function isIndentPermitted(maxDepth) {
|
|
|
19220
19390
|
}
|
|
19221
19391
|
function ListIndentPlugin({ maxDepth }) {
|
|
19222
19392
|
const [editor] = (0, import_LexicalComposerContext3.useLexicalComposerContext)();
|
|
19223
|
-
(0,
|
|
19393
|
+
(0, import_react111.useEffect)(() => {
|
|
19224
19394
|
return editor.registerCommand(
|
|
19225
19395
|
import_lexical4.INDENT_CONTENT_COMMAND,
|
|
19226
19396
|
() => !isIndentPermitted(maxDepth),
|
|
19227
19397
|
import_lexical4.COMMAND_PRIORITY_CRITICAL
|
|
19228
19398
|
);
|
|
19229
19399
|
}, [editor, maxDepth]);
|
|
19230
|
-
return /* @__PURE__ */ (0,
|
|
19400
|
+
return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_LexicalTabIndentationPlugin.TabIndentationPlugin, {});
|
|
19231
19401
|
}
|
|
19232
19402
|
|
|
19233
19403
|
// src/components/ParameterInputs/rich-text/RichTextToolbar.tsx
|
|
19234
19404
|
init_emotion_jsx_shim();
|
|
19235
|
-
var
|
|
19405
|
+
var import_react112 = require("@emotion/react");
|
|
19236
19406
|
var import_code2 = require("@lexical/code");
|
|
19237
19407
|
var import_list2 = require("@lexical/list");
|
|
19238
19408
|
var import_LexicalComposerContext4 = require("@lexical/react/LexicalComposerContext");
|
|
@@ -19240,9 +19410,9 @@ var import_rich_text = require("@lexical/rich-text");
|
|
|
19240
19410
|
var import_selection2 = require("@lexical/selection");
|
|
19241
19411
|
var import_utils6 = require("@lexical/utils");
|
|
19242
19412
|
var import_lexical5 = require("lexical");
|
|
19243
|
-
var
|
|
19244
|
-
var
|
|
19245
|
-
var toolbar =
|
|
19413
|
+
var import_react113 = require("react");
|
|
19414
|
+
var import_jsx_runtime102 = require("@emotion/react/jsx-runtime");
|
|
19415
|
+
var toolbar = import_react112.css`
|
|
19246
19416
|
background: var(--gray-50);
|
|
19247
19417
|
border-radius: var(--rounded-base);
|
|
19248
19418
|
display: flex;
|
|
@@ -19254,7 +19424,7 @@ var toolbar = import_react109.css`
|
|
|
19254
19424
|
top: calc(var(--spacing-sm) * -2);
|
|
19255
19425
|
z-index: 10;
|
|
19256
19426
|
`;
|
|
19257
|
-
var toolbarGroup =
|
|
19427
|
+
var toolbarGroup = import_react112.css`
|
|
19258
19428
|
display: flex;
|
|
19259
19429
|
gap: var(--spacing-xs);
|
|
19260
19430
|
position: relative;
|
|
@@ -19270,7 +19440,7 @@ var toolbarGroup = import_react109.css`
|
|
|
19270
19440
|
width: 1px;
|
|
19271
19441
|
}
|
|
19272
19442
|
`;
|
|
19273
|
-
var richTextToolbarButton =
|
|
19443
|
+
var richTextToolbarButton = import_react112.css`
|
|
19274
19444
|
align-items: center;
|
|
19275
19445
|
appearance: none;
|
|
19276
19446
|
border: 0;
|
|
@@ -19283,17 +19453,17 @@ var richTextToolbarButton = import_react109.css`
|
|
|
19283
19453
|
min-width: 32px;
|
|
19284
19454
|
padding: 0 var(--spacing-sm);
|
|
19285
19455
|
`;
|
|
19286
|
-
var richTextToolbarButtonActive =
|
|
19456
|
+
var richTextToolbarButtonActive = import_react112.css`
|
|
19287
19457
|
background: var(--gray-200);
|
|
19288
19458
|
`;
|
|
19289
|
-
var toolbarIcon =
|
|
19459
|
+
var toolbarIcon = import_react112.css`
|
|
19290
19460
|
color: inherit;
|
|
19291
19461
|
`;
|
|
19292
|
-
var toolbarChevron =
|
|
19462
|
+
var toolbarChevron = import_react112.css`
|
|
19293
19463
|
margin-left: var(--spacing-xs);
|
|
19294
19464
|
`;
|
|
19295
19465
|
var RichTextToolbarIcon = ({ icon }) => {
|
|
19296
|
-
return /* @__PURE__ */ (0,
|
|
19466
|
+
return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Icon, { icon, css: toolbarIcon, size: "1rem" });
|
|
19297
19467
|
};
|
|
19298
19468
|
var FORMATS_WITH_ICON = /* @__PURE__ */ new Map([
|
|
19299
19469
|
["bold", "format-bold"],
|
|
@@ -19344,7 +19514,7 @@ var RichTextToolbar = ({ config, customControls }) => {
|
|
|
19344
19514
|
}
|
|
19345
19515
|
});
|
|
19346
19516
|
};
|
|
19347
|
-
const updateToolbar = (0,
|
|
19517
|
+
const updateToolbar = (0, import_react113.useCallback)(() => {
|
|
19348
19518
|
const selection = (0, import_lexical5.$getSelection)();
|
|
19349
19519
|
if (!(0, import_lexical5.$isRangeSelection)(selection)) {
|
|
19350
19520
|
return;
|
|
@@ -19383,7 +19553,7 @@ var RichTextToolbar = ({ config, customControls }) => {
|
|
|
19383
19553
|
setIsLink(false);
|
|
19384
19554
|
}
|
|
19385
19555
|
}, [editor, setActiveElement, setActiveFormats, setIsLink]);
|
|
19386
|
-
(0,
|
|
19556
|
+
(0, import_react113.useEffect)(() => {
|
|
19387
19557
|
return editor.registerCommand(
|
|
19388
19558
|
import_lexical5.SELECTION_CHANGE_COMMAND,
|
|
19389
19559
|
(_payload) => {
|
|
@@ -19393,7 +19563,7 @@ var RichTextToolbar = ({ config, customControls }) => {
|
|
|
19393
19563
|
import_lexical5.COMMAND_PRIORITY_CRITICAL
|
|
19394
19564
|
);
|
|
19395
19565
|
}, [editor, updateToolbar]);
|
|
19396
|
-
(0,
|
|
19566
|
+
(0, import_react113.useEffect)(() => {
|
|
19397
19567
|
return editor.registerUpdateListener(({ editorState }) => {
|
|
19398
19568
|
requestAnimationFrame(() => {
|
|
19399
19569
|
editorState.read(() => {
|
|
@@ -19402,15 +19572,15 @@ var RichTextToolbar = ({ config, customControls }) => {
|
|
|
19402
19572
|
});
|
|
19403
19573
|
});
|
|
19404
19574
|
}, [editor, updateToolbar]);
|
|
19405
|
-
return /* @__PURE__ */ (0,
|
|
19406
|
-
/* @__PURE__ */ (0,
|
|
19575
|
+
return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { css: toolbar, children: [
|
|
19576
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
|
|
19407
19577
|
Menu,
|
|
19408
19578
|
{
|
|
19409
19579
|
menuLabel: "Elements",
|
|
19410
|
-
menuTrigger: /* @__PURE__ */ (0,
|
|
19580
|
+
menuTrigger: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("button", { css: richTextToolbarButton, title: "Text styles", children: [
|
|
19411
19581
|
visibleTextualElements.some((element) => element.type === activeElement) ? getLabelForElement(activeElement) : getLabelForElement("paragraph"),
|
|
19412
19582
|
" ",
|
|
19413
|
-
/* @__PURE__ */ (0,
|
|
19583
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Icon, { icon: "chevron-down", css: [toolbarIcon, toolbarChevron], size: "1rem" })
|
|
19414
19584
|
] }),
|
|
19415
19585
|
placement: "bottom-start",
|
|
19416
19586
|
children: [
|
|
@@ -19420,7 +19590,7 @@ var RichTextToolbar = ({ config, customControls }) => {
|
|
|
19420
19590
|
type: "paragraph"
|
|
19421
19591
|
},
|
|
19422
19592
|
...visibleTextualElements
|
|
19423
|
-
].map((element) => /* @__PURE__ */ (0,
|
|
19593
|
+
].map((element) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
19424
19594
|
MenuItem,
|
|
19425
19595
|
{
|
|
19426
19596
|
onClick: () => {
|
|
@@ -19430,12 +19600,12 @@ var RichTextToolbar = ({ config, customControls }) => {
|
|
|
19430
19600
|
},
|
|
19431
19601
|
element.type
|
|
19432
19602
|
)),
|
|
19433
|
-
visibleTextualElements.length === 0 ? /* @__PURE__ */ (0,
|
|
19603
|
+
visibleTextualElements.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(MenuItem, { disabled: true, children: "Alternative text styles are not available" }) : null
|
|
19434
19604
|
]
|
|
19435
19605
|
}
|
|
19436
19606
|
),
|
|
19437
|
-
visibleFormatsWithIcon.length > 0 || visibleFormatsWithoutIcon.length > 0 ? /* @__PURE__ */ (0,
|
|
19438
|
-
visibleFormatsWithIcon.map((format) => /* @__PURE__ */ (0,
|
|
19607
|
+
visibleFormatsWithIcon.length > 0 || visibleFormatsWithoutIcon.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { css: toolbarGroup, children: [
|
|
19608
|
+
visibleFormatsWithIcon.map((format) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Tooltip, { title: format.label, placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
19439
19609
|
"button",
|
|
19440
19610
|
{
|
|
19441
19611
|
onClick: () => {
|
|
@@ -19445,16 +19615,16 @@ var RichTextToolbar = ({ config, customControls }) => {
|
|
|
19445
19615
|
richTextToolbarButton,
|
|
19446
19616
|
activeFormats.includes(format.type) ? richTextToolbarButtonActive : null
|
|
19447
19617
|
],
|
|
19448
|
-
children: /* @__PURE__ */ (0,
|
|
19618
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(RichTextToolbarIcon, { icon: FORMATS_WITH_ICON.get(format.type) })
|
|
19449
19619
|
}
|
|
19450
19620
|
) }, format.type)),
|
|
19451
|
-
visibleFormatsWithoutIcon.length > 0 ? /* @__PURE__ */ (0,
|
|
19621
|
+
visibleFormatsWithoutIcon.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
19452
19622
|
Menu,
|
|
19453
19623
|
{
|
|
19454
19624
|
menuLabel: "Alternative text styles",
|
|
19455
|
-
menuTrigger: /* @__PURE__ */ (0,
|
|
19625
|
+
menuTrigger: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("button", { css: richTextToolbarButton, title: "Alternative text styles", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Icon, { icon: "more-alt", css: toolbarIcon }) }),
|
|
19456
19626
|
placement: "bottom-start",
|
|
19457
|
-
children: visibleFormatsWithoutIcon.map((format) => /* @__PURE__ */ (0,
|
|
19627
|
+
children: visibleFormatsWithoutIcon.map((format) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
19458
19628
|
MenuItem,
|
|
19459
19629
|
{
|
|
19460
19630
|
onClick: () => {
|
|
@@ -19467,19 +19637,19 @@ var RichTextToolbar = ({ config, customControls }) => {
|
|
|
19467
19637
|
}
|
|
19468
19638
|
) : null
|
|
19469
19639
|
] }) : null,
|
|
19470
|
-
visibleElementsWithIcons.size > 0 ? /* @__PURE__ */ (0,
|
|
19471
|
-
linkElementVisible ? /* @__PURE__ */ (0,
|
|
19640
|
+
visibleElementsWithIcons.size > 0 ? /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { css: toolbarGroup, children: [
|
|
19641
|
+
linkElementVisible ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Tooltip, { title: "Link", placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
19472
19642
|
"button",
|
|
19473
19643
|
{
|
|
19474
19644
|
onClick: () => {
|
|
19475
19645
|
isLink ? editor.dispatchCommand(REMOVE_LINK_NODE_COMMAND, {}) : editor.dispatchCommand(OPEN_LINK_NODE_MODAL_COMMAND, {});
|
|
19476
19646
|
},
|
|
19477
19647
|
css: [richTextToolbarButton, isLink ? richTextToolbarButtonActive : null],
|
|
19478
|
-
children: /* @__PURE__ */ (0,
|
|
19648
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(RichTextToolbarIcon, { icon: "link" })
|
|
19479
19649
|
}
|
|
19480
19650
|
) }) : null,
|
|
19481
|
-
visibleLists.size > 0 ? /* @__PURE__ */ (0,
|
|
19482
|
-
visibleLists.has("unorderedList") ? /* @__PURE__ */ (0,
|
|
19651
|
+
visibleLists.size > 0 ? /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
|
|
19652
|
+
visibleLists.has("unorderedList") ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Tooltip, { title: "Bullet List", placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
19483
19653
|
"button",
|
|
19484
19654
|
{
|
|
19485
19655
|
onClick: () => {
|
|
@@ -19489,10 +19659,10 @@ var RichTextToolbar = ({ config, customControls }) => {
|
|
|
19489
19659
|
richTextToolbarButton,
|
|
19490
19660
|
activeElement === "unorderedList" ? richTextToolbarButtonActive : null
|
|
19491
19661
|
],
|
|
19492
|
-
children: /* @__PURE__ */ (0,
|
|
19662
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(RichTextToolbarIcon, { icon: "layout-list" })
|
|
19493
19663
|
}
|
|
19494
19664
|
) }) : null,
|
|
19495
|
-
visibleLists.has("orderedList") ? /* @__PURE__ */ (0,
|
|
19665
|
+
visibleLists.has("orderedList") ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Tooltip, { title: "Ordered List", placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
19496
19666
|
"button",
|
|
19497
19667
|
{
|
|
19498
19668
|
onClick: () => {
|
|
@@ -19502,57 +19672,57 @@ var RichTextToolbar = ({ config, customControls }) => {
|
|
|
19502
19672
|
richTextToolbarButton,
|
|
19503
19673
|
activeElement === "orderedList" ? richTextToolbarButtonActive : null
|
|
19504
19674
|
],
|
|
19505
|
-
children: /* @__PURE__ */ (0,
|
|
19675
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(RichTextToolbarIcon, { icon: "layout-list-numbered" })
|
|
19506
19676
|
}
|
|
19507
19677
|
) }) : null
|
|
19508
19678
|
] }) : null,
|
|
19509
|
-
quoteElementVisible ? /* @__PURE__ */ (0,
|
|
19679
|
+
quoteElementVisible ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Tooltip, { title: "Blockquote", placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
19510
19680
|
"button",
|
|
19511
19681
|
{
|
|
19512
19682
|
onClick: () => {
|
|
19513
19683
|
activeElement === "quote" ? onSelectElement("paragraph") : onSelectElement("quote");
|
|
19514
19684
|
},
|
|
19515
19685
|
css: [richTextToolbarButton, activeElement === "quote" ? richTextToolbarButtonActive : null],
|
|
19516
|
-
children: /* @__PURE__ */ (0,
|
|
19686
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(RichTextToolbarIcon, { icon: "quote" })
|
|
19517
19687
|
}
|
|
19518
19688
|
) }) : null,
|
|
19519
|
-
codeElementVisible ? /* @__PURE__ */ (0,
|
|
19689
|
+
codeElementVisible ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Tooltip, { title: "Code Block", placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
19520
19690
|
"button",
|
|
19521
19691
|
{
|
|
19522
19692
|
onClick: () => {
|
|
19523
19693
|
activeElement === "code" ? onSelectElement("paragraph") : onSelectElement("code");
|
|
19524
19694
|
},
|
|
19525
19695
|
css: [richTextToolbarButton, activeElement === "code" ? richTextToolbarButtonActive : null],
|
|
19526
|
-
children: /* @__PURE__ */ (0,
|
|
19696
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(RichTextToolbarIcon, { icon: "code-slash" })
|
|
19527
19697
|
}
|
|
19528
19698
|
) }) : null
|
|
19529
19699
|
] }) : null,
|
|
19530
|
-
customControls ? /* @__PURE__ */ (0,
|
|
19700
|
+
customControls ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { css: toolbarGroup, children: customControls }) : null
|
|
19531
19701
|
] });
|
|
19532
19702
|
};
|
|
19533
19703
|
var RichTextToolbar_default = RichTextToolbar;
|
|
19534
19704
|
var useRichTextToolbarState = ({ config }) => {
|
|
19535
19705
|
var _a;
|
|
19536
|
-
const enabledBuiltInFormats = (0,
|
|
19706
|
+
const enabledBuiltInFormats = (0, import_react113.useMemo)(() => {
|
|
19537
19707
|
return richTextBuiltInFormats.filter((format) => {
|
|
19538
19708
|
var _a2, _b;
|
|
19539
19709
|
return (_b = (_a2 = config == null ? void 0 : config.formatting) == null ? void 0 : _a2.builtIn) == null ? void 0 : _b.includes(format.type);
|
|
19540
19710
|
});
|
|
19541
19711
|
}, [config]);
|
|
19542
|
-
const enabledBuiltInElements = (0,
|
|
19712
|
+
const enabledBuiltInElements = (0, import_react113.useMemo)(() => {
|
|
19543
19713
|
return richTextBuiltInElements.filter((element) => {
|
|
19544
19714
|
var _a2, _b;
|
|
19545
19715
|
return (_b = (_a2 = config == null ? void 0 : config.elements) == null ? void 0 : _a2.builtIn) == null ? void 0 : _b.includes(element.type);
|
|
19546
19716
|
});
|
|
19547
19717
|
}, [config]);
|
|
19548
|
-
const enabledBuiltInFormatsWithIcon = (0,
|
|
19718
|
+
const enabledBuiltInFormatsWithIcon = (0, import_react113.useMemo)(() => {
|
|
19549
19719
|
return enabledBuiltInFormats.filter((format) => FORMATS_WITH_ICON.has(format.type));
|
|
19550
19720
|
}, [enabledBuiltInFormats]);
|
|
19551
19721
|
const enabledBuiltInFormatsWithoutIcon = enabledBuiltInFormats.filter(
|
|
19552
19722
|
(format) => !FORMATS_WITH_ICON.has(format.type)
|
|
19553
19723
|
);
|
|
19554
|
-
const [activeFormats, setActiveFormats] = (0,
|
|
19555
|
-
const visibleFormatsWithIcon = (0,
|
|
19724
|
+
const [activeFormats, setActiveFormats] = (0, import_react113.useState)([]);
|
|
19725
|
+
const visibleFormatsWithIcon = (0, import_react113.useMemo)(() => {
|
|
19556
19726
|
const visibleFormats = /* @__PURE__ */ new Set();
|
|
19557
19727
|
activeFormats.filter((type) => FORMATS_WITH_ICON.has(type)).forEach((type) => {
|
|
19558
19728
|
visibleFormats.add(type);
|
|
@@ -19562,7 +19732,7 @@ var useRichTextToolbarState = ({ config }) => {
|
|
|
19562
19732
|
});
|
|
19563
19733
|
return richTextBuiltInFormats.filter((format) => visibleFormats.has(format.type));
|
|
19564
19734
|
}, [activeFormats, enabledBuiltInFormatsWithIcon]);
|
|
19565
|
-
const visibleFormatsWithoutIcon = (0,
|
|
19735
|
+
const visibleFormatsWithoutIcon = (0, import_react113.useMemo)(() => {
|
|
19566
19736
|
const visibleFormats = /* @__PURE__ */ new Set();
|
|
19567
19737
|
activeFormats.filter((type) => !FORMATS_WITH_ICON.has(type)).forEach((type) => {
|
|
19568
19738
|
visibleFormats.add(type);
|
|
@@ -19572,11 +19742,11 @@ var useRichTextToolbarState = ({ config }) => {
|
|
|
19572
19742
|
});
|
|
19573
19743
|
return richTextBuiltInFormats.filter((format) => visibleFormats.has(format.type));
|
|
19574
19744
|
}, [activeFormats, enabledBuiltInFormatsWithoutIcon]);
|
|
19575
|
-
const [activeElement, setActiveElement] = (0,
|
|
19745
|
+
const [activeElement, setActiveElement] = (0, import_react113.useState)("paragraph");
|
|
19576
19746
|
const enabledTextualElements = enabledBuiltInElements.filter(
|
|
19577
19747
|
(element) => TEXTUAL_ELEMENTS.includes(element.type)
|
|
19578
19748
|
);
|
|
19579
|
-
const visibleTextualElements = (0,
|
|
19749
|
+
const visibleTextualElements = (0, import_react113.useMemo)(() => {
|
|
19580
19750
|
if (!TEXTUAL_ELEMENTS.includes(activeElement)) {
|
|
19581
19751
|
return enabledTextualElements;
|
|
19582
19752
|
}
|
|
@@ -19587,24 +19757,24 @@ var useRichTextToolbarState = ({ config }) => {
|
|
|
19587
19757
|
}
|
|
19588
19758
|
);
|
|
19589
19759
|
}, [activeElement, (_a = config == null ? void 0 : config.elements) == null ? void 0 : _a.builtIn, enabledTextualElements]);
|
|
19590
|
-
const [isLink, setIsLink] = (0,
|
|
19591
|
-
const linkElementVisible = (0,
|
|
19760
|
+
const [isLink, setIsLink] = (0, import_react113.useState)(false);
|
|
19761
|
+
const linkElementVisible = (0, import_react113.useMemo)(() => {
|
|
19592
19762
|
return enabledBuiltInElements.some((element) => element.type === "link") || isLink;
|
|
19593
19763
|
}, [isLink, enabledBuiltInElements]);
|
|
19594
|
-
const visibleLists = (0,
|
|
19764
|
+
const visibleLists = (0, import_react113.useMemo)(() => {
|
|
19595
19765
|
return new Set(
|
|
19596
19766
|
["orderedList", "unorderedList"].filter(
|
|
19597
19767
|
(type) => enabledBuiltInElements.some((element) => element.type === type) || activeElement === type
|
|
19598
19768
|
)
|
|
19599
19769
|
);
|
|
19600
19770
|
}, [activeElement, enabledBuiltInElements]);
|
|
19601
|
-
const quoteElementVisible = (0,
|
|
19771
|
+
const quoteElementVisible = (0, import_react113.useMemo)(() => {
|
|
19602
19772
|
return enabledBuiltInElements.some((element) => element.type === "quote") || activeElement === "quote";
|
|
19603
19773
|
}, [activeElement, enabledBuiltInElements]);
|
|
19604
|
-
const codeElementVisible = (0,
|
|
19774
|
+
const codeElementVisible = (0, import_react113.useMemo)(() => {
|
|
19605
19775
|
return enabledBuiltInElements.some((element) => element.type === "code") || activeElement === "code";
|
|
19606
19776
|
}, [activeElement, enabledBuiltInElements]);
|
|
19607
|
-
const visibleElementsWithIcons = (0,
|
|
19777
|
+
const visibleElementsWithIcons = (0, import_react113.useMemo)(() => {
|
|
19608
19778
|
const visibleElements = /* @__PURE__ */ new Set();
|
|
19609
19779
|
if (linkElementVisible) {
|
|
19610
19780
|
visibleElements.add("link");
|
|
@@ -19641,7 +19811,7 @@ var useRichTextToolbarState = ({ config }) => {
|
|
|
19641
19811
|
};
|
|
19642
19812
|
|
|
19643
19813
|
// src/components/ParameterInputs/ParameterRichText.tsx
|
|
19644
|
-
var
|
|
19814
|
+
var import_jsx_runtime103 = require("@emotion/react/jsx-runtime");
|
|
19645
19815
|
var ParameterRichText = ({
|
|
19646
19816
|
label,
|
|
19647
19817
|
labelLeadingIcon,
|
|
@@ -19666,7 +19836,7 @@ var ParameterRichText = ({
|
|
|
19666
19836
|
variables,
|
|
19667
19837
|
customControls
|
|
19668
19838
|
}) => {
|
|
19669
|
-
return /* @__PURE__ */ (0,
|
|
19839
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
|
|
19670
19840
|
ParameterShell,
|
|
19671
19841
|
{
|
|
19672
19842
|
"data-testid": "parameter-input",
|
|
@@ -19680,7 +19850,7 @@ var ParameterRichText = ({
|
|
|
19680
19850
|
captionTestId,
|
|
19681
19851
|
menuItems,
|
|
19682
19852
|
children: [
|
|
19683
|
-
/* @__PURE__ */ (0,
|
|
19853
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
19684
19854
|
ParameterRichTextInner,
|
|
19685
19855
|
{
|
|
19686
19856
|
value,
|
|
@@ -19698,23 +19868,23 @@ var ParameterRichText = ({
|
|
|
19698
19868
|
children
|
|
19699
19869
|
}
|
|
19700
19870
|
),
|
|
19701
|
-
menuItems ? /* @__PURE__ */ (0,
|
|
19871
|
+
menuItems ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(ParameterMenuButton, { label: `${label} menu`, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_jsx_runtime103.Fragment, { children: menuItems }) }) : null
|
|
19702
19872
|
]
|
|
19703
19873
|
}
|
|
19704
19874
|
);
|
|
19705
19875
|
};
|
|
19706
|
-
var editorWrapper =
|
|
19876
|
+
var editorWrapper = import_react114.css`
|
|
19707
19877
|
display: flex;
|
|
19708
19878
|
flex-flow: column;
|
|
19709
19879
|
flex-grow: 1;
|
|
19710
19880
|
`;
|
|
19711
|
-
var editorContainer =
|
|
19881
|
+
var editorContainer = import_react114.css`
|
|
19712
19882
|
display: flex;
|
|
19713
19883
|
flex-flow: column;
|
|
19714
19884
|
flex-grow: 1;
|
|
19715
19885
|
position: relative;
|
|
19716
19886
|
`;
|
|
19717
|
-
var editorPlaceholder =
|
|
19887
|
+
var editorPlaceholder = import_react114.css`
|
|
19718
19888
|
color: var(--gray-500);
|
|
19719
19889
|
font-style: italic;
|
|
19720
19890
|
/* 1px is added to make sure caret is clearly visible when field is focused
|
|
@@ -19725,7 +19895,7 @@ var editorPlaceholder = import_react111.css`
|
|
|
19725
19895
|
top: var(--spacing-xs);
|
|
19726
19896
|
user-select: none;
|
|
19727
19897
|
`;
|
|
19728
|
-
var editorInput =
|
|
19898
|
+
var editorInput = import_react114.css`
|
|
19729
19899
|
background: var(--white);
|
|
19730
19900
|
border: 1px solid var(--white);
|
|
19731
19901
|
border-radius: var(--rounded-sm);
|
|
@@ -19809,8 +19979,8 @@ var ParameterRichTextInner = ({
|
|
|
19809
19979
|
},
|
|
19810
19980
|
editable: !readOnly
|
|
19811
19981
|
};
|
|
19812
|
-
return /* @__PURE__ */ (0,
|
|
19813
|
-
/* @__PURE__ */ (0,
|
|
19982
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_jsx_runtime103.Fragment, { children: [
|
|
19983
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { css: [editorWrapper], className: editorWrapperClassName, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_LexicalComposer.LexicalComposer, { initialConfig: lexicalConfig, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
19814
19984
|
RichText,
|
|
19815
19985
|
{
|
|
19816
19986
|
onChange,
|
|
@@ -19847,14 +20017,14 @@ var RichText = ({
|
|
|
19847
20017
|
variables,
|
|
19848
20018
|
customControls
|
|
19849
20019
|
}) => {
|
|
19850
|
-
const editorContainerRef = (0,
|
|
20020
|
+
const editorContainerRef = (0, import_react115.useRef)(null);
|
|
19851
20021
|
const [editor] = (0, import_LexicalComposerContext5.useLexicalComposerContext)();
|
|
19852
|
-
(0,
|
|
20022
|
+
(0, import_react115.useEffect)(() => {
|
|
19853
20023
|
if (onRichTextInit) {
|
|
19854
20024
|
onRichTextInit(editor);
|
|
19855
20025
|
}
|
|
19856
20026
|
}, [editor, onRichTextInit]);
|
|
19857
|
-
(0,
|
|
20027
|
+
(0, import_react115.useEffect)(() => {
|
|
19858
20028
|
const removeUpdateListener = editor.registerUpdateListener(({ editorState, prevEditorState }) => {
|
|
19859
20029
|
requestAnimationFrame(() => {
|
|
19860
20030
|
if (!(0, import_fast_equals2.deepEqual)(editorState.toJSON(), prevEditorState.toJSON())) {
|
|
@@ -19866,20 +20036,20 @@ var RichText = ({
|
|
|
19866
20036
|
removeUpdateListener();
|
|
19867
20037
|
};
|
|
19868
20038
|
}, []);
|
|
19869
|
-
return /* @__PURE__ */ (0,
|
|
19870
|
-
readOnly ? null : /* @__PURE__ */ (0,
|
|
19871
|
-
/* @__PURE__ */ (0,
|
|
19872
|
-
/* @__PURE__ */ (0,
|
|
20039
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_jsx_runtime103.Fragment, { children: [
|
|
20040
|
+
readOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(RichTextToolbar_default, { config, customControls }),
|
|
20041
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { css: editorContainer, ref: editorContainerRef, "data-testid": "value-container", children: [
|
|
20042
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
19873
20043
|
import_LexicalRichTextPlugin.RichTextPlugin,
|
|
19874
20044
|
{
|
|
19875
|
-
contentEditable: /* @__PURE__ */ (0,
|
|
19876
|
-
placeholder: /* @__PURE__ */ (0,
|
|
20045
|
+
contentEditable: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_LexicalContentEditable.ContentEditable, { css: editorInput, className: editorInputClassName }),
|
|
20046
|
+
placeholder: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { css: editorPlaceholder, children: readOnly ? "empty" : "start editing..." }),
|
|
19877
20047
|
ErrorBoundary: import_LexicalErrorBoundary.default
|
|
19878
20048
|
}
|
|
19879
20049
|
),
|
|
19880
|
-
/* @__PURE__ */ (0,
|
|
19881
|
-
readOnly ? null : /* @__PURE__ */ (0,
|
|
19882
|
-
/* @__PURE__ */ (0,
|
|
20050
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_LexicalListPlugin.ListPlugin, {}),
|
|
20051
|
+
readOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_LexicalHistoryPlugin.HistoryPlugin, {}),
|
|
20052
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
19883
20053
|
LinkNodePlugin,
|
|
19884
20054
|
{
|
|
19885
20055
|
onConnectLink: onConnectLink ? onConnectLink : () => Promise.resolve(),
|
|
@@ -19889,28 +20059,28 @@ var RichText = ({
|
|
|
19889
20059
|
} : void 0
|
|
19890
20060
|
}
|
|
19891
20061
|
),
|
|
19892
|
-
/* @__PURE__ */ (0,
|
|
19893
|
-
/* @__PURE__ */ (0,
|
|
19894
|
-
/* @__PURE__ */ (0,
|
|
19895
|
-
/* @__PURE__ */ (0,
|
|
20062
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(ListIndentPlugin, { maxDepth: 4 }),
|
|
20063
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(DisableStylesPlugin, {}),
|
|
20064
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_LexicalMarkdownShortcutPlugin.MarkdownShortcutPlugin, { transformers: MARKDOWN_TRANSFORMERS }),
|
|
20065
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_jsx_runtime103.Fragment, { children })
|
|
19896
20066
|
] })
|
|
19897
20067
|
] });
|
|
19898
20068
|
};
|
|
19899
20069
|
|
|
19900
20070
|
// src/components/ParameterInputs/ParameterSelect.tsx
|
|
19901
20071
|
init_emotion_jsx_shim();
|
|
19902
|
-
var
|
|
19903
|
-
var
|
|
19904
|
-
var ParameterSelect = (0,
|
|
20072
|
+
var import_react116 = require("react");
|
|
20073
|
+
var import_jsx_runtime104 = require("@emotion/react/jsx-runtime");
|
|
20074
|
+
var ParameterSelect = (0, import_react116.forwardRef)(
|
|
19905
20075
|
({ defaultOption, options, ...props }, ref) => {
|
|
19906
20076
|
const { shellProps, innerProps } = extractParameterProps(props);
|
|
19907
|
-
return /* @__PURE__ */ (0,
|
|
20077
|
+
return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(ParameterShell, { ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(ParameterSelectInner, { options, defaultOption, ...innerProps, ref }) });
|
|
19908
20078
|
}
|
|
19909
20079
|
);
|
|
19910
|
-
var ParameterSelectInner = (0,
|
|
20080
|
+
var ParameterSelectInner = (0, import_react116.forwardRef)(
|
|
19911
20081
|
({ defaultOption, options, ...props }, ref) => {
|
|
19912
20082
|
const { id, label, hiddenLabel } = useParameterShell();
|
|
19913
|
-
return /* @__PURE__ */ (0,
|
|
20083
|
+
return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
|
|
19914
20084
|
"select",
|
|
19915
20085
|
{
|
|
19916
20086
|
css: [input2, selectInput],
|
|
@@ -19919,10 +20089,10 @@ var ParameterSelectInner = (0, import_react113.forwardRef)(
|
|
|
19919
20089
|
ref,
|
|
19920
20090
|
...props,
|
|
19921
20091
|
children: [
|
|
19922
|
-
defaultOption ? /* @__PURE__ */ (0,
|
|
20092
|
+
defaultOption ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("option", { value: "", children: defaultOption }) : null,
|
|
19923
20093
|
options.map((option) => {
|
|
19924
20094
|
var _a;
|
|
19925
|
-
return /* @__PURE__ */ (0,
|
|
20095
|
+
return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("option", { value: (_a = option.value) != null ? _a : option.label, children: option.label }, option.label);
|
|
19926
20096
|
})
|
|
19927
20097
|
]
|
|
19928
20098
|
}
|
|
@@ -19932,15 +20102,15 @@ var ParameterSelectInner = (0, import_react113.forwardRef)(
|
|
|
19932
20102
|
|
|
19933
20103
|
// src/components/ParameterInputs/ParameterTextarea.tsx
|
|
19934
20104
|
init_emotion_jsx_shim();
|
|
19935
|
-
var
|
|
19936
|
-
var
|
|
19937
|
-
var ParameterTextarea = (0,
|
|
20105
|
+
var import_react117 = require("react");
|
|
20106
|
+
var import_jsx_runtime105 = require("@emotion/react/jsx-runtime");
|
|
20107
|
+
var ParameterTextarea = (0, import_react117.forwardRef)((props, ref) => {
|
|
19938
20108
|
const { shellProps, innerProps } = extractParameterProps(props);
|
|
19939
|
-
return /* @__PURE__ */ (0,
|
|
20109
|
+
return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ParameterShell, { "data-testid": "parameter-textarea", ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ParameterTextareaInner, { ref, ...innerProps }) });
|
|
19940
20110
|
});
|
|
19941
|
-
var ParameterTextareaInner = (0,
|
|
20111
|
+
var ParameterTextareaInner = (0, import_react117.forwardRef)(({ ...props }, ref) => {
|
|
19942
20112
|
const { id, label, hiddenLabel } = useParameterShell();
|
|
19943
|
-
return /* @__PURE__ */ (0,
|
|
20113
|
+
return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
19944
20114
|
"textarea",
|
|
19945
20115
|
{
|
|
19946
20116
|
css: [input2, textarea2],
|
|
@@ -19954,84 +20124,49 @@ var ParameterTextareaInner = (0, import_react114.forwardRef)(({ ...props }, ref)
|
|
|
19954
20124
|
|
|
19955
20125
|
// src/components/ParameterInputs/ParameterToggle.tsx
|
|
19956
20126
|
init_emotion_jsx_shim();
|
|
19957
|
-
var
|
|
19958
|
-
var
|
|
19959
|
-
var ParameterToggle = (0,
|
|
20127
|
+
var import_react118 = require("react");
|
|
20128
|
+
var import_jsx_runtime106 = require("@emotion/react/jsx-runtime");
|
|
20129
|
+
var ParameterToggle = (0, import_react118.forwardRef)((props, ref) => {
|
|
19960
20130
|
const { shellProps, innerProps } = extractParameterProps(props);
|
|
19961
|
-
return /* @__PURE__ */ (0,
|
|
20131
|
+
return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(ParameterShell, { ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(ParameterToggleInner, { ref, ...innerProps }) });
|
|
19962
20132
|
});
|
|
19963
|
-
var ParameterToggleInner = (0,
|
|
20133
|
+
var ParameterToggleInner = (0, import_react118.forwardRef)(
|
|
19964
20134
|
({ ...props }, ref) => {
|
|
19965
20135
|
const { id, label } = useParameterShell();
|
|
19966
|
-
return /* @__PURE__ */ (0,
|
|
19967
|
-
/* @__PURE__ */ (0,
|
|
19968
|
-
/* @__PURE__ */ (0,
|
|
20136
|
+
return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("label", { css: inputToggleLabel2, children: [
|
|
20137
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)("input", { css: toggleInput2, type: props.type, id, ref, ...props }),
|
|
20138
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { css: inlineLabel2, children: label })
|
|
19969
20139
|
] });
|
|
19970
20140
|
}
|
|
19971
20141
|
);
|
|
19972
20142
|
|
|
19973
|
-
// src/components/Popover/Popover.tsx
|
|
19974
|
-
init_emotion_jsx_shim();
|
|
19975
|
-
var import_Popover = require("reakit/Popover");
|
|
19976
|
-
var import_jsx_runtime103 = require("@emotion/react/jsx-runtime");
|
|
19977
|
-
var Popover2 = ({
|
|
19978
|
-
iconColor = "action",
|
|
19979
|
-
icon = "info",
|
|
19980
|
-
iconSize = "1rem",
|
|
19981
|
-
buttonText,
|
|
19982
|
-
ariaLabel,
|
|
19983
|
-
placement = "bottom",
|
|
19984
|
-
testId,
|
|
19985
|
-
trigger,
|
|
19986
|
-
children,
|
|
19987
|
-
...otherProps
|
|
19988
|
-
}) => {
|
|
19989
|
-
const popover = (0, import_Popover.usePopoverState)({ placement });
|
|
19990
|
-
return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_jsx_runtime103.Fragment, { children: [
|
|
19991
|
-
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
19992
|
-
import_Popover.PopoverDisclosure,
|
|
19993
|
-
{
|
|
19994
|
-
...popover,
|
|
19995
|
-
css: [PopoverBtn, trigger ? void 0 : PopoverDefaulterTriggerBtn],
|
|
19996
|
-
title: buttonText,
|
|
19997
|
-
"data-testid": testId,
|
|
19998
|
-
children: trigger ? trigger : /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_jsx_runtime103.Fragment, { children: [
|
|
19999
|
-
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Icon, { icon, iconColor, size: iconSize }),
|
|
20000
|
-
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { hidden: true, children: buttonText })
|
|
20001
|
-
] })
|
|
20002
|
-
}
|
|
20003
|
-
),
|
|
20004
|
-
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_Popover.Popover, { css: Popover, ...otherProps, ...popover, role: "tooltip", "aria-label": ariaLabel, children })
|
|
20005
|
-
] });
|
|
20006
|
-
};
|
|
20007
|
-
|
|
20008
20143
|
// src/components/ProgressList/ProgressList.tsx
|
|
20009
20144
|
init_emotion_jsx_shim();
|
|
20010
|
-
var
|
|
20145
|
+
var import_react120 = require("@emotion/react");
|
|
20011
20146
|
var import_CgCheckO3 = require("@react-icons/all-files/cg/CgCheckO");
|
|
20012
20147
|
var import_CgRadioCheck2 = require("@react-icons/all-files/cg/CgRadioCheck");
|
|
20013
20148
|
var import_CgRecord2 = require("@react-icons/all-files/cg/CgRecord");
|
|
20014
|
-
var
|
|
20149
|
+
var import_react121 = require("react");
|
|
20015
20150
|
|
|
20016
20151
|
// src/components/ProgressList/styles/ProgressList.styles.ts
|
|
20017
20152
|
init_emotion_jsx_shim();
|
|
20018
|
-
var
|
|
20019
|
-
var progressListStyles =
|
|
20153
|
+
var import_react119 = require("@emotion/react");
|
|
20154
|
+
var progressListStyles = import_react119.css`
|
|
20020
20155
|
display: flex;
|
|
20021
20156
|
flex-direction: column;
|
|
20022
20157
|
gap: var(--spacing-sm);
|
|
20023
20158
|
list-style-type: none;
|
|
20024
20159
|
`;
|
|
20025
|
-
var progressListItemStyles =
|
|
20160
|
+
var progressListItemStyles = import_react119.css`
|
|
20026
20161
|
display: flex;
|
|
20027
20162
|
gap: var(--spacing-base);
|
|
20028
20163
|
align-items: center;
|
|
20029
20164
|
`;
|
|
20030
20165
|
|
|
20031
20166
|
// src/components/ProgressList/ProgressList.tsx
|
|
20032
|
-
var
|
|
20167
|
+
var import_jsx_runtime107 = require("@emotion/react/jsx-runtime");
|
|
20033
20168
|
var ProgressList = ({ inProgressId, items, autoEllipsis, ...htmlProps }) => {
|
|
20034
|
-
const itemsWithStatus = (0,
|
|
20169
|
+
const itemsWithStatus = (0, import_react121.useMemo)(() => {
|
|
20035
20170
|
const indexOfInProgressItem = items.findIndex(({ id }) => id === inProgressId);
|
|
20036
20171
|
return items.map((item, index) => {
|
|
20037
20172
|
let status = "queued";
|
|
@@ -20043,8 +20178,8 @@ var ProgressList = ({ inProgressId, items, autoEllipsis, ...htmlProps }) => {
|
|
|
20043
20178
|
return { ...item, status };
|
|
20044
20179
|
});
|
|
20045
20180
|
}, [items, inProgressId]);
|
|
20046
|
-
return /* @__PURE__ */ (0,
|
|
20047
|
-
return /* @__PURE__ */ (0,
|
|
20181
|
+
return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("ol", { css: progressListStyles, ...htmlProps, children: itemsWithStatus.map(({ id, label, status, error, errorLevel }) => {
|
|
20182
|
+
return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
20048
20183
|
ProgressListItem,
|
|
20049
20184
|
{
|
|
20050
20185
|
status,
|
|
@@ -20064,7 +20199,7 @@ var ProgressListItem = ({
|
|
|
20064
20199
|
errorLevel = "danger",
|
|
20065
20200
|
autoEllipsis = false
|
|
20066
20201
|
}) => {
|
|
20067
|
-
const icon = (0,
|
|
20202
|
+
const icon = (0, import_react121.useMemo)(() => {
|
|
20068
20203
|
if (error) {
|
|
20069
20204
|
return warningIcon;
|
|
20070
20205
|
}
|
|
@@ -20075,14 +20210,14 @@ var ProgressListItem = ({
|
|
|
20075
20210
|
};
|
|
20076
20211
|
return iconPerStatus[status];
|
|
20077
20212
|
}, [status, error]);
|
|
20078
|
-
const statusStyles = (0,
|
|
20213
|
+
const statusStyles = (0, import_react121.useMemo)(() => {
|
|
20079
20214
|
if (error) {
|
|
20080
|
-
return errorLevel === "caution" ?
|
|
20215
|
+
return errorLevel === "caution" ? import_react120.css`
|
|
20081
20216
|
color: rgb(161, 98, 7);
|
|
20082
20217
|
& svg {
|
|
20083
20218
|
color: rgb(250, 204, 21);
|
|
20084
20219
|
}
|
|
20085
|
-
` :
|
|
20220
|
+
` : import_react120.css`
|
|
20086
20221
|
color: rgb(185, 28, 28);
|
|
20087
20222
|
& svg {
|
|
20088
20223
|
color: var(--brand-primary-2);
|
|
@@ -20090,37 +20225,37 @@ var ProgressListItem = ({
|
|
|
20090
20225
|
`;
|
|
20091
20226
|
}
|
|
20092
20227
|
const colorPerStatus = {
|
|
20093
|
-
completed:
|
|
20228
|
+
completed: import_react120.css`
|
|
20094
20229
|
opacity: 0.75;
|
|
20095
20230
|
`,
|
|
20096
|
-
inProgress:
|
|
20231
|
+
inProgress: import_react120.css`
|
|
20097
20232
|
-webkit-text-stroke-width: thin;
|
|
20098
20233
|
`,
|
|
20099
|
-
queued:
|
|
20234
|
+
queued: import_react120.css`
|
|
20100
20235
|
opacity: 0.5;
|
|
20101
20236
|
`
|
|
20102
20237
|
};
|
|
20103
20238
|
return colorPerStatus[status];
|
|
20104
20239
|
}, [status, error, errorLevel]);
|
|
20105
|
-
return /* @__PURE__ */ (0,
|
|
20106
|
-
/* @__PURE__ */ (0,
|
|
20107
|
-
/* @__PURE__ */ (0,
|
|
20240
|
+
return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("li", { css: [progressListItemStyles, statusStyles], children: [
|
|
20241
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Tooltip, { title: error != null ? error : "", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Icon, { icon, size: 20, iconColor: "currentColor" }) }) }),
|
|
20242
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { children: [
|
|
20108
20243
|
children,
|
|
20109
|
-
/* @__PURE__ */ (0,
|
|
20244
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { css: { visibility: autoEllipsis && status === "inProgress" && !error ? "visible" : "hidden" }, children: "..." })
|
|
20110
20245
|
] })
|
|
20111
20246
|
] });
|
|
20112
20247
|
};
|
|
20113
20248
|
|
|
20114
20249
|
// src/components/SegmentedControl/SegmentedControl.tsx
|
|
20115
20250
|
init_emotion_jsx_shim();
|
|
20116
|
-
var
|
|
20251
|
+
var import_react123 = require("@emotion/react");
|
|
20117
20252
|
var import_CgCheck5 = require("@react-icons/all-files/cg/CgCheck");
|
|
20118
|
-
var
|
|
20253
|
+
var import_react124 = require("react");
|
|
20119
20254
|
|
|
20120
20255
|
// src/components/SegmentedControl/SegmentedControl.styles.ts
|
|
20121
20256
|
init_emotion_jsx_shim();
|
|
20122
|
-
var
|
|
20123
|
-
var segmentedControlStyles =
|
|
20257
|
+
var import_react122 = require("@emotion/react");
|
|
20258
|
+
var segmentedControlStyles = import_react122.css`
|
|
20124
20259
|
--segmented-control-rounded-value: var(--rounded-base);
|
|
20125
20260
|
--segmented-control-border-width: 1px;
|
|
20126
20261
|
--segmented-control-selected-color: var(--brand-secondary-3);
|
|
@@ -20139,14 +20274,14 @@ var segmentedControlStyles = import_react119.css`
|
|
|
20139
20274
|
border-radius: calc(var(--segmented-control-rounded-value) + var(--segmented-control-border-width));
|
|
20140
20275
|
font-size: var(--fs-xs);
|
|
20141
20276
|
`;
|
|
20142
|
-
var segmentedControlVerticalStyles =
|
|
20277
|
+
var segmentedControlVerticalStyles = import_react122.css`
|
|
20143
20278
|
flex-direction: column;
|
|
20144
20279
|
--segmented-control-first-border-radius: var(--segmented-control-rounded-value)
|
|
20145
20280
|
var(--segmented-control-rounded-value) 0 0;
|
|
20146
20281
|
--segmented-control-last-border-radius: 0 0 var(--segmented-control-rounded-value)
|
|
20147
20282
|
var(--segmented-control-rounded-value);
|
|
20148
20283
|
`;
|
|
20149
|
-
var segmentedControlItemStyles =
|
|
20284
|
+
var segmentedControlItemStyles = import_react122.css`
|
|
20150
20285
|
&:first-of-type label {
|
|
20151
20286
|
border-radius: var(--segmented-control-first-border-radius);
|
|
20152
20287
|
}
|
|
@@ -20154,10 +20289,10 @@ var segmentedControlItemStyles = import_react119.css`
|
|
|
20154
20289
|
border-radius: var(--segmented-control-last-border-radius);
|
|
20155
20290
|
}
|
|
20156
20291
|
`;
|
|
20157
|
-
var segmentedControlInputStyles =
|
|
20292
|
+
var segmentedControlInputStyles = import_react122.css`
|
|
20158
20293
|
${accessibleHidden}
|
|
20159
20294
|
`;
|
|
20160
|
-
var segmentedControlLabelStyles = (checked, disabled) =>
|
|
20295
|
+
var segmentedControlLabelStyles = (checked, disabled) => import_react122.css`
|
|
20161
20296
|
position: relative;
|
|
20162
20297
|
display: flex;
|
|
20163
20298
|
align-items: center;
|
|
@@ -20224,23 +20359,23 @@ var segmentedControlLabelStyles = (checked, disabled) => import_react119.css`
|
|
|
20224
20359
|
`}
|
|
20225
20360
|
}
|
|
20226
20361
|
`;
|
|
20227
|
-
var segmentedControlLabelIconOnlyStyles =
|
|
20362
|
+
var segmentedControlLabelIconOnlyStyles = import_react122.css`
|
|
20228
20363
|
padding-inline: 0.5em;
|
|
20229
20364
|
`;
|
|
20230
|
-
var segmentedControlLabelCheckStyles =
|
|
20365
|
+
var segmentedControlLabelCheckStyles = import_react122.css`
|
|
20231
20366
|
opacity: 0.5;
|
|
20232
20367
|
`;
|
|
20233
|
-
var segmentedControlLabelContentStyles =
|
|
20368
|
+
var segmentedControlLabelContentStyles = import_react122.css`
|
|
20234
20369
|
display: flex;
|
|
20235
20370
|
align-items: center;
|
|
20236
20371
|
justify-content: center;
|
|
20237
20372
|
gap: var(--spacing-sm);
|
|
20238
20373
|
height: 100%;
|
|
20239
20374
|
`;
|
|
20240
|
-
var segmentedControlLabelTextStyles =
|
|
20375
|
+
var segmentedControlLabelTextStyles = import_react122.css``;
|
|
20241
20376
|
|
|
20242
20377
|
// src/components/SegmentedControl/SegmentedControl.tsx
|
|
20243
|
-
var
|
|
20378
|
+
var import_jsx_runtime108 = require("@emotion/react/jsx-runtime");
|
|
20244
20379
|
var SegmentedControl = ({
|
|
20245
20380
|
name,
|
|
20246
20381
|
options,
|
|
@@ -20252,7 +20387,7 @@ var SegmentedControl = ({
|
|
|
20252
20387
|
size = "md",
|
|
20253
20388
|
...props
|
|
20254
20389
|
}) => {
|
|
20255
|
-
const onOptionChange = (0,
|
|
20390
|
+
const onOptionChange = (0, import_react124.useCallback)(
|
|
20256
20391
|
(event) => {
|
|
20257
20392
|
if (event.target.checked) {
|
|
20258
20393
|
onChange == null ? void 0 : onChange(options[parseInt(event.target.value)].value);
|
|
@@ -20260,18 +20395,18 @@ var SegmentedControl = ({
|
|
|
20260
20395
|
},
|
|
20261
20396
|
[options, onChange]
|
|
20262
20397
|
);
|
|
20263
|
-
const sizeStyles = (0,
|
|
20398
|
+
const sizeStyles = (0, import_react124.useMemo)(() => {
|
|
20264
20399
|
const map = {
|
|
20265
|
-
sm: (0,
|
|
20266
|
-
md: (0,
|
|
20267
|
-
lg: (0,
|
|
20400
|
+
sm: (0, import_react123.css)({ height: "calc(24px - 2px)", fontSize: "var(--fs-xs)" }),
|
|
20401
|
+
md: (0, import_react123.css)({ height: "calc(32px - 2px)", fontSize: "var(--fs-sm)" }),
|
|
20402
|
+
lg: (0, import_react123.css)({ height: "calc(40px - 2px)", fontSize: "var(--fs-base)" })
|
|
20268
20403
|
};
|
|
20269
20404
|
return map[size];
|
|
20270
20405
|
}, [size]);
|
|
20271
|
-
const isIconOnly = (0,
|
|
20406
|
+
const isIconOnly = (0, import_react124.useMemo)(() => {
|
|
20272
20407
|
return options.every((option) => option.icon && !option.label);
|
|
20273
20408
|
}, [options]);
|
|
20274
|
-
return /* @__PURE__ */ (0,
|
|
20409
|
+
return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
20275
20410
|
"div",
|
|
20276
20411
|
{
|
|
20277
20412
|
css: [segmentedControlStyles, orientation === "vertical" ? segmentedControlVerticalStyles : void 0],
|
|
@@ -20279,11 +20414,11 @@ var SegmentedControl = ({
|
|
|
20279
20414
|
children: options.map((option, index) => {
|
|
20280
20415
|
const text = option.label ? option.label : option.icon ? null : String(option.value);
|
|
20281
20416
|
const isDisabled = disabled || option.disabled;
|
|
20282
|
-
return /* @__PURE__ */ (0,
|
|
20417
|
+
return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
20283
20418
|
Tooltip,
|
|
20284
20419
|
{
|
|
20285
20420
|
title: isDisabled || !option.tooltip ? "" : option.tooltip,
|
|
20286
|
-
children: /* @__PURE__ */ (0,
|
|
20421
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { css: segmentedControlItemStyles, "data-testid": "container-segmented-control", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
|
|
20287
20422
|
"label",
|
|
20288
20423
|
{
|
|
20289
20424
|
css: [
|
|
@@ -20292,7 +20427,7 @@ var SegmentedControl = ({
|
|
|
20292
20427
|
isIconOnly ? segmentedControlLabelIconOnlyStyles : void 0
|
|
20293
20428
|
],
|
|
20294
20429
|
children: [
|
|
20295
|
-
/* @__PURE__ */ (0,
|
|
20430
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
20296
20431
|
"input",
|
|
20297
20432
|
{
|
|
20298
20433
|
css: segmentedControlInputStyles,
|
|
@@ -20304,10 +20439,10 @@ var SegmentedControl = ({
|
|
|
20304
20439
|
disabled: isDisabled
|
|
20305
20440
|
}
|
|
20306
20441
|
),
|
|
20307
|
-
option.value !== value || noCheckmark ? null : /* @__PURE__ */ (0,
|
|
20308
|
-
/* @__PURE__ */ (0,
|
|
20309
|
-
!option.icon ? null : /* @__PURE__ */ (0,
|
|
20310
|
-
!text ? null : /* @__PURE__ */ (0,
|
|
20442
|
+
option.value !== value || noCheckmark ? null : /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_CgCheck5.CgCheck, { css: segmentedControlLabelCheckStyles, "aria-label": "Selected", size: "1.5em" }),
|
|
20443
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("span", { css: segmentedControlLabelContentStyles, children: [
|
|
20444
|
+
!option.icon ? null : /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Icon, { icon: option.icon, size: "1.5em", iconColor: "currentColor" }),
|
|
20445
|
+
!text ? null : /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { css: segmentedControlLabelTextStyles, children: text })
|
|
20311
20446
|
] })
|
|
20312
20447
|
]
|
|
20313
20448
|
}
|
|
@@ -20325,18 +20460,18 @@ init_emotion_jsx_shim();
|
|
|
20325
20460
|
|
|
20326
20461
|
// src/components/Skeleton/Skeleton.styles.ts
|
|
20327
20462
|
init_emotion_jsx_shim();
|
|
20328
|
-
var
|
|
20329
|
-
var lightFadingOut =
|
|
20463
|
+
var import_react125 = require("@emotion/react");
|
|
20464
|
+
var lightFadingOut = import_react125.keyframes`
|
|
20330
20465
|
from { opacity: 0.1; }
|
|
20331
20466
|
to { opacity: 0.025; }
|
|
20332
20467
|
`;
|
|
20333
|
-
var skeletonStyles =
|
|
20468
|
+
var skeletonStyles = import_react125.css`
|
|
20334
20469
|
animation: ${lightFadingOut} 1s ease-out infinite alternate;
|
|
20335
20470
|
background-color: var(--gray-900);
|
|
20336
20471
|
`;
|
|
20337
20472
|
|
|
20338
20473
|
// src/components/Skeleton/Skeleton.tsx
|
|
20339
|
-
var
|
|
20474
|
+
var import_jsx_runtime109 = require("@emotion/react/jsx-runtime");
|
|
20340
20475
|
var Skeleton = ({
|
|
20341
20476
|
width = "100%",
|
|
20342
20477
|
height = "1.25rem",
|
|
@@ -20344,7 +20479,7 @@ var Skeleton = ({
|
|
|
20344
20479
|
circle = false,
|
|
20345
20480
|
children,
|
|
20346
20481
|
...otherProps
|
|
20347
|
-
}) => /* @__PURE__ */ (0,
|
|
20482
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
20348
20483
|
"div",
|
|
20349
20484
|
{
|
|
20350
20485
|
css: [
|
|
@@ -20369,8 +20504,8 @@ var React23 = __toESM(require("react"));
|
|
|
20369
20504
|
|
|
20370
20505
|
// src/components/Switch/Switch.styles.ts
|
|
20371
20506
|
init_emotion_jsx_shim();
|
|
20372
|
-
var
|
|
20373
|
-
var SwitchInputContainer =
|
|
20507
|
+
var import_react126 = require("@emotion/react");
|
|
20508
|
+
var SwitchInputContainer = import_react126.css`
|
|
20374
20509
|
cursor: pointer;
|
|
20375
20510
|
display: inline-block;
|
|
20376
20511
|
position: relative;
|
|
@@ -20379,7 +20514,7 @@ var SwitchInputContainer = import_react123.css`
|
|
|
20379
20514
|
vertical-align: middle;
|
|
20380
20515
|
user-select: none;
|
|
20381
20516
|
`;
|
|
20382
|
-
var SwitchInput =
|
|
20517
|
+
var SwitchInput = import_react126.css`
|
|
20383
20518
|
appearance: none;
|
|
20384
20519
|
border-radius: var(--rounded-full);
|
|
20385
20520
|
background-color: var(--white);
|
|
@@ -20417,7 +20552,7 @@ var SwitchInput = import_react123.css`
|
|
|
20417
20552
|
cursor: not-allowed;
|
|
20418
20553
|
}
|
|
20419
20554
|
`;
|
|
20420
|
-
var SwitchInputDisabled =
|
|
20555
|
+
var SwitchInputDisabled = import_react126.css`
|
|
20421
20556
|
opacity: var(--opacity-50);
|
|
20422
20557
|
cursor: not-allowed;
|
|
20423
20558
|
|
|
@@ -20425,7 +20560,7 @@ var SwitchInputDisabled = import_react123.css`
|
|
|
20425
20560
|
cursor: not-allowed;
|
|
20426
20561
|
}
|
|
20427
20562
|
`;
|
|
20428
|
-
var SwitchInputLabel =
|
|
20563
|
+
var SwitchInputLabel = import_react126.css`
|
|
20429
20564
|
align-items: center;
|
|
20430
20565
|
color: var(--brand-secondary-1);
|
|
20431
20566
|
display: inline-flex;
|
|
@@ -20447,26 +20582,26 @@ var SwitchInputLabel = import_react123.css`
|
|
|
20447
20582
|
top: 0;
|
|
20448
20583
|
}
|
|
20449
20584
|
`;
|
|
20450
|
-
var SwitchText =
|
|
20585
|
+
var SwitchText = import_react126.css`
|
|
20451
20586
|
color: var(--gray-500);
|
|
20452
20587
|
font-size: var(--fs-sm);
|
|
20453
20588
|
padding-inline: var(--spacing-2xl) 0;
|
|
20454
20589
|
`;
|
|
20455
20590
|
|
|
20456
20591
|
// src/components/Switch/Switch.tsx
|
|
20457
|
-
var
|
|
20592
|
+
var import_jsx_runtime110 = require("@emotion/react/jsx-runtime");
|
|
20458
20593
|
var Switch = React23.forwardRef(
|
|
20459
20594
|
({ label, infoText, toggleText, children, ...inputProps }, ref) => {
|
|
20460
20595
|
let additionalText = infoText;
|
|
20461
20596
|
if (infoText && toggleText) {
|
|
20462
20597
|
additionalText = inputProps.checked ? toggleText : infoText;
|
|
20463
20598
|
}
|
|
20464
|
-
return /* @__PURE__ */ (0,
|
|
20465
|
-
/* @__PURE__ */ (0,
|
|
20466
|
-
/* @__PURE__ */ (0,
|
|
20467
|
-
/* @__PURE__ */ (0,
|
|
20599
|
+
return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_jsx_runtime110.Fragment, { children: [
|
|
20600
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("label", { css: [SwitchInputContainer, inputProps.disabled ? SwitchInputDisabled : void 0], children: [
|
|
20601
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("input", { type: "checkbox", css: SwitchInput, ...inputProps, ref }),
|
|
20602
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { css: SwitchInputLabel, children: label })
|
|
20468
20603
|
] }),
|
|
20469
|
-
additionalText ? /* @__PURE__ */ (0,
|
|
20604
|
+
additionalText ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { css: SwitchText, children: additionalText }) : null,
|
|
20470
20605
|
children
|
|
20471
20606
|
] });
|
|
20472
20607
|
}
|
|
@@ -20478,8 +20613,8 @@ var React24 = __toESM(require("react"));
|
|
|
20478
20613
|
|
|
20479
20614
|
// src/components/Table/Table.styles.ts
|
|
20480
20615
|
init_emotion_jsx_shim();
|
|
20481
|
-
var
|
|
20482
|
-
var table = ({ cellPadding = "var(--spacing-base) var(--spacing-md)" }) =>
|
|
20616
|
+
var import_react127 = require("@emotion/react");
|
|
20617
|
+
var table = ({ cellPadding = "var(--spacing-base) var(--spacing-md)" }) => import_react127.css`
|
|
20483
20618
|
border-bottom: 1px solid var(--gray-400);
|
|
20484
20619
|
border-collapse: collapse;
|
|
20485
20620
|
min-width: 100%;
|
|
@@ -20490,67 +20625,67 @@ var table = ({ cellPadding = "var(--spacing-base) var(--spacing-md)" }) => impor
|
|
|
20490
20625
|
padding: ${cellPadding};
|
|
20491
20626
|
}
|
|
20492
20627
|
`;
|
|
20493
|
-
var tableHead =
|
|
20628
|
+
var tableHead = import_react127.css`
|
|
20494
20629
|
background: var(--gray-100);
|
|
20495
20630
|
color: var(--brand-secondary-1);
|
|
20496
20631
|
text-align: left;
|
|
20497
20632
|
`;
|
|
20498
|
-
var tableRow =
|
|
20633
|
+
var tableRow = import_react127.css`
|
|
20499
20634
|
border-bottom: 1px solid var(--gray-200);
|
|
20500
20635
|
`;
|
|
20501
|
-
var tableCellHead =
|
|
20636
|
+
var tableCellHead = import_react127.css`
|
|
20502
20637
|
font-size: var(--fs-sm);
|
|
20503
20638
|
text-transform: uppercase;
|
|
20504
20639
|
font-weight: var(--fw-bold);
|
|
20505
20640
|
`;
|
|
20506
20641
|
|
|
20507
20642
|
// src/components/Table/Table.tsx
|
|
20508
|
-
var
|
|
20643
|
+
var import_jsx_runtime111 = require("@emotion/react/jsx-runtime");
|
|
20509
20644
|
var Table = React24.forwardRef(
|
|
20510
20645
|
({ children, cellPadding, ...otherProps }, ref) => {
|
|
20511
|
-
return /* @__PURE__ */ (0,
|
|
20646
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("table", { ref, css: table({ cellPadding }), ...otherProps, children });
|
|
20512
20647
|
}
|
|
20513
20648
|
);
|
|
20514
20649
|
var TableHead = React24.forwardRef(
|
|
20515
20650
|
({ children, ...otherProps }, ref) => {
|
|
20516
|
-
return /* @__PURE__ */ (0,
|
|
20651
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("thead", { ref, css: tableHead, ...otherProps, children });
|
|
20517
20652
|
}
|
|
20518
20653
|
);
|
|
20519
20654
|
var TableBody = React24.forwardRef(
|
|
20520
20655
|
({ children, ...otherProps }, ref) => {
|
|
20521
|
-
return /* @__PURE__ */ (0,
|
|
20656
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("tbody", { ref, ...otherProps, children });
|
|
20522
20657
|
}
|
|
20523
20658
|
);
|
|
20524
20659
|
var TableFoot = React24.forwardRef(
|
|
20525
20660
|
({ children, ...otherProps }, ref) => {
|
|
20526
|
-
return /* @__PURE__ */ (0,
|
|
20661
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("tfoot", { ref, ...otherProps, children });
|
|
20527
20662
|
}
|
|
20528
20663
|
);
|
|
20529
20664
|
var TableRow = React24.forwardRef(
|
|
20530
20665
|
({ children, ...otherProps }, ref) => {
|
|
20531
|
-
return /* @__PURE__ */ (0,
|
|
20666
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("tr", { ref, css: tableRow, ...otherProps, children });
|
|
20532
20667
|
}
|
|
20533
20668
|
);
|
|
20534
20669
|
var TableCellHead = React24.forwardRef(
|
|
20535
20670
|
({ children, ...otherProps }, ref) => {
|
|
20536
|
-
return /* @__PURE__ */ (0,
|
|
20671
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("th", { ref, css: tableCellHead, ...otherProps, children });
|
|
20537
20672
|
}
|
|
20538
20673
|
);
|
|
20539
20674
|
var TableCellData = React24.forwardRef(
|
|
20540
20675
|
({ children, ...otherProps }, ref) => {
|
|
20541
|
-
return /* @__PURE__ */ (0,
|
|
20676
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("td", { ref, ...otherProps, children });
|
|
20542
20677
|
}
|
|
20543
20678
|
);
|
|
20544
20679
|
|
|
20545
20680
|
// src/components/Tabs/Tabs.tsx
|
|
20546
20681
|
init_emotion_jsx_shim();
|
|
20547
|
-
var
|
|
20682
|
+
var import_react129 = require("react");
|
|
20548
20683
|
var import_Tab = require("reakit/Tab");
|
|
20549
20684
|
|
|
20550
20685
|
// src/components/Tabs/Tabs.styles.ts
|
|
20551
20686
|
init_emotion_jsx_shim();
|
|
20552
|
-
var
|
|
20553
|
-
var tabButtonStyles =
|
|
20687
|
+
var import_react128 = require("@emotion/react");
|
|
20688
|
+
var tabButtonStyles = import_react128.css`
|
|
20554
20689
|
align-items: center;
|
|
20555
20690
|
border: 0;
|
|
20556
20691
|
height: 2.5rem;
|
|
@@ -20567,30 +20702,30 @@ var tabButtonStyles = import_react125.css`
|
|
|
20567
20702
|
box-shadow: inset 0 -2px 0 var(--brand-secondary-3);
|
|
20568
20703
|
}
|
|
20569
20704
|
`;
|
|
20570
|
-
var tabButtonGroupStyles =
|
|
20705
|
+
var tabButtonGroupStyles = import_react128.css`
|
|
20571
20706
|
display: flex;
|
|
20572
20707
|
gap: var(--spacing-base);
|
|
20573
20708
|
border-bottom: 1px solid var(--gray-300);
|
|
20574
20709
|
`;
|
|
20575
20710
|
|
|
20576
20711
|
// src/components/Tabs/Tabs.tsx
|
|
20577
|
-
var
|
|
20578
|
-
var CurrentTabContext = (0,
|
|
20712
|
+
var import_jsx_runtime112 = require("@emotion/react/jsx-runtime");
|
|
20713
|
+
var CurrentTabContext = (0, import_react129.createContext)(null);
|
|
20579
20714
|
var useCurrentTab = () => {
|
|
20580
|
-
const context = (0,
|
|
20715
|
+
const context = (0, import_react129.useContext)(CurrentTabContext);
|
|
20581
20716
|
if (!context) {
|
|
20582
20717
|
throw new Error("This component can only be used inside <Tabs>");
|
|
20583
20718
|
}
|
|
20584
20719
|
return context;
|
|
20585
20720
|
};
|
|
20586
20721
|
var Tabs = ({ children, onSelectedIdChange, useHashForState, selectedId, ...props }) => {
|
|
20587
|
-
const selected = (0,
|
|
20722
|
+
const selected = (0, import_react129.useMemo)(() => {
|
|
20588
20723
|
if (selectedId)
|
|
20589
20724
|
return selectedId;
|
|
20590
20725
|
return useHashForState && typeof window !== "undefined" && window.location.hash ? window.location.hash.substring(1) : void 0;
|
|
20591
20726
|
}, [selectedId, useHashForState]);
|
|
20592
20727
|
const tab = (0, import_Tab.useTabState)({ ...props, selectedId: selected });
|
|
20593
|
-
(0,
|
|
20728
|
+
(0, import_react129.useEffect)(() => {
|
|
20594
20729
|
var _a;
|
|
20595
20730
|
const selectedValueWithoutNull = (_a = tab.selectedId) != null ? _a : void 0;
|
|
20596
20731
|
onSelectedIdChange == null ? void 0 : onSelectedIdChange(selectedValueWithoutNull);
|
|
@@ -20598,24 +20733,24 @@ var Tabs = ({ children, onSelectedIdChange, useHashForState, selectedId, ...prop
|
|
|
20598
20733
|
window.location.hash = selectedValueWithoutNull != null ? selectedValueWithoutNull : "";
|
|
20599
20734
|
}
|
|
20600
20735
|
}, [tab.selectedId, onSelectedIdChange, useHashForState]);
|
|
20601
|
-
(0,
|
|
20736
|
+
(0, import_react129.useEffect)(() => {
|
|
20602
20737
|
if (selected && selected !== tab.selectedId) {
|
|
20603
20738
|
tab.setSelectedId(selected);
|
|
20604
20739
|
}
|
|
20605
20740
|
}, [selected]);
|
|
20606
|
-
return /* @__PURE__ */ (0,
|
|
20741
|
+
return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(CurrentTabContext.Provider, { value: tab, children });
|
|
20607
20742
|
};
|
|
20608
20743
|
var TabButtonGroup = ({ children, ...props }) => {
|
|
20609
20744
|
const currentTab = useCurrentTab();
|
|
20610
|
-
return /* @__PURE__ */ (0,
|
|
20745
|
+
return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_Tab.TabList, { ...props, ...currentTab, css: tabButtonGroupStyles, children });
|
|
20611
20746
|
};
|
|
20612
20747
|
var TabButton = ({ children, id, ...props }) => {
|
|
20613
20748
|
const currentTab = useCurrentTab();
|
|
20614
|
-
return /* @__PURE__ */ (0,
|
|
20749
|
+
return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_Tab.Tab, { type: "button", id, ...currentTab, ...props, css: tabButtonStyles, children });
|
|
20615
20750
|
};
|
|
20616
20751
|
var TabContent = ({ children, ...props }) => {
|
|
20617
20752
|
const currentTab = useCurrentTab();
|
|
20618
|
-
return /* @__PURE__ */ (0,
|
|
20753
|
+
return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_Tab.TabPanel, { ...props, ...currentTab, children });
|
|
20619
20754
|
};
|
|
20620
20755
|
|
|
20621
20756
|
// src/components/Validation/StatusBullet.tsx
|
|
@@ -20623,8 +20758,8 @@ init_emotion_jsx_shim();
|
|
|
20623
20758
|
|
|
20624
20759
|
// src/components/Validation/StatusBullet.styles.ts
|
|
20625
20760
|
init_emotion_jsx_shim();
|
|
20626
|
-
var
|
|
20627
|
-
var StatusBulletContainer =
|
|
20761
|
+
var import_react130 = require("@emotion/react");
|
|
20762
|
+
var StatusBulletContainer = import_react130.css`
|
|
20628
20763
|
align-items: center;
|
|
20629
20764
|
align-self: center;
|
|
20630
20765
|
color: var(--gray-500);
|
|
@@ -20641,33 +20776,33 @@ var StatusBulletContainer = import_react127.css`
|
|
|
20641
20776
|
display: block;
|
|
20642
20777
|
}
|
|
20643
20778
|
`;
|
|
20644
|
-
var StatusBulletBase =
|
|
20779
|
+
var StatusBulletBase = import_react130.css`
|
|
20645
20780
|
font-size: var(--fs-sm);
|
|
20646
20781
|
&:before {
|
|
20647
20782
|
width: var(--fs-xs);
|
|
20648
20783
|
height: var(--fs-xs);
|
|
20649
20784
|
}
|
|
20650
20785
|
`;
|
|
20651
|
-
var StatusBulletSmall =
|
|
20786
|
+
var StatusBulletSmall = import_react130.css`
|
|
20652
20787
|
font-size: var(--fs-xs);
|
|
20653
20788
|
&:before {
|
|
20654
20789
|
width: var(--fs-xxs);
|
|
20655
20790
|
height: var(--fs-xxs);
|
|
20656
20791
|
}
|
|
20657
20792
|
`;
|
|
20658
|
-
var StatusDraft =
|
|
20793
|
+
var StatusDraft = import_react130.css`
|
|
20659
20794
|
&:before {
|
|
20660
20795
|
background: var(--white);
|
|
20661
20796
|
box-shadow: inset 0 0 0 0.125rem var(--primary-action-default);
|
|
20662
20797
|
}
|
|
20663
20798
|
`;
|
|
20664
|
-
var StatusModified =
|
|
20799
|
+
var StatusModified = import_react130.css`
|
|
20665
20800
|
&:before {
|
|
20666
20801
|
background: linear-gradient(to right, var(--white) 50%, var(--primary-action-default) 50% 100%);
|
|
20667
20802
|
box-shadow: inset 0 0 0 0.125rem var(--primary-action-default);
|
|
20668
20803
|
}
|
|
20669
20804
|
`;
|
|
20670
|
-
var StatusError =
|
|
20805
|
+
var StatusError = import_react130.css`
|
|
20671
20806
|
color: var(--error);
|
|
20672
20807
|
&:before {
|
|
20673
20808
|
/* TODO: replace this with an svg icon */
|
|
@@ -20680,19 +20815,19 @@ var StatusError = import_react127.css`
|
|
|
20680
20815
|
);
|
|
20681
20816
|
}
|
|
20682
20817
|
`;
|
|
20683
|
-
var StatusPublished =
|
|
20818
|
+
var StatusPublished = import_react130.css`
|
|
20684
20819
|
&:before {
|
|
20685
20820
|
background: var(--primary-action-default);
|
|
20686
20821
|
}
|
|
20687
20822
|
`;
|
|
20688
|
-
var StatusOrphan =
|
|
20823
|
+
var StatusOrphan = import_react130.css`
|
|
20689
20824
|
&:before {
|
|
20690
20825
|
background: var(--brand-secondary-5);
|
|
20691
20826
|
}
|
|
20692
20827
|
`;
|
|
20693
20828
|
|
|
20694
20829
|
// src/components/Validation/StatusBullet.tsx
|
|
20695
|
-
var
|
|
20830
|
+
var import_jsx_runtime113 = require("@emotion/react/jsx-runtime");
|
|
20696
20831
|
var StatusBullet = ({
|
|
20697
20832
|
status,
|
|
20698
20833
|
hideText = false,
|
|
@@ -20710,7 +20845,7 @@ var StatusBullet = ({
|
|
|
20710
20845
|
Previous: StatusDraft
|
|
20711
20846
|
};
|
|
20712
20847
|
const statusSize = size === "base" ? StatusBulletBase : StatusBulletSmall;
|
|
20713
|
-
return /* @__PURE__ */ (0,
|
|
20848
|
+
return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
20714
20849
|
"span",
|
|
20715
20850
|
{
|
|
20716
20851
|
role: "status",
|
|
@@ -20759,7 +20894,9 @@ var StatusBullet = ({
|
|
|
20759
20894
|
HexModalBackground,
|
|
20760
20895
|
HorizontalRhythm,
|
|
20761
20896
|
Icon,
|
|
20897
|
+
IconButton,
|
|
20762
20898
|
IconsProvider,
|
|
20899
|
+
ImageBroken,
|
|
20763
20900
|
InfoMessage,
|
|
20764
20901
|
InlineAlert,
|
|
20765
20902
|
Input,
|
|
@@ -20787,6 +20924,7 @@ var StatusBullet = ({
|
|
|
20787
20924
|
LoadingIcon,
|
|
20788
20925
|
LoadingIndicator,
|
|
20789
20926
|
LoadingOverlay,
|
|
20927
|
+
MediaCard,
|
|
20790
20928
|
Menu,
|
|
20791
20929
|
MenuContext,
|
|
20792
20930
|
MenuGroup,
|