@uniformdev/design-system 19.92.3 → 19.93.1-alpha.40
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 +708 -399
- package/dist/index.d.mts +25 -10
- package/dist/index.d.ts +25 -10
- package/dist/index.js +795 -479
- package/package.json +5 -4
package/dist/esm/index.js
CHANGED
|
@@ -13966,21 +13966,6 @@ var InfoMessage = ({ message, testId, ...props }) => {
|
|
|
13966
13966
|
// src/components/Input/Input.tsx
|
|
13967
13967
|
import * as React16 from "react";
|
|
13968
13968
|
|
|
13969
|
-
// src/components/Input/Label.tsx
|
|
13970
|
-
import { jsx as jsx54 } from "@emotion/react/jsx-runtime";
|
|
13971
|
-
var Label = ({ children, className, testId, ...props }) => {
|
|
13972
|
-
return /* @__PURE__ */ jsx54(
|
|
13973
|
-
"label",
|
|
13974
|
-
{
|
|
13975
|
-
css: [labelText, typeof className === "object" ? className : void 0],
|
|
13976
|
-
className: typeof className === "string" ? className : "",
|
|
13977
|
-
"data-testid": testId,
|
|
13978
|
-
...props,
|
|
13979
|
-
children
|
|
13980
|
-
}
|
|
13981
|
-
);
|
|
13982
|
-
};
|
|
13983
|
-
|
|
13984
13969
|
// src/components/Input/WarningMessage.tsx
|
|
13985
13970
|
import { MdWarning as MdWarning2 } from "@react-icons/all-files/md/MdWarning";
|
|
13986
13971
|
|
|
@@ -13997,16 +13982,56 @@ var WarningIcon = css50`
|
|
|
13997
13982
|
`;
|
|
13998
13983
|
|
|
13999
13984
|
// src/components/Input/WarningMessage.tsx
|
|
14000
|
-
import { jsx as
|
|
13985
|
+
import { jsx as jsx54, jsxs as jsxs33 } from "@emotion/react/jsx-runtime";
|
|
14001
13986
|
var WarningMessage = ({ message, testId, ...props }) => {
|
|
14002
13987
|
return message ? /* @__PURE__ */ jsxs33("span", { role: "status", css: WarningText, "data-testid": testId != null ? testId : "message-text", ...props, children: [
|
|
14003
|
-
/* @__PURE__ */
|
|
13988
|
+
/* @__PURE__ */ jsx54("span", { children: /* @__PURE__ */ jsx54(Icon, { css: WarningIcon, icon: MdWarning2, size: "1rem", iconColor: "currentColor" }) }),
|
|
14004
13989
|
message
|
|
14005
13990
|
] }) : null;
|
|
14006
13991
|
};
|
|
14007
13992
|
|
|
13993
|
+
// src/components/Input/FieldMessage.tsx
|
|
13994
|
+
import { jsx as jsx55 } from "@emotion/react/jsx-runtime";
|
|
13995
|
+
var FieldMessage = ({
|
|
13996
|
+
helperMessage,
|
|
13997
|
+
warningMessage,
|
|
13998
|
+
errorMessage,
|
|
13999
|
+
infoMessage,
|
|
14000
|
+
errorTestId,
|
|
14001
|
+
helperMessageTestId
|
|
14002
|
+
}) => {
|
|
14003
|
+
if (errorMessage) {
|
|
14004
|
+
return /* @__PURE__ */ jsx55(ErrorMessage, { message: errorMessage, testId: errorTestId });
|
|
14005
|
+
}
|
|
14006
|
+
if (warningMessage) {
|
|
14007
|
+
return /* @__PURE__ */ jsx55(WarningMessage, { message: warningMessage });
|
|
14008
|
+
}
|
|
14009
|
+
if (infoMessage) {
|
|
14010
|
+
return /* @__PURE__ */ jsx55(InfoMessage, { message: infoMessage });
|
|
14011
|
+
}
|
|
14012
|
+
if (helperMessage) {
|
|
14013
|
+
return /* @__PURE__ */ jsx55(Caption, { testId: helperMessageTestId, children: helperMessage });
|
|
14014
|
+
}
|
|
14015
|
+
return null;
|
|
14016
|
+
};
|
|
14017
|
+
|
|
14018
|
+
// src/components/Input/Label.tsx
|
|
14019
|
+
import { jsx as jsx56 } from "@emotion/react/jsx-runtime";
|
|
14020
|
+
var Label = ({ children, className, testId, ...props }) => {
|
|
14021
|
+
return /* @__PURE__ */ jsx56(
|
|
14022
|
+
"label",
|
|
14023
|
+
{
|
|
14024
|
+
css: [labelText, typeof className === "object" ? className : void 0],
|
|
14025
|
+
className: typeof className === "string" ? className : "",
|
|
14026
|
+
"data-testid": testId,
|
|
14027
|
+
...props,
|
|
14028
|
+
children
|
|
14029
|
+
}
|
|
14030
|
+
);
|
|
14031
|
+
};
|
|
14032
|
+
|
|
14008
14033
|
// src/components/Input/Input.tsx
|
|
14009
|
-
import { jsx as
|
|
14034
|
+
import { jsx as jsx57, jsxs as jsxs34 } from "@emotion/react/jsx-runtime";
|
|
14010
14035
|
var Input = React16.forwardRef(
|
|
14011
14036
|
({
|
|
14012
14037
|
label,
|
|
@@ -14032,7 +14057,7 @@ var Input = React16.forwardRef(
|
|
|
14032
14057
|
css: [inputContainer, typeof classNameRoot === "object" ? classNameRoot : void 0],
|
|
14033
14058
|
"data-testid": containerTestId ? containerTestId : "input-container",
|
|
14034
14059
|
children: [
|
|
14035
|
-
showLabel ? /* @__PURE__ */
|
|
14060
|
+
showLabel ? /* @__PURE__ */ jsx57(
|
|
14036
14061
|
Label,
|
|
14037
14062
|
{
|
|
14038
14063
|
htmlFor: id,
|
|
@@ -14048,7 +14073,7 @@ var Input = React16.forwardRef(
|
|
|
14048
14073
|
css: [inputContainer, typeof classNameContainer === "object" ? classNameContainer : void 0],
|
|
14049
14074
|
className: typeof classNameContainer === "string" ? classNameContainer : "",
|
|
14050
14075
|
children: [
|
|
14051
|
-
/* @__PURE__ */
|
|
14076
|
+
/* @__PURE__ */ jsx57(
|
|
14052
14077
|
"input",
|
|
14053
14078
|
{
|
|
14054
14079
|
id,
|
|
@@ -14064,13 +14089,20 @@ var Input = React16.forwardRef(
|
|
|
14064
14089
|
ref
|
|
14065
14090
|
}
|
|
14066
14091
|
),
|
|
14067
|
-
icon ? /* @__PURE__ */
|
|
14092
|
+
icon ? /* @__PURE__ */ jsx57("div", { css: inputIcon, children: icon }) : null
|
|
14068
14093
|
]
|
|
14069
14094
|
}
|
|
14070
14095
|
),
|
|
14071
|
-
|
|
14072
|
-
|
|
14073
|
-
|
|
14096
|
+
/* @__PURE__ */ jsx57(
|
|
14097
|
+
FieldMessage,
|
|
14098
|
+
{
|
|
14099
|
+
helperMessage: caption,
|
|
14100
|
+
errorMessage,
|
|
14101
|
+
warningMessage,
|
|
14102
|
+
helperMessageTestId: captionTestId,
|
|
14103
|
+
errorTestId
|
|
14104
|
+
}
|
|
14105
|
+
)
|
|
14074
14106
|
]
|
|
14075
14107
|
}
|
|
14076
14108
|
);
|
|
@@ -14079,10 +14111,10 @@ var Input = React16.forwardRef(
|
|
|
14079
14111
|
|
|
14080
14112
|
// src/components/Input/InputComboBox.tsx
|
|
14081
14113
|
import Select from "react-select";
|
|
14082
|
-
import { jsx as
|
|
14114
|
+
import { jsx as jsx58 } from "@emotion/react/jsx-runtime";
|
|
14083
14115
|
function InputComboBox(props) {
|
|
14084
14116
|
var _a;
|
|
14085
|
-
return /* @__PURE__ */
|
|
14117
|
+
return /* @__PURE__ */ jsx58(
|
|
14086
14118
|
Select,
|
|
14087
14119
|
{
|
|
14088
14120
|
...props,
|
|
@@ -14282,7 +14314,7 @@ var inlineSelectMenuClosed = css51`
|
|
|
14282
14314
|
`;
|
|
14283
14315
|
|
|
14284
14316
|
// src/components/Input/InputInlineSelect.tsx
|
|
14285
|
-
import { jsx as
|
|
14317
|
+
import { jsx as jsx59, jsxs as jsxs35 } from "@emotion/react/jsx-runtime";
|
|
14286
14318
|
var InputInlineSelect = ({
|
|
14287
14319
|
classNameContainer,
|
|
14288
14320
|
options,
|
|
@@ -14320,18 +14352,18 @@ var InputInlineSelect = ({
|
|
|
14320
14352
|
disabled: disabled2,
|
|
14321
14353
|
...props,
|
|
14322
14354
|
children: [
|
|
14323
|
-
/* @__PURE__ */
|
|
14324
|
-
disabled2 ? null : /* @__PURE__ */
|
|
14355
|
+
/* @__PURE__ */ jsx59("span", { children: (_a = selected == null ? void 0 : selected.label) != null ? _a : value }),
|
|
14356
|
+
disabled2 ? null : /* @__PURE__ */ jsx59(Icon, { icon: CgChevronDown2, iconColor: "currentColor", size: 24 })
|
|
14325
14357
|
]
|
|
14326
14358
|
}
|
|
14327
14359
|
),
|
|
14328
|
-
/* @__PURE__ */
|
|
14360
|
+
/* @__PURE__ */ jsx59(
|
|
14329
14361
|
"div",
|
|
14330
14362
|
{
|
|
14331
14363
|
id: `and-or-${props.id}`,
|
|
14332
14364
|
css: [inlineSelectMenu, menuVisible ? void 0 : inlineSelectMenuClosed],
|
|
14333
14365
|
"aria-hidden": !menuVisible,
|
|
14334
|
-
children: options.map((opt) => /* @__PURE__ */
|
|
14366
|
+
children: options.map((opt) => /* @__PURE__ */ jsx59(
|
|
14335
14367
|
"button",
|
|
14336
14368
|
{
|
|
14337
14369
|
type: "button",
|
|
@@ -14354,7 +14386,7 @@ var InputInlineSelect = ({
|
|
|
14354
14386
|
// src/components/Input/InputKeywordSearch.tsx
|
|
14355
14387
|
import { CgClose as CgClose4 } from "@react-icons/all-files/cg/CgClose";
|
|
14356
14388
|
import { CgSearch } from "@react-icons/all-files/cg/CgSearch";
|
|
14357
|
-
import { jsx as
|
|
14389
|
+
import { jsx as jsx60 } from "@emotion/react/jsx-runtime";
|
|
14358
14390
|
var InputKeywordSearch = ({
|
|
14359
14391
|
onSearchTextChanged,
|
|
14360
14392
|
disabled: disabled2 = false,
|
|
@@ -14375,7 +14407,7 @@ var InputKeywordSearch = ({
|
|
|
14375
14407
|
e.preventDefault();
|
|
14376
14408
|
}
|
|
14377
14409
|
};
|
|
14378
|
-
return /* @__PURE__ */
|
|
14410
|
+
return /* @__PURE__ */ jsx60(
|
|
14379
14411
|
Input,
|
|
14380
14412
|
{
|
|
14381
14413
|
type: "text",
|
|
@@ -14383,7 +14415,7 @@ var InputKeywordSearch = ({
|
|
|
14383
14415
|
placeholder,
|
|
14384
14416
|
showLabel: false,
|
|
14385
14417
|
value,
|
|
14386
|
-
icon: value ? /* @__PURE__ */
|
|
14418
|
+
icon: value ? /* @__PURE__ */ jsx60("button", { css: inputSearchCloseBtn, onClick: onClear, type: "button", children: /* @__PURE__ */ jsx60(Icon, { icon: CgClose4, iconColor: "red", size: "1rem" }) }) : /* @__PURE__ */ jsx60(Icon, { icon: CgSearch, iconColor: "gray", size: "1rem" }),
|
|
14387
14419
|
onChange: handleSearchTextChanged,
|
|
14388
14420
|
onKeyPress: preventSubmitOnField,
|
|
14389
14421
|
disabled: disabled2,
|
|
@@ -14402,7 +14434,7 @@ var InputKeywordSearch = ({
|
|
|
14402
14434
|
};
|
|
14403
14435
|
|
|
14404
14436
|
// src/components/Input/InputSelect.tsx
|
|
14405
|
-
import { Fragment as Fragment8, jsx as
|
|
14437
|
+
import { Fragment as Fragment8, jsx as jsx61, jsxs as jsxs36 } from "@emotion/react/jsx-runtime";
|
|
14406
14438
|
var InputSelect = ({
|
|
14407
14439
|
label,
|
|
14408
14440
|
defaultOption,
|
|
@@ -14424,7 +14456,7 @@ var InputSelect = ({
|
|
|
14424
14456
|
css: [inputContainer, typeof classNameContainer === "object" ? classNameContainer : void 0],
|
|
14425
14457
|
className: typeof classNameContainer === "string" ? classNameContainer : "",
|
|
14426
14458
|
children: [
|
|
14427
|
-
showLabel ? /* @__PURE__ */
|
|
14459
|
+
showLabel ? /* @__PURE__ */ jsx61(Fragment8, { children: /* @__PURE__ */ jsxs36(
|
|
14428
14460
|
Label,
|
|
14429
14461
|
{
|
|
14430
14462
|
htmlFor: props.id,
|
|
@@ -14451,14 +14483,12 @@ var InputSelect = ({
|
|
|
14451
14483
|
className: typeof classNameControl === "string" ? classNameControl : "",
|
|
14452
14484
|
...props,
|
|
14453
14485
|
children: [
|
|
14454
|
-
defaultOption ? /* @__PURE__ */
|
|
14455
|
-
options.map((opt, index) => /* @__PURE__ */
|
|
14486
|
+
defaultOption ? /* @__PURE__ */ jsx61("option", { value: "", children: defaultOption }) : null,
|
|
14487
|
+
options.map((opt, index) => /* @__PURE__ */ jsx61("option", { value: opt.label, ...opt }, index))
|
|
14456
14488
|
]
|
|
14457
14489
|
}
|
|
14458
14490
|
),
|
|
14459
|
-
|
|
14460
|
-
errorMessage ? /* @__PURE__ */ jsx60(ErrorMessage, { message: errorMessage }) : null,
|
|
14461
|
-
warningMessage && !errorMessage ? /* @__PURE__ */ jsx60(WarningMessage, { message: warningMessage }) : null
|
|
14491
|
+
/* @__PURE__ */ jsx61(FieldMessage, { helperMessage: caption, errorMessage, warningMessage })
|
|
14462
14492
|
]
|
|
14463
14493
|
}
|
|
14464
14494
|
);
|
|
@@ -14466,7 +14496,7 @@ var InputSelect = ({
|
|
|
14466
14496
|
|
|
14467
14497
|
// src/components/Input/InputToggle.tsx
|
|
14468
14498
|
import * as React17 from "react";
|
|
14469
|
-
import { jsx as
|
|
14499
|
+
import { jsx as jsx62, jsxs as jsxs37 } from "@emotion/react/jsx-runtime";
|
|
14470
14500
|
var InputToggle = React17.forwardRef(
|
|
14471
14501
|
({
|
|
14472
14502
|
label,
|
|
@@ -14492,7 +14522,7 @@ var InputToggle = React17.forwardRef(
|
|
|
14492
14522
|
css: [inputToggleLabel, disabled2 ? inputDisabled : void 0],
|
|
14493
14523
|
"data-testid": testId ? testId : "input-toggle",
|
|
14494
14524
|
children: [
|
|
14495
|
-
/* @__PURE__ */
|
|
14525
|
+
/* @__PURE__ */ jsx62(
|
|
14496
14526
|
"input",
|
|
14497
14527
|
{
|
|
14498
14528
|
ref,
|
|
@@ -14504,12 +14534,15 @@ var InputToggle = React17.forwardRef(
|
|
|
14504
14534
|
...props
|
|
14505
14535
|
}
|
|
14506
14536
|
),
|
|
14507
|
-
/* @__PURE__ */
|
|
14508
|
-
caption || errorMessage ? /* @__PURE__ */
|
|
14509
|
-
|
|
14510
|
-
|
|
14511
|
-
|
|
14512
|
-
|
|
14537
|
+
/* @__PURE__ */ jsx62("span", { css: [inlineLabel, fontWeightStyles[fontWeight]], children: label }),
|
|
14538
|
+
caption || errorMessage ? /* @__PURE__ */ jsx62("span", { css: inputToggleMessageContainer, children: /* @__PURE__ */ jsx62(
|
|
14539
|
+
FieldMessage,
|
|
14540
|
+
{
|
|
14541
|
+
helperMessage: caption,
|
|
14542
|
+
errorMessage,
|
|
14543
|
+
warningMessage
|
|
14544
|
+
}
|
|
14545
|
+
) }) : null
|
|
14513
14546
|
]
|
|
14514
14547
|
}
|
|
14515
14548
|
);
|
|
@@ -14517,9 +14550,9 @@ var InputToggle = React17.forwardRef(
|
|
|
14517
14550
|
);
|
|
14518
14551
|
|
|
14519
14552
|
// src/components/Input/Legend.tsx
|
|
14520
|
-
import { jsx as
|
|
14553
|
+
import { jsx as jsx63 } from "@emotion/react/jsx-runtime";
|
|
14521
14554
|
var Legend = ({ children }) => {
|
|
14522
|
-
return /* @__PURE__ */
|
|
14555
|
+
return /* @__PURE__ */ jsx63("legend", { css: fieldsetLegend, children });
|
|
14523
14556
|
};
|
|
14524
14557
|
|
|
14525
14558
|
// src/components/Input/SuccessMessage.tsx
|
|
@@ -14541,23 +14574,23 @@ var SuccessIcon2 = css53`
|
|
|
14541
14574
|
`;
|
|
14542
14575
|
|
|
14543
14576
|
// src/components/Input/SuccessMessage.tsx
|
|
14544
|
-
import { jsx as
|
|
14577
|
+
import { jsx as jsx64, jsxs as jsxs38 } from "@emotion/react/jsx-runtime";
|
|
14545
14578
|
var SuccessMessage = ({ message, testId, ...props }) => {
|
|
14546
14579
|
return message ? /* @__PURE__ */ jsxs38("span", { role: "status", css: SuccessText, "data-testid": testId, ...props, children: [
|
|
14547
|
-
/* @__PURE__ */
|
|
14580
|
+
/* @__PURE__ */ jsx64("span", { children: /* @__PURE__ */ jsx64(Icon, { css: SuccessIcon2, icon: CgCheckO, size: "1rem", iconColor: "currentColor" }) }),
|
|
14548
14581
|
message
|
|
14549
14582
|
] }) : null;
|
|
14550
14583
|
};
|
|
14551
14584
|
|
|
14552
14585
|
// src/components/Input/Textarea.tsx
|
|
14553
14586
|
import { forwardRef as forwardRef10 } from "react";
|
|
14554
|
-
import { Fragment as Fragment9, jsx as
|
|
14587
|
+
import { Fragment as Fragment9, jsx as jsx65, jsxs as jsxs39 } from "@emotion/react/jsx-runtime";
|
|
14555
14588
|
var Textarea = forwardRef10(
|
|
14556
14589
|
({ label, icon, id, caption, showLabel = true, errorMessage, warningMessage, ...props }, ref) => {
|
|
14557
14590
|
return /* @__PURE__ */ jsxs39(Fragment9, { children: [
|
|
14558
|
-
showLabel ? /* @__PURE__ */
|
|
14591
|
+
showLabel ? /* @__PURE__ */ jsx65("label", { htmlFor: id, css: [labelText], children: label }) : null,
|
|
14559
14592
|
/* @__PURE__ */ jsxs39("div", { css: [inputContainer], children: [
|
|
14560
|
-
/* @__PURE__ */
|
|
14593
|
+
/* @__PURE__ */ jsx65(
|
|
14561
14594
|
"textarea",
|
|
14562
14595
|
{
|
|
14563
14596
|
ref,
|
|
@@ -14572,11 +14605,9 @@ var Textarea = forwardRef10(
|
|
|
14572
14605
|
...props
|
|
14573
14606
|
}
|
|
14574
14607
|
),
|
|
14575
|
-
icon ? /* @__PURE__ */
|
|
14608
|
+
icon ? /* @__PURE__ */ jsx65("div", { css: inputIcon, children: icon }) : null
|
|
14576
14609
|
] }),
|
|
14577
|
-
|
|
14578
|
-
errorMessage ? /* @__PURE__ */ jsx64(ErrorMessage, { message: errorMessage }) : null,
|
|
14579
|
-
warningMessage && !errorMessage ? /* @__PURE__ */ jsx64(WarningMessage, { message: warningMessage }) : null
|
|
14610
|
+
/* @__PURE__ */ jsx65(FieldMessage, { helperMessage: caption, errorMessage, warningMessage })
|
|
14580
14611
|
] });
|
|
14581
14612
|
}
|
|
14582
14613
|
);
|
|
@@ -14633,7 +14664,7 @@ var variantFillImageImg = css54`
|
|
|
14633
14664
|
`;
|
|
14634
14665
|
|
|
14635
14666
|
// src/components/Image/ImageBroken.tsx
|
|
14636
|
-
import { jsx as
|
|
14667
|
+
import { jsx as jsx66, jsxs as jsxs40 } from "@emotion/react/jsx-runtime";
|
|
14637
14668
|
var ImageBroken = ({ width, height, ...props }) => {
|
|
14638
14669
|
return /* @__PURE__ */ jsxs40(
|
|
14639
14670
|
"svg",
|
|
@@ -14648,11 +14679,11 @@ var ImageBroken = ({ width, height, ...props }) => {
|
|
|
14648
14679
|
"data-testid": "broken-image",
|
|
14649
14680
|
...props,
|
|
14650
14681
|
children: [
|
|
14651
|
-
/* @__PURE__ */
|
|
14652
|
-
/* @__PURE__ */
|
|
14682
|
+
/* @__PURE__ */ jsx66("rect", { width: "214", height: "214", fill: "#F9FAFB" }),
|
|
14683
|
+
/* @__PURE__ */ jsx66("rect", { width: "214", height: "214", fill: "url(#pattern0)" }),
|
|
14653
14684
|
/* @__PURE__ */ jsxs40("defs", { children: [
|
|
14654
|
-
/* @__PURE__ */
|
|
14655
|
-
/* @__PURE__ */
|
|
14685
|
+
/* @__PURE__ */ jsx66("pattern", { id: "pattern0", patternContentUnits: "objectBoundingBox", width: "1", height: "1", children: /* @__PURE__ */ jsx66("use", { xlinkHref: "#image0_761_4353", transform: "scale(0.0025)" }) }),
|
|
14686
|
+
/* @__PURE__ */ jsx66(
|
|
14656
14687
|
"image",
|
|
14657
14688
|
{
|
|
14658
14689
|
id: "image0_761_4353",
|
|
@@ -14668,7 +14699,7 @@ var ImageBroken = ({ width, height, ...props }) => {
|
|
|
14668
14699
|
};
|
|
14669
14700
|
|
|
14670
14701
|
// src/components/Image/Image.tsx
|
|
14671
|
-
import { jsx as
|
|
14702
|
+
import { jsx as jsx67, jsxs as jsxs41 } from "@emotion/react/jsx-runtime";
|
|
14672
14703
|
var MIN_LOADING_MS = 100;
|
|
14673
14704
|
function Image({
|
|
14674
14705
|
alt,
|
|
@@ -14728,7 +14759,7 @@ function Image({
|
|
|
14728
14759
|
variant === "fill-container" ? variantFillImageWrapper : null
|
|
14729
14760
|
],
|
|
14730
14761
|
children: [
|
|
14731
|
-
src && !loadErrorText ? /* @__PURE__ */
|
|
14762
|
+
src && !loadErrorText ? /* @__PURE__ */ jsx67(
|
|
14732
14763
|
"img",
|
|
14733
14764
|
{
|
|
14734
14765
|
...imgAttribs,
|
|
@@ -14756,14 +14787,14 @@ function Image({
|
|
|
14756
14787
|
...variant === "fill-container" ? {} : { width, height }
|
|
14757
14788
|
},
|
|
14758
14789
|
children: [
|
|
14759
|
-
/* @__PURE__ */
|
|
14790
|
+
/* @__PURE__ */ jsx67(
|
|
14760
14791
|
ImageBroken,
|
|
14761
14792
|
{
|
|
14762
14793
|
css: [brokenImage, img, imgLoaded],
|
|
14763
14794
|
"data-testid": "broken-image"
|
|
14764
14795
|
}
|
|
14765
14796
|
),
|
|
14766
|
-
/* @__PURE__ */
|
|
14797
|
+
/* @__PURE__ */ jsx67(ErrorMessage, { message: loadErrorText, css: brokenImageMessage, truncated: true })
|
|
14767
14798
|
]
|
|
14768
14799
|
}
|
|
14769
14800
|
) : null
|
|
@@ -14907,7 +14938,7 @@ var IntegrationTileFloatingButtonMessage = (clicked) => css55`
|
|
|
14907
14938
|
`;
|
|
14908
14939
|
|
|
14909
14940
|
// src/components/Tiles/CreateTeamIntegrationTile.tsx
|
|
14910
|
-
import { jsx as
|
|
14941
|
+
import { jsx as jsx68, jsxs as jsxs42 } from "@emotion/react/jsx-runtime";
|
|
14911
14942
|
var CreateTeamIntegrationTile = ({
|
|
14912
14943
|
title: title2 = "Create a custom integration for your team",
|
|
14913
14944
|
buttonText = "Add Integration",
|
|
@@ -14916,7 +14947,7 @@ var CreateTeamIntegrationTile = ({
|
|
|
14916
14947
|
...props
|
|
14917
14948
|
}) => {
|
|
14918
14949
|
return /* @__PURE__ */ jsxs42("div", { css: [IntegrationTileContainer, IntegrationTileBtnDashedBorder], ...props, children: [
|
|
14919
|
-
/* @__PURE__ */
|
|
14950
|
+
/* @__PURE__ */ jsx68("span", { css: IntegrationTileTitle, title: title2, children: title2 }),
|
|
14920
14951
|
/* @__PURE__ */ jsxs42(
|
|
14921
14952
|
Button,
|
|
14922
14953
|
{
|
|
@@ -14927,7 +14958,7 @@ var CreateTeamIntegrationTile = ({
|
|
|
14927
14958
|
css: IntegrationTitleFakeButton,
|
|
14928
14959
|
children: [
|
|
14929
14960
|
buttonText,
|
|
14930
|
-
asDeepLink ? /* @__PURE__ */
|
|
14961
|
+
asDeepLink ? /* @__PURE__ */ jsx68(
|
|
14931
14962
|
Icon,
|
|
14932
14963
|
{
|
|
14933
14964
|
icon: CgChevronRight2,
|
|
@@ -14937,7 +14968,7 @@ var CreateTeamIntegrationTile = ({
|
|
|
14937
14968
|
order: 1;
|
|
14938
14969
|
`
|
|
14939
14970
|
}
|
|
14940
|
-
) : /* @__PURE__ */
|
|
14971
|
+
) : /* @__PURE__ */ jsx68(
|
|
14941
14972
|
Icon,
|
|
14942
14973
|
{
|
|
14943
14974
|
icon: CgAdd2,
|
|
@@ -14958,31 +14989,31 @@ var CreateTeamIntegrationTile = ({
|
|
|
14958
14989
|
import { CgCheck } from "@react-icons/all-files/cg/CgCheck";
|
|
14959
14990
|
import { CgLock } from "@react-icons/all-files/cg/CgLock";
|
|
14960
14991
|
import { CgSandClock } from "@react-icons/all-files/cg/CgSandClock";
|
|
14961
|
-
import { jsx as
|
|
14992
|
+
import { jsx as jsx69, jsxs as jsxs43 } from "@emotion/react/jsx-runtime";
|
|
14962
14993
|
var IntegrationedAddedBadge = ({ text = "Added" }) => {
|
|
14963
14994
|
return /* @__PURE__ */ jsxs43("span", { "data-testid": "integration-icon-installed", css: IntegrationAddedText, children: [
|
|
14964
|
-
/* @__PURE__ */
|
|
14995
|
+
/* @__PURE__ */ jsx69(Icon, { icon: CgCheck, iconColor: "currentColor" }),
|
|
14965
14996
|
text
|
|
14966
14997
|
] });
|
|
14967
14998
|
};
|
|
14968
14999
|
var IntegrationCustomBadge = ({ text = "Custom" }) => {
|
|
14969
|
-
return /* @__PURE__ */
|
|
15000
|
+
return /* @__PURE__ */ jsx69("span", { "data-testid": "integration-is-private", css: IntegrationCustomBadgeText("gray"), children: text });
|
|
14970
15001
|
};
|
|
14971
15002
|
var IntegrationPremiumBadge = ({ text = "Premium" }) => {
|
|
14972
15003
|
return /* @__PURE__ */ jsxs43("span", { css: IntegrationCustomBadgeText("blue"), children: [
|
|
14973
|
-
/* @__PURE__ */
|
|
15004
|
+
/* @__PURE__ */ jsx69(Icon, { icon: CgLock, iconColor: "currentColor", size: 12 }),
|
|
14974
15005
|
text
|
|
14975
15006
|
] });
|
|
14976
15007
|
};
|
|
14977
15008
|
var IntegrationComingSoonBadge = ({ text = "Coming soon" }) => {
|
|
14978
15009
|
return /* @__PURE__ */ jsxs43("span", { css: IntegrationCustomBadgeText("blue"), children: [
|
|
14979
|
-
/* @__PURE__ */
|
|
15010
|
+
/* @__PURE__ */ jsx69(Icon, { icon: CgSandClock, iconColor: "currentColor", size: 12 }),
|
|
14980
15011
|
text
|
|
14981
15012
|
] });
|
|
14982
15013
|
};
|
|
14983
15014
|
|
|
14984
15015
|
// src/components/Tiles/ResolveIcon.tsx
|
|
14985
|
-
import { jsx as
|
|
15016
|
+
import { jsx as jsx70 } from "@emotion/react/jsx-runtime";
|
|
14986
15017
|
var ResolveIcon = ({ icon, name, styleType = "logo", ...props }) => {
|
|
14987
15018
|
const CompIcon = icon && typeof icon !== "string" ? icon : null;
|
|
14988
15019
|
const mapClassName = {
|
|
@@ -14990,13 +15021,13 @@ var ResolveIcon = ({ icon, name, styleType = "logo", ...props }) => {
|
|
|
14990
15021
|
logo: IntegrationTitleLogo
|
|
14991
15022
|
};
|
|
14992
15023
|
if (icon) {
|
|
14993
|
-
return CompIcon ? /* @__PURE__ */
|
|
15024
|
+
return CompIcon ? /* @__PURE__ */ jsx70(CompIcon, { css: mapClassName[styleType], ...props }) : /* @__PURE__ */ jsx70("img", { src: icon, alt: name, css: mapClassName[styleType], ...props });
|
|
14994
15025
|
}
|
|
14995
15026
|
return null;
|
|
14996
15027
|
};
|
|
14997
15028
|
|
|
14998
15029
|
// src/components/Tiles/EditTeamIntegrationTile.tsx
|
|
14999
|
-
import { jsx as
|
|
15030
|
+
import { jsx as jsx71, jsxs as jsxs44 } from "@emotion/react/jsx-runtime";
|
|
15000
15031
|
var EditTeamIntegrationTile = ({
|
|
15001
15032
|
id,
|
|
15002
15033
|
icon,
|
|
@@ -15012,10 +15043,10 @@ var EditTeamIntegrationTile = ({
|
|
|
15012
15043
|
"data-testid": "configure-integration-container",
|
|
15013
15044
|
"integration-id": `${id.toLocaleLowerCase()}`,
|
|
15014
15045
|
children: [
|
|
15015
|
-
/* @__PURE__ */
|
|
15016
|
-
/* @__PURE__ */
|
|
15017
|
-
!isPublic ? /* @__PURE__ */
|
|
15018
|
-
canEdit ? /* @__PURE__ */
|
|
15046
|
+
/* @__PURE__ */ jsx71(ResolveIcon, { icon, name, "data-testid": "integration-logo" }),
|
|
15047
|
+
/* @__PURE__ */ jsx71("span", { css: IntegrationTileName, "data-testid": "integration-card-name", children: name }),
|
|
15048
|
+
!isPublic ? /* @__PURE__ */ jsx71(IntegrationCustomBadge, {}) : null,
|
|
15049
|
+
canEdit ? /* @__PURE__ */ jsx71(
|
|
15019
15050
|
Button,
|
|
15020
15051
|
{
|
|
15021
15052
|
buttonType: "unimportant",
|
|
@@ -15036,7 +15067,7 @@ var EditTeamIntegrationTile = ({
|
|
|
15036
15067
|
import { css as css57 } from "@emotion/react";
|
|
15037
15068
|
import { CgHeart } from "@react-icons/all-files/cg/CgHeart";
|
|
15038
15069
|
import { useEffect as useEffect8, useState as useState8 } from "react";
|
|
15039
|
-
import { jsx as
|
|
15070
|
+
import { jsx as jsx72, jsxs as jsxs45 } from "@emotion/react/jsx-runtime";
|
|
15040
15071
|
var IntegrationComingSoon = ({
|
|
15041
15072
|
name,
|
|
15042
15073
|
icon,
|
|
@@ -15065,9 +15096,9 @@ var IntegrationComingSoon = ({
|
|
|
15065
15096
|
"data-testid": `coming-soon-${id.toLowerCase()}-integration`,
|
|
15066
15097
|
...props,
|
|
15067
15098
|
children: [
|
|
15068
|
-
/* @__PURE__ */
|
|
15069
|
-
/* @__PURE__ */
|
|
15070
|
-
/* @__PURE__ */
|
|
15099
|
+
/* @__PURE__ */ jsx72(IntegrationComingSoonBadge, {}),
|
|
15100
|
+
/* @__PURE__ */ jsx72(ResolveIcon, { icon, name }),
|
|
15101
|
+
/* @__PURE__ */ jsx72("span", { css: IntegrationTileName, title: name, children: name }),
|
|
15071
15102
|
/* @__PURE__ */ jsxs45(
|
|
15072
15103
|
Button,
|
|
15073
15104
|
{
|
|
@@ -15078,8 +15109,8 @@ var IntegrationComingSoon = ({
|
|
|
15078
15109
|
role: "link",
|
|
15079
15110
|
css: [IntegrationTileFloatingButton, IntegrationTileFloatingButtonMessage(upVote)],
|
|
15080
15111
|
children: [
|
|
15081
|
-
/* @__PURE__ */
|
|
15082
|
-
/* @__PURE__ */
|
|
15112
|
+
/* @__PURE__ */ jsx72("strong", { children: "+1" }),
|
|
15113
|
+
/* @__PURE__ */ jsx72(
|
|
15083
15114
|
"span",
|
|
15084
15115
|
{
|
|
15085
15116
|
css: css57`
|
|
@@ -15090,7 +15121,7 @@ var IntegrationComingSoon = ({
|
|
|
15090
15121
|
}
|
|
15091
15122
|
),
|
|
15092
15123
|
/* @__PURE__ */ jsxs45("span", { "aria-hidden": !upVote, children: [
|
|
15093
|
-
/* @__PURE__ */
|
|
15124
|
+
/* @__PURE__ */ jsx72(Icon, { icon: CgHeart, iconColor: "currentColor", size: 18 }),
|
|
15094
15125
|
"Thanks!"
|
|
15095
15126
|
] })
|
|
15096
15127
|
]
|
|
@@ -15146,12 +15177,12 @@ var IntegrationLoadingFrame = css58`
|
|
|
15146
15177
|
`;
|
|
15147
15178
|
|
|
15148
15179
|
// src/components/Tiles/IntegrationLoadingTile.tsx
|
|
15149
|
-
import { Fragment as Fragment10, jsx as
|
|
15180
|
+
import { Fragment as Fragment10, jsx as jsx73, jsxs as jsxs46 } from "@emotion/react/jsx-runtime";
|
|
15150
15181
|
var IntegrationLoadingTile = ({ count = 1 }) => {
|
|
15151
15182
|
const componentCount = Array.from(Array(count).keys());
|
|
15152
|
-
return /* @__PURE__ */
|
|
15153
|
-
/* @__PURE__ */
|
|
15154
|
-
/* @__PURE__ */
|
|
15183
|
+
return /* @__PURE__ */ jsx73(Fragment10, { children: componentCount.map((i) => /* @__PURE__ */ jsxs46("div", { css: IntegrationLoadingTileContainer, children: [
|
|
15184
|
+
/* @__PURE__ */ jsx73("div", { css: [IntegrationLoadingTileImg, IntegrationLoadingFrame], role: "presentation" }),
|
|
15185
|
+
/* @__PURE__ */ jsx73("div", { css: [IntegrationLoadingTileText, IntegrationLoadingFrame] })
|
|
15155
15186
|
] }, i)) });
|
|
15156
15187
|
};
|
|
15157
15188
|
|
|
@@ -15171,7 +15202,7 @@ var IntegrationModalImage = css59`
|
|
|
15171
15202
|
`;
|
|
15172
15203
|
|
|
15173
15204
|
// src/components/Tiles/IntegrationModalIcon.tsx
|
|
15174
|
-
import { jsx as
|
|
15205
|
+
import { jsx as jsx74, jsxs as jsxs47 } from "@emotion/react/jsx-runtime";
|
|
15175
15206
|
var IntegrationModalIcon = ({ icon, name, ...imgProps }) => {
|
|
15176
15207
|
const CompIcon = icon && typeof icon !== "string" ? icon : null;
|
|
15177
15208
|
let iconSrc = void 0;
|
|
@@ -15189,7 +15220,7 @@ var IntegrationModalIcon = ({ icon, name, ...imgProps }) => {
|
|
|
15189
15220
|
}
|
|
15190
15221
|
return /* @__PURE__ */ jsxs47("div", { css: IntegrationModalIconContainer, children: [
|
|
15191
15222
|
/* @__PURE__ */ jsxs47("svg", { width: "49", height: "57", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", children: [
|
|
15192
|
-
/* @__PURE__ */
|
|
15223
|
+
/* @__PURE__ */ jsx74(
|
|
15193
15224
|
"path",
|
|
15194
15225
|
{
|
|
15195
15226
|
d: "m24.367 1.813 22.786 13.322V41.78L24.367 55.102 1.581 41.78V15.135L24.367 1.814Z",
|
|
@@ -15198,12 +15229,12 @@ var IntegrationModalIcon = ({ icon, name, ...imgProps }) => {
|
|
|
15198
15229
|
strokeWidth: "2"
|
|
15199
15230
|
}
|
|
15200
15231
|
),
|
|
15201
|
-
/* @__PURE__ */
|
|
15202
|
-
/* @__PURE__ */
|
|
15203
|
-
/* @__PURE__ */
|
|
15232
|
+
/* @__PURE__ */ jsx74("defs", { children: /* @__PURE__ */ jsxs47("linearGradient", { id: "a", x1: "41.353", y1: "49.107", x2: "8.048", y2: "4.478", gradientUnits: "userSpaceOnUse", children: [
|
|
15233
|
+
/* @__PURE__ */ jsx74("stop", { stopColor: "#1768B2" }),
|
|
15234
|
+
/* @__PURE__ */ jsx74("stop", { offset: "1", stopColor: "#B3EFE4" })
|
|
15204
15235
|
] }) })
|
|
15205
15236
|
] }),
|
|
15206
|
-
CompIcon ? /* @__PURE__ */
|
|
15237
|
+
CompIcon ? /* @__PURE__ */ jsx74(CompIcon, { role: "img", css: IntegrationModalImage, ...imgProps }) : iconSrc ? /* @__PURE__ */ jsx74(
|
|
15207
15238
|
"img",
|
|
15208
15239
|
{
|
|
15209
15240
|
src: iconSrc,
|
|
@@ -15217,7 +15248,7 @@ var IntegrationModalIcon = ({ icon, name, ...imgProps }) => {
|
|
|
15217
15248
|
};
|
|
15218
15249
|
|
|
15219
15250
|
// src/components/Tiles/IntegrationTile.tsx
|
|
15220
|
-
import { jsx as
|
|
15251
|
+
import { jsx as jsx75, jsxs as jsxs48 } from "@emotion/react/jsx-runtime";
|
|
15221
15252
|
var IntegrationTile = ({
|
|
15222
15253
|
id,
|
|
15223
15254
|
icon,
|
|
@@ -15239,12 +15270,12 @@ var IntegrationTile = ({
|
|
|
15239
15270
|
"aria-label": name,
|
|
15240
15271
|
...btnProps,
|
|
15241
15272
|
children: [
|
|
15242
|
-
/* @__PURE__ */
|
|
15243
|
-
/* @__PURE__ */
|
|
15244
|
-
isInstalled ? /* @__PURE__ */
|
|
15245
|
-
requiedEntitlement && isPublic ? /* @__PURE__ */
|
|
15246
|
-
!isPublic ? /* @__PURE__ */
|
|
15247
|
-
authorIcon ? /* @__PURE__ */
|
|
15273
|
+
/* @__PURE__ */ jsx75(ResolveIcon, { icon, name }),
|
|
15274
|
+
/* @__PURE__ */ jsx75("span", { css: IntegrationTileName, title: name, children: name }),
|
|
15275
|
+
isInstalled ? /* @__PURE__ */ jsx75(IntegrationedAddedBadge, {}) : null,
|
|
15276
|
+
requiedEntitlement && isPublic ? /* @__PURE__ */ jsx75(IntegrationPremiumBadge, {}) : null,
|
|
15277
|
+
!isPublic ? /* @__PURE__ */ jsx75(IntegrationCustomBadge, {}) : null,
|
|
15278
|
+
authorIcon ? /* @__PURE__ */ jsx75(ResolveIcon, { icon: authorIcon, name }) : null
|
|
15248
15279
|
]
|
|
15249
15280
|
}
|
|
15250
15281
|
);
|
|
@@ -15281,9 +15312,9 @@ var TileIsSelected = css60`
|
|
|
15281
15312
|
`;
|
|
15282
15313
|
|
|
15283
15314
|
// src/components/Tiles/Tile.tsx
|
|
15284
|
-
import { jsx as
|
|
15315
|
+
import { jsx as jsx76 } from "@emotion/react/jsx-runtime";
|
|
15285
15316
|
var Tile2 = ({ children, disabled: disabled2, isSelected, ...props }) => {
|
|
15286
|
-
return /* @__PURE__ */
|
|
15317
|
+
return /* @__PURE__ */ jsx76(
|
|
15287
15318
|
"button",
|
|
15288
15319
|
{
|
|
15289
15320
|
type: "button",
|
|
@@ -15315,7 +15346,7 @@ var TileContainerInner = (gap, templateColumns) => css61`
|
|
|
15315
15346
|
`;
|
|
15316
15347
|
|
|
15317
15348
|
// src/components/Tiles/TileContainer.tsx
|
|
15318
|
-
import { jsx as
|
|
15349
|
+
import { jsx as jsx77 } from "@emotion/react/jsx-runtime";
|
|
15319
15350
|
var TileContainer = ({
|
|
15320
15351
|
bgColor = "var(--brand-secondary-2)",
|
|
15321
15352
|
containerPadding = "base",
|
|
@@ -15324,7 +15355,7 @@ var TileContainer = ({
|
|
|
15324
15355
|
children,
|
|
15325
15356
|
...props
|
|
15326
15357
|
}) => {
|
|
15327
|
-
return /* @__PURE__ */
|
|
15358
|
+
return /* @__PURE__ */ jsx77("div", { css: TileContainerWrapper(bgColor, containerPadding), ...props, children: /* @__PURE__ */ jsx77("div", { css: TileContainerInner(gap, gridTemplateColumns), children }) });
|
|
15328
15359
|
};
|
|
15329
15360
|
|
|
15330
15361
|
// src/components/Tiles/styles/TileText.styles.ts
|
|
@@ -15339,10 +15370,10 @@ var TileText = css62`
|
|
|
15339
15370
|
`;
|
|
15340
15371
|
|
|
15341
15372
|
// src/components/Tiles/TileText.tsx
|
|
15342
|
-
import { jsx as
|
|
15373
|
+
import { jsx as jsx78 } from "@emotion/react/jsx-runtime";
|
|
15343
15374
|
var TileText2 = ({ as = "heading", children, ...props }) => {
|
|
15344
15375
|
const isHeading = as === "heading";
|
|
15345
|
-
return /* @__PURE__ */
|
|
15376
|
+
return /* @__PURE__ */ jsx78(
|
|
15346
15377
|
"span",
|
|
15347
15378
|
{
|
|
15348
15379
|
role: isHeading ? "heading" : void 0,
|
|
@@ -15391,7 +15422,7 @@ var IntegrationModalHeaderContentWrapper = css63`
|
|
|
15391
15422
|
`;
|
|
15392
15423
|
|
|
15393
15424
|
// src/components/IntegrationModalHeader/IntegrationModalHeader.tsx
|
|
15394
|
-
import { Fragment as Fragment11, jsx as
|
|
15425
|
+
import { Fragment as Fragment11, jsx as jsx79, jsxs as jsxs49 } from "@emotion/react/jsx-runtime";
|
|
15395
15426
|
var HexModalBackground = ({ ...props }) => {
|
|
15396
15427
|
return /* @__PURE__ */ jsxs49(
|
|
15397
15428
|
"svg",
|
|
@@ -15403,7 +15434,7 @@ var HexModalBackground = ({ ...props }) => {
|
|
|
15403
15434
|
xmlns: "http://www.w3.org/2000/svg",
|
|
15404
15435
|
...props,
|
|
15405
15436
|
children: [
|
|
15406
|
-
/* @__PURE__ */
|
|
15437
|
+
/* @__PURE__ */ jsx79(
|
|
15407
15438
|
"path",
|
|
15408
15439
|
{
|
|
15409
15440
|
fillRule: "evenodd",
|
|
@@ -15412,7 +15443,7 @@ var HexModalBackground = ({ ...props }) => {
|
|
|
15412
15443
|
fill: "url(#paint0_linear_196_2737)"
|
|
15413
15444
|
}
|
|
15414
15445
|
),
|
|
15415
|
-
/* @__PURE__ */
|
|
15446
|
+
/* @__PURE__ */ jsx79("defs", { children: /* @__PURE__ */ jsxs49(
|
|
15416
15447
|
"linearGradient",
|
|
15417
15448
|
{
|
|
15418
15449
|
id: "paint0_linear_196_2737",
|
|
@@ -15422,8 +15453,8 @@ var HexModalBackground = ({ ...props }) => {
|
|
|
15422
15453
|
y2: "-95.2742",
|
|
15423
15454
|
gradientUnits: "userSpaceOnUse",
|
|
15424
15455
|
children: [
|
|
15425
|
-
/* @__PURE__ */
|
|
15426
|
-
/* @__PURE__ */
|
|
15456
|
+
/* @__PURE__ */ jsx79("stop", { stopColor: "#81DCDE" }),
|
|
15457
|
+
/* @__PURE__ */ jsx79("stop", { offset: "1", stopColor: "#428ED4" })
|
|
15427
15458
|
]
|
|
15428
15459
|
}
|
|
15429
15460
|
) })
|
|
@@ -15433,22 +15464,22 @@ var HexModalBackground = ({ ...props }) => {
|
|
|
15433
15464
|
};
|
|
15434
15465
|
var IntegrationModalHeader = ({ icon, name, menu, children }) => {
|
|
15435
15466
|
return /* @__PURE__ */ jsxs49(Fragment11, { children: [
|
|
15436
|
-
/* @__PURE__ */
|
|
15437
|
-
/* @__PURE__ */
|
|
15438
|
-
icon ? /* @__PURE__ */
|
|
15439
|
-
/* @__PURE__ */
|
|
15467
|
+
/* @__PURE__ */ jsx79(HexModalBackground, { css: IntegrationModalHeaderSVGBackground, role: "presentation" }),
|
|
15468
|
+
/* @__PURE__ */ jsx79("div", { css: IntegrationModalHeaderGroup, children: /* @__PURE__ */ jsxs49("div", { css: IntegrationModalHeaderTitleGroup, children: [
|
|
15469
|
+
icon ? /* @__PURE__ */ jsx79(IntegrationModalIcon, { icon, name: name || "" }) : null,
|
|
15470
|
+
/* @__PURE__ */ jsx79(Heading, { level: 3, css: IntegrationModalHeaderTitle, "data-testid": "integration-modal-title", children: name || "Create Team Integration" }),
|
|
15440
15471
|
menu ? /* @__PURE__ */ jsxs49("div", { css: IntegrationModalHeaderMenuPlacement, children: [
|
|
15441
15472
|
menu,
|
|
15442
15473
|
" "
|
|
15443
15474
|
] }) : null
|
|
15444
15475
|
] }) }),
|
|
15445
|
-
/* @__PURE__ */
|
|
15476
|
+
/* @__PURE__ */ jsx79("div", { css: IntegrationModalHeaderContentWrapper, children })
|
|
15446
15477
|
] });
|
|
15447
15478
|
};
|
|
15448
15479
|
|
|
15449
15480
|
// src/components/JsonEditor/JsonEditor.tsx
|
|
15450
15481
|
import MonacoEditor from "@monaco-editor/react";
|
|
15451
|
-
import { jsx as
|
|
15482
|
+
import { jsx as jsx80 } from "@emotion/react/jsx-runtime";
|
|
15452
15483
|
var minEditorHeightPx = 150;
|
|
15453
15484
|
var JsonEditor = ({ defaultValue, onChange, jsonSchema, height, readOnly }) => {
|
|
15454
15485
|
let effectiveHeight = height;
|
|
@@ -15458,7 +15489,7 @@ var JsonEditor = ({ defaultValue, onChange, jsonSchema, height, readOnly }) => {
|
|
|
15458
15489
|
if (typeof effectiveHeight === "number" && effectiveHeight < minEditorHeightPx) {
|
|
15459
15490
|
effectiveHeight = minEditorHeightPx;
|
|
15460
15491
|
}
|
|
15461
|
-
return /* @__PURE__ */
|
|
15492
|
+
return /* @__PURE__ */ jsx80(
|
|
15462
15493
|
MonacoEditor,
|
|
15463
15494
|
{
|
|
15464
15495
|
height: effectiveHeight,
|
|
@@ -15527,7 +15558,7 @@ var LimitsBarTextColor = (statusColor) => css64`
|
|
|
15527
15558
|
`;
|
|
15528
15559
|
|
|
15529
15560
|
// src/components/LimitsBar/LimitsBar.tsx
|
|
15530
|
-
import { jsx as
|
|
15561
|
+
import { jsx as jsx81, jsxs as jsxs50 } from "@emotion/react/jsx-runtime";
|
|
15531
15562
|
var LimitsBar = ({ current, max, label }) => {
|
|
15532
15563
|
const maxPercentage = 100;
|
|
15533
15564
|
const progressBarValue = Math.ceil(current / max * maxPercentage);
|
|
@@ -15540,14 +15571,14 @@ var LimitsBar = ({ current, max, label }) => {
|
|
|
15540
15571
|
const statusColor = progressBarValue === 100 ? colorMap.danger : progressBarValue >= 75 ? colorMap.warn : colorMap.base;
|
|
15541
15572
|
return /* @__PURE__ */ jsxs50("div", { css: LimitsBarContainer, children: [
|
|
15542
15573
|
/* @__PURE__ */ jsxs50("div", { css: LimitsBarLabelContainer, children: [
|
|
15543
|
-
/* @__PURE__ */
|
|
15574
|
+
/* @__PURE__ */ jsx81("span", { css: LimitsBarLabel, children: label }),
|
|
15544
15575
|
/* @__PURE__ */ jsxs50("span", { css: [LimitsBarLabel, LimitsBarTextColor(statusColor)], children: [
|
|
15545
15576
|
current,
|
|
15546
15577
|
" of ",
|
|
15547
15578
|
max
|
|
15548
15579
|
] })
|
|
15549
15580
|
] }),
|
|
15550
|
-
/* @__PURE__ */
|
|
15581
|
+
/* @__PURE__ */ jsx81(
|
|
15551
15582
|
"div",
|
|
15552
15583
|
{
|
|
15553
15584
|
role: "progressbar",
|
|
@@ -15556,7 +15587,7 @@ var LimitsBar = ({ current, max, label }) => {
|
|
|
15556
15587
|
"aria-valuemax": max,
|
|
15557
15588
|
"aria-valuetext": `${current} of ${max}`,
|
|
15558
15589
|
css: LimitsBarProgressBar,
|
|
15559
|
-
children: /* @__PURE__ */
|
|
15590
|
+
children: /* @__PURE__ */ jsx81(
|
|
15560
15591
|
"span",
|
|
15561
15592
|
{
|
|
15562
15593
|
role: "presentation",
|
|
@@ -15588,10 +15619,10 @@ var LinkListTitle = css65`
|
|
|
15588
15619
|
`;
|
|
15589
15620
|
|
|
15590
15621
|
// src/components/LinkList/LinkList.tsx
|
|
15591
|
-
import { jsx as
|
|
15622
|
+
import { jsx as jsx82, jsxs as jsxs51 } from "@emotion/react/jsx-runtime";
|
|
15592
15623
|
var LinkList = ({ title: title2, padding = "var(--spacing-md)", children, ...props }) => {
|
|
15593
15624
|
return /* @__PURE__ */ jsxs51("div", { css: LinkListContainer(padding), ...props, children: [
|
|
15594
|
-
/* @__PURE__ */
|
|
15625
|
+
/* @__PURE__ */ jsx82(Heading, { level: 3, css: LinkListTitle, children: title2 }),
|
|
15595
15626
|
children
|
|
15596
15627
|
] });
|
|
15597
15628
|
};
|
|
@@ -15627,10 +15658,10 @@ var ScrollableListInner = css66`
|
|
|
15627
15658
|
`;
|
|
15628
15659
|
|
|
15629
15660
|
// src/components/List/ScrollableList.tsx
|
|
15630
|
-
import { jsx as
|
|
15661
|
+
import { jsx as jsx83, jsxs as jsxs52 } from "@emotion/react/jsx-runtime";
|
|
15631
15662
|
var ScrollableList = ({ label, children, ...props }) => {
|
|
15632
15663
|
return /* @__PURE__ */ jsxs52("div", { css: [ScrollableListContainer, scrollbarStyles], ...props, children: [
|
|
15633
|
-
label ? /* @__PURE__ */
|
|
15664
|
+
label ? /* @__PURE__ */ jsx83(
|
|
15634
15665
|
"span",
|
|
15635
15666
|
{
|
|
15636
15667
|
css: css67`
|
|
@@ -15639,7 +15670,7 @@ var ScrollableList = ({ label, children, ...props }) => {
|
|
|
15639
15670
|
children: label
|
|
15640
15671
|
}
|
|
15641
15672
|
) : null,
|
|
15642
|
-
/* @__PURE__ */
|
|
15673
|
+
/* @__PURE__ */ jsx83("div", { css: [ScrollableListInner, scrollbarStyles], children })
|
|
15643
15674
|
] });
|
|
15644
15675
|
};
|
|
15645
15676
|
|
|
@@ -15711,7 +15742,7 @@ var ScrollableListIconVisible = css68`
|
|
|
15711
15742
|
`;
|
|
15712
15743
|
|
|
15713
15744
|
// src/components/List/ScrollableListInputItem.tsx
|
|
15714
|
-
import { jsx as
|
|
15745
|
+
import { jsx as jsx84, jsxs as jsxs53 } from "@emotion/react/jsx-runtime";
|
|
15715
15746
|
var ScrollableListInputItem = ({
|
|
15716
15747
|
label,
|
|
15717
15748
|
icon,
|
|
@@ -15721,7 +15752,7 @@ var ScrollableListInputItem = ({
|
|
|
15721
15752
|
labelTestId,
|
|
15722
15753
|
...props
|
|
15723
15754
|
}) => {
|
|
15724
|
-
return /* @__PURE__ */
|
|
15755
|
+
return /* @__PURE__ */ jsx84(
|
|
15725
15756
|
"div",
|
|
15726
15757
|
{
|
|
15727
15758
|
css: [
|
|
@@ -15735,8 +15766,8 @@ var ScrollableListInputItem = ({
|
|
|
15735
15766
|
icon,
|
|
15736
15767
|
label
|
|
15737
15768
|
] }),
|
|
15738
|
-
/* @__PURE__ */
|
|
15739
|
-
/* @__PURE__ */
|
|
15769
|
+
/* @__PURE__ */ jsx84("div", { css: ScrollableListHiddenInput, children }),
|
|
15770
|
+
/* @__PURE__ */ jsx84(
|
|
15740
15771
|
Icon,
|
|
15741
15772
|
{
|
|
15742
15773
|
icon: CgCheck2,
|
|
@@ -15754,7 +15785,7 @@ var ScrollableListInputItem = ({
|
|
|
15754
15785
|
|
|
15755
15786
|
// src/components/List/ScrollableListItem.tsx
|
|
15756
15787
|
import { CgCheck as CgCheck3 } from "@react-icons/all-files/cg/CgCheck";
|
|
15757
|
-
import { jsx as
|
|
15788
|
+
import { jsx as jsx85, jsxs as jsxs54 } from "@emotion/react/jsx-runtime";
|
|
15758
15789
|
var ScrollableListItem = ({
|
|
15759
15790
|
buttonText,
|
|
15760
15791
|
icon,
|
|
@@ -15762,7 +15793,7 @@ var ScrollableListItem = ({
|
|
|
15762
15793
|
disableShadow,
|
|
15763
15794
|
...props
|
|
15764
15795
|
}) => {
|
|
15765
|
-
return /* @__PURE__ */
|
|
15796
|
+
return /* @__PURE__ */ jsx85(
|
|
15766
15797
|
"div",
|
|
15767
15798
|
{
|
|
15768
15799
|
css: [
|
|
@@ -15773,9 +15804,9 @@ var ScrollableListItem = ({
|
|
|
15773
15804
|
children: /* @__PURE__ */ jsxs54("button", { css: ScrollableListItemBtn, type: "button", ...props, children: [
|
|
15774
15805
|
/* @__PURE__ */ jsxs54(HorizontalRhythm, { gap: "xs", align: "center", children: [
|
|
15775
15806
|
icon,
|
|
15776
|
-
/* @__PURE__ */
|
|
15807
|
+
/* @__PURE__ */ jsx85("span", { children: buttonText })
|
|
15777
15808
|
] }),
|
|
15778
|
-
/* @__PURE__ */
|
|
15809
|
+
/* @__PURE__ */ jsx85(
|
|
15779
15810
|
Icon,
|
|
15780
15811
|
{
|
|
15781
15812
|
icon: CgCheck3,
|
|
@@ -15842,16 +15873,16 @@ function loadingDot(size) {
|
|
|
15842
15873
|
}
|
|
15843
15874
|
|
|
15844
15875
|
// src/components/LoadingIndicator/LoadingIndicator.tsx
|
|
15845
|
-
import { jsx as
|
|
15876
|
+
import { jsx as jsx86, jsxs as jsxs55 } from "@emotion/react/jsx-runtime";
|
|
15846
15877
|
var LoadingIndicator = ({
|
|
15847
15878
|
size = "lg",
|
|
15848
15879
|
...props
|
|
15849
15880
|
}) => {
|
|
15850
15881
|
const dotStyle = loadingDot(size);
|
|
15851
15882
|
return /* @__PURE__ */ jsxs55("div", { role: "alert", css: loader, "data-testid": "loading-indicator", ...props, children: [
|
|
15852
|
-
/* @__PURE__ */
|
|
15853
|
-
/* @__PURE__ */
|
|
15854
|
-
/* @__PURE__ */
|
|
15883
|
+
/* @__PURE__ */ jsx86("span", { css: dotStyle }),
|
|
15884
|
+
/* @__PURE__ */ jsx86("span", { css: dotStyle }),
|
|
15885
|
+
/* @__PURE__ */ jsx86("span", { css: dotStyle })
|
|
15855
15886
|
] });
|
|
15856
15887
|
};
|
|
15857
15888
|
|
|
@@ -15891,7 +15922,7 @@ var loadingOverlayMessage = css70`
|
|
|
15891
15922
|
`;
|
|
15892
15923
|
|
|
15893
15924
|
// src/components/LoadingOverlay/LoadingOverlay.tsx
|
|
15894
|
-
import { jsx as
|
|
15925
|
+
import { jsx as jsx87, jsxs as jsxs56 } from "@emotion/react/jsx-runtime";
|
|
15895
15926
|
var LoadingOverlay = ({
|
|
15896
15927
|
isActive,
|
|
15897
15928
|
statusMessage,
|
|
@@ -15925,9 +15956,9 @@ var LoadingOverlay = ({
|
|
|
15925
15956
|
"aria-hidden": !isActive,
|
|
15926
15957
|
"aria-busy": isActive && !isPaused,
|
|
15927
15958
|
children: [
|
|
15928
|
-
/* @__PURE__ */
|
|
15929
|
-
/* @__PURE__ */
|
|
15930
|
-
/* @__PURE__ */
|
|
15959
|
+
/* @__PURE__ */ jsx87("div", { css: loadingOverlayBackground(overlayBackgroundColor) }),
|
|
15960
|
+
/* @__PURE__ */ jsx87("div", { css: { position: "relative", maxWidth: "100%", margin: isTopAligned ? "0" : "auto" }, children: /* @__PURE__ */ jsxs56("div", { css: loadingOverlayBody, children: [
|
|
15961
|
+
/* @__PURE__ */ jsx87(
|
|
15931
15962
|
AnimationFile,
|
|
15932
15963
|
{
|
|
15933
15964
|
lottieRef,
|
|
@@ -15942,15 +15973,15 @@ var LoadingOverlay = ({
|
|
|
15942
15973
|
}
|
|
15943
15974
|
}
|
|
15944
15975
|
),
|
|
15945
|
-
statusMessage ? /* @__PURE__ */
|
|
15946
|
-
/* @__PURE__ */
|
|
15976
|
+
statusMessage ? /* @__PURE__ */ jsx87("div", { css: loadingOverlayMessage, children: statusMessage }) : null,
|
|
15977
|
+
/* @__PURE__ */ jsx87("div", { css: { width: "100%", marginTop: "var(--spacing-md)" }, children })
|
|
15947
15978
|
] }) })
|
|
15948
15979
|
]
|
|
15949
15980
|
}
|
|
15950
15981
|
);
|
|
15951
15982
|
};
|
|
15952
15983
|
var LoadingIcon = ({ height, width, ...props }) => {
|
|
15953
|
-
return /* @__PURE__ */
|
|
15984
|
+
return /* @__PURE__ */ jsx87(
|
|
15954
15985
|
"svg",
|
|
15955
15986
|
{
|
|
15956
15987
|
viewBox: "0 0 38 38",
|
|
@@ -15960,9 +15991,9 @@ var LoadingIcon = ({ height, width, ...props }) => {
|
|
|
15960
15991
|
stroke: "currentColor",
|
|
15961
15992
|
...props,
|
|
15962
15993
|
"data-testid": "loading-icon",
|
|
15963
|
-
children: /* @__PURE__ */
|
|
15964
|
-
/* @__PURE__ */
|
|
15965
|
-
/* @__PURE__ */
|
|
15994
|
+
children: /* @__PURE__ */ jsx87("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsxs56("g", { transform: "translate(1 1)", strokeWidth: "2", children: [
|
|
15995
|
+
/* @__PURE__ */ jsx87("circle", { strokeOpacity: ".25", cx: "18", cy: "18", r: "18" }),
|
|
15996
|
+
/* @__PURE__ */ jsx87("path", { d: "M36 18c0-9.94-8.06-18-18-18", transform: "rotate(166.645 18 18)", children: /* @__PURE__ */ jsx87(
|
|
15966
15997
|
"animateTransform",
|
|
15967
15998
|
{
|
|
15968
15999
|
attributeName: "transform",
|
|
@@ -16018,7 +16049,7 @@ var Popover = css71`
|
|
|
16018
16049
|
`;
|
|
16019
16050
|
|
|
16020
16051
|
// src/components/Popover/Popover.tsx
|
|
16021
|
-
import { Fragment as Fragment12, jsx as
|
|
16052
|
+
import { Fragment as Fragment12, jsx as jsx88, jsxs as jsxs57 } from "@emotion/react/jsx-runtime";
|
|
16022
16053
|
var Popover2 = ({
|
|
16023
16054
|
iconColor = "action",
|
|
16024
16055
|
icon = "info",
|
|
@@ -16033,7 +16064,7 @@ var Popover2 = ({
|
|
|
16033
16064
|
}) => {
|
|
16034
16065
|
const popover = usePopoverState({ placement });
|
|
16035
16066
|
return /* @__PURE__ */ jsxs57(Fragment12, { children: [
|
|
16036
|
-
/* @__PURE__ */
|
|
16067
|
+
/* @__PURE__ */ jsx88(
|
|
16037
16068
|
PopoverDisclosure,
|
|
16038
16069
|
{
|
|
16039
16070
|
...popover,
|
|
@@ -16041,12 +16072,12 @@ var Popover2 = ({
|
|
|
16041
16072
|
title: buttonText,
|
|
16042
16073
|
"data-testid": testId,
|
|
16043
16074
|
children: trigger ? trigger : /* @__PURE__ */ jsxs57(Fragment12, { children: [
|
|
16044
|
-
/* @__PURE__ */
|
|
16045
|
-
/* @__PURE__ */
|
|
16075
|
+
/* @__PURE__ */ jsx88(Icon, { icon, iconColor, size: iconSize }),
|
|
16076
|
+
/* @__PURE__ */ jsx88("span", { hidden: true, children: buttonText })
|
|
16046
16077
|
] })
|
|
16047
16078
|
}
|
|
16048
16079
|
),
|
|
16049
|
-
/* @__PURE__ */
|
|
16080
|
+
/* @__PURE__ */ jsx88(ReakitPopover, { css: Popover, ...otherProps, ...popover, role: "tooltip", "aria-label": ariaLabel, children })
|
|
16050
16081
|
] });
|
|
16051
16082
|
};
|
|
16052
16083
|
|
|
@@ -16129,7 +16160,7 @@ var menuButton = css72`
|
|
|
16129
16160
|
`;
|
|
16130
16161
|
|
|
16131
16162
|
// src/components/MediaCard/MediaCard.tsx
|
|
16132
|
-
import { jsx as
|
|
16163
|
+
import { jsx as jsx89, jsxs as jsxs58 } from "@emotion/react/jsx-runtime";
|
|
16133
16164
|
var MediaCard = ({
|
|
16134
16165
|
title: title2,
|
|
16135
16166
|
subtitle: subtitle2,
|
|
@@ -16145,12 +16176,12 @@ var MediaCard = ({
|
|
|
16145
16176
|
}, []);
|
|
16146
16177
|
const hasMenuItems = Array.isArray(menuItems) ? menuItems.length > 0 : Boolean(menuItems);
|
|
16147
16178
|
return /* @__PURE__ */ jsxs58(Card, { css: cardBase, ...cardProps, onClick, "data-testid": "card-item", children: [
|
|
16148
|
-
/* @__PURE__ */
|
|
16149
|
-
/* @__PURE__ */
|
|
16179
|
+
/* @__PURE__ */ jsx89("button", { tabIndex: -1, css: coverWrapper, children: cover }),
|
|
16180
|
+
/* @__PURE__ */ jsx89("div", { css: contentWrapper, children: /* @__PURE__ */ jsxs58(HorizontalRhythm, { gap: "sm", justify: "space-between", align: "center", css: { width: "100%" }, children: [
|
|
16150
16181
|
/* @__PURE__ */ jsxs58(VerticalRhythm, { gap: "0", align: "flex-start", css: { flex: 1, minWidth: 0 }, children: [
|
|
16151
16182
|
/* @__PURE__ */ jsxs58(HorizontalRhythm, { gap: "xs", align: "center", css: { maxWidth: "100%" }, children: [
|
|
16152
|
-
/* @__PURE__ */
|
|
16153
|
-
!infoPopover ? null : /* @__PURE__ */
|
|
16183
|
+
/* @__PURE__ */ jsx89("button", { css: title, "data-testid": "card-title", children: title2 }),
|
|
16184
|
+
!infoPopover ? null : /* @__PURE__ */ jsx89("div", { css: { display: "flex", cursor: "default" }, onClick: onStopPropogation, children: /* @__PURE__ */ jsx89(
|
|
16154
16185
|
Popover2,
|
|
16155
16186
|
{
|
|
16156
16187
|
baseId: `info-of-${title2}`,
|
|
@@ -16159,31 +16190,31 @@ var MediaCard = ({
|
|
|
16159
16190
|
iconColor: "default",
|
|
16160
16191
|
tabIndex: 0,
|
|
16161
16192
|
css: { display: "block" },
|
|
16162
|
-
children: /* @__PURE__ */
|
|
16193
|
+
children: /* @__PURE__ */ jsx89("div", { children: infoPopover })
|
|
16163
16194
|
}
|
|
16164
16195
|
) })
|
|
16165
16196
|
] }),
|
|
16166
|
-
subtitle2 ? /* @__PURE__ */
|
|
16197
|
+
subtitle2 ? /* @__PURE__ */ jsx89("button", { tabIndex: -1, css: subtitle, children: subtitle2 }) : null
|
|
16167
16198
|
] }),
|
|
16168
|
-
sideSection2 ? /* @__PURE__ */
|
|
16169
|
-
hasMenuItems ? /* @__PURE__ */
|
|
16199
|
+
sideSection2 ? /* @__PURE__ */ jsx89("div", { css: sideSection, onClick: onStopPropogation, children: sideSection2 }) : null,
|
|
16200
|
+
hasMenuItems ? /* @__PURE__ */ jsx89(
|
|
16170
16201
|
VerticalRhythm,
|
|
16171
16202
|
{
|
|
16172
16203
|
css: menuSection,
|
|
16173
16204
|
align: "center",
|
|
16174
16205
|
justify: "center",
|
|
16175
16206
|
onClick: onStopPropogation,
|
|
16176
|
-
children: /* @__PURE__ */
|
|
16207
|
+
children: /* @__PURE__ */ jsx89(
|
|
16177
16208
|
Menu,
|
|
16178
16209
|
{
|
|
16179
|
-
menuTrigger: /* @__PURE__ */
|
|
16210
|
+
menuTrigger: /* @__PURE__ */ jsx89(
|
|
16180
16211
|
"button",
|
|
16181
16212
|
{
|
|
16182
16213
|
type: "button",
|
|
16183
16214
|
"aria-label": "More options",
|
|
16184
16215
|
css: menuButton,
|
|
16185
16216
|
"data-testid": "button-more",
|
|
16186
|
-
children: /* @__PURE__ */
|
|
16217
|
+
children: /* @__PURE__ */ jsx89(Icon, { icon: "more-alt", iconColor: "gray", size: 16 })
|
|
16187
16218
|
}
|
|
16188
16219
|
),
|
|
16189
16220
|
menuLabel: `Menu of ${title2}`,
|
|
@@ -16202,15 +16233,8 @@ import React19, { useEffect as useEffect10, useRef as useRef6 } from "react";
|
|
|
16202
16233
|
|
|
16203
16234
|
// src/components/Modal/Modal.styles.ts
|
|
16204
16235
|
import { css as css73 } from "@emotion/react";
|
|
16205
|
-
var modalWrapperStyles = css73`
|
|
16206
|
-
position: fixed;
|
|
16207
|
-
inset: 0;
|
|
16208
|
-
display: flex;
|
|
16209
|
-
align-items: center;
|
|
16210
|
-
justify-content: center;
|
|
16211
|
-
z-index: var(--z-drawer);
|
|
16212
|
-
`;
|
|
16213
16236
|
var modalStyles = css73`
|
|
16237
|
+
border: none;
|
|
16214
16238
|
position: relative;
|
|
16215
16239
|
max-width: calc(100% - var(--spacing-base) * 2);
|
|
16216
16240
|
max-height: calc(100% - var(--spacing-base) * 2);
|
|
@@ -16223,63 +16247,82 @@ var modalStyles = css73`
|
|
|
16223
16247
|
opacity: 0.4;
|
|
16224
16248
|
}
|
|
16225
16249
|
`;
|
|
16250
|
+
var modalSizeSmall = css73`
|
|
16251
|
+
width: clamp(280px, 100vw, 400px);
|
|
16252
|
+
`;
|
|
16253
|
+
var modalSizeMedium = css73`
|
|
16254
|
+
width: clamp(280px, 100vw, 600px);
|
|
16255
|
+
`;
|
|
16256
|
+
var modalSizeLarge = css73`
|
|
16257
|
+
width: clamp(280px, 100vw, 800px);
|
|
16258
|
+
`;
|
|
16226
16259
|
var modalInnerStyles = css73`
|
|
16227
16260
|
position: relative;
|
|
16228
16261
|
width: 100%;
|
|
16229
|
-
height: 100%;
|
|
16230
16262
|
display: flex;
|
|
16231
16263
|
flex-direction: column;
|
|
16232
16264
|
justify-content: stretch;
|
|
16233
16265
|
gap: var(--spacing-base);
|
|
16234
16266
|
background: var(--gray-50);
|
|
16235
16267
|
color: unset;
|
|
16236
|
-
padding: var(--spacing-
|
|
16268
|
+
padding: calc(var(--spacing-2xl) - 2px);
|
|
16237
16269
|
box-shadow: var(--elevation-500);
|
|
16238
16270
|
border-radius: var(--rounded-base);
|
|
16239
|
-
border: 1px solid var(--gray-300);
|
|
16240
16271
|
`;
|
|
16241
16272
|
var modalHeaderStyles = css73`
|
|
16242
16273
|
display: flex;
|
|
16243
16274
|
align-items: flex-start;
|
|
16244
16275
|
gap: var(--spacing-base);
|
|
16245
16276
|
font-size: var(--fs-md);
|
|
16277
|
+
font-family: var(--ff-base);
|
|
16246
16278
|
line-height: 1.2;
|
|
16247
16279
|
`;
|
|
16248
16280
|
var modalHeaderHeaderStyles = css73`
|
|
16249
16281
|
max-width: calc(100% - 3rem);
|
|
16250
16282
|
`;
|
|
16251
16283
|
var modalCloseButtonStyles = css73`
|
|
16252
|
-
display: block;
|
|
16253
|
-
padding: 0;
|
|
16254
16284
|
background: transparent;
|
|
16255
16285
|
border: none;
|
|
16286
|
+
color: var(--gray-300);
|
|
16287
|
+
display: block;
|
|
16288
|
+
padding: 0;
|
|
16256
16289
|
margin-left: auto;
|
|
16290
|
+
translate: calc(var(--spacing-base)) calc(var(--spacing-base) * -1);
|
|
16291
|
+
transition: color var(--duration-fast) var(--timing-ease-out);
|
|
16292
|
+
|
|
16293
|
+
&:hover,
|
|
16294
|
+
&:focus {
|
|
16295
|
+
background: transparent;
|
|
16296
|
+
color: var(--gray-400);
|
|
16297
|
+
}
|
|
16257
16298
|
`;
|
|
16258
16299
|
var modalContentStyles = css73`
|
|
16259
16300
|
position: relative;
|
|
16260
16301
|
flex: 1;
|
|
16261
|
-
background-color: white;
|
|
16262
|
-
padding: var(--spacing-md);
|
|
16263
16302
|
overflow: auto;
|
|
16264
16303
|
${scrollbarStyles}
|
|
16265
16304
|
`;
|
|
16266
16305
|
|
|
16267
16306
|
// src/components/Modal/Modal.tsx
|
|
16268
|
-
import { jsx as
|
|
16269
|
-
var defaultModalWidth = "75rem";
|
|
16307
|
+
import { jsx as jsx90, jsxs as jsxs59 } from "@emotion/react/jsx-runtime";
|
|
16270
16308
|
var defaultModalHeight = "51rem";
|
|
16271
16309
|
var Modal = React19.forwardRef(
|
|
16272
16310
|
({
|
|
16273
16311
|
header,
|
|
16274
16312
|
children,
|
|
16275
16313
|
onRequestClose,
|
|
16276
|
-
width
|
|
16314
|
+
width,
|
|
16277
16315
|
height = defaultModalHeight,
|
|
16278
|
-
withoutContentPadding = false,
|
|
16279
16316
|
buttonGroup,
|
|
16317
|
+
modalSize = "lg",
|
|
16280
16318
|
...modalProps
|
|
16281
16319
|
}, ref) => {
|
|
16282
16320
|
const dialogRef = useRef6(null);
|
|
16321
|
+
const size = {
|
|
16322
|
+
sm: modalSizeSmall,
|
|
16323
|
+
md: modalSizeMedium,
|
|
16324
|
+
lg: modalSizeLarge
|
|
16325
|
+
};
|
|
16283
16326
|
useShortcut({
|
|
16284
16327
|
handler: onRequestClose,
|
|
16285
16328
|
shortcut: "escape"
|
|
@@ -16298,7 +16341,7 @@ var Modal = React19.forwardRef(
|
|
|
16298
16341
|
return (_a2 = dialogRef.current) == null ? void 0 : _a2.close();
|
|
16299
16342
|
};
|
|
16300
16343
|
}, []);
|
|
16301
|
-
return /* @__PURE__ */
|
|
16344
|
+
return /* @__PURE__ */ jsx90(
|
|
16302
16345
|
"dialog",
|
|
16303
16346
|
{
|
|
16304
16347
|
ref: (element) => {
|
|
@@ -16312,7 +16355,7 @@ var Modal = React19.forwardRef(
|
|
|
16312
16355
|
ref.current = element;
|
|
16313
16356
|
}
|
|
16314
16357
|
},
|
|
16315
|
-
css: modalStyles,
|
|
16358
|
+
css: [modalStyles, width ? void 0 : size[modalSize]],
|
|
16316
16359
|
style: { width, height: height === "auto" ? "min-content" : height },
|
|
16317
16360
|
"data-testid": "side-dialog",
|
|
16318
16361
|
onClick: onRequestClose,
|
|
@@ -16320,25 +16363,32 @@ var Modal = React19.forwardRef(
|
|
|
16320
16363
|
e.preventDefault();
|
|
16321
16364
|
},
|
|
16322
16365
|
...modalProps,
|
|
16323
|
-
children: /* @__PURE__ */ jsxs59(
|
|
16324
|
-
|
|
16325
|
-
|
|
16326
|
-
|
|
16327
|
-
|
|
16328
|
-
|
|
16329
|
-
|
|
16330
|
-
|
|
16331
|
-
|
|
16332
|
-
|
|
16333
|
-
|
|
16334
|
-
|
|
16335
|
-
|
|
16336
|
-
|
|
16337
|
-
|
|
16338
|
-
|
|
16339
|
-
|
|
16340
|
-
|
|
16341
|
-
|
|
16366
|
+
children: /* @__PURE__ */ jsxs59(
|
|
16367
|
+
"div",
|
|
16368
|
+
{
|
|
16369
|
+
css: [modalInnerStyles, { height: height === "auto" ? "auto" : "100%" }],
|
|
16370
|
+
onClick: (e) => e.stopPropagation(),
|
|
16371
|
+
children: [
|
|
16372
|
+
/* @__PURE__ */ jsxs59("div", { css: modalHeaderStyles, children: [
|
|
16373
|
+
/* @__PURE__ */ jsx90("div", { css: modalHeaderHeaderStyles, children: header }),
|
|
16374
|
+
/* @__PURE__ */ jsx90(
|
|
16375
|
+
Button,
|
|
16376
|
+
{
|
|
16377
|
+
type: "button",
|
|
16378
|
+
onClick: onRequestClose,
|
|
16379
|
+
css: modalCloseButtonStyles,
|
|
16380
|
+
title: "Close dialog",
|
|
16381
|
+
buttonType: "ghost",
|
|
16382
|
+
"data-testid": "close-dialog",
|
|
16383
|
+
children: /* @__PURE__ */ jsx90(Icon, { icon: CgClose5, iconColor: "currentColor", size: 24 })
|
|
16384
|
+
}
|
|
16385
|
+
)
|
|
16386
|
+
] }),
|
|
16387
|
+
/* @__PURE__ */ jsx90("div", { css: modalContentStyles, children }),
|
|
16388
|
+
buttonGroup ? /* @__PURE__ */ jsx90(HorizontalRhythm, { children: buttonGroup }) : null
|
|
16389
|
+
]
|
|
16390
|
+
}
|
|
16391
|
+
)
|
|
16342
16392
|
}
|
|
16343
16393
|
);
|
|
16344
16394
|
}
|
|
@@ -16377,7 +16427,7 @@ var page = css74`
|
|
|
16377
16427
|
`;
|
|
16378
16428
|
|
|
16379
16429
|
// src/components/Pagination/Pagination.tsx
|
|
16380
|
-
import { jsx as
|
|
16430
|
+
import { jsx as jsx91 } from "@emotion/react/jsx-runtime";
|
|
16381
16431
|
function Pagination({
|
|
16382
16432
|
limit,
|
|
16383
16433
|
offset,
|
|
@@ -16392,12 +16442,12 @@ function Pagination({
|
|
|
16392
16442
|
if (pageCount <= 1) {
|
|
16393
16443
|
return null;
|
|
16394
16444
|
}
|
|
16395
|
-
return /* @__PURE__ */
|
|
16445
|
+
return /* @__PURE__ */ jsx91(
|
|
16396
16446
|
Paginate,
|
|
16397
16447
|
{
|
|
16398
16448
|
forcePage: currentPage,
|
|
16399
|
-
previousLabel: /* @__PURE__ */
|
|
16400
|
-
nextLabel: /* @__PURE__ */
|
|
16449
|
+
previousLabel: /* @__PURE__ */ jsx91("div", { className: prevNextControls, children: "<" }),
|
|
16450
|
+
nextLabel: /* @__PURE__ */ jsx91("div", { className: prevNextControls, children: ">" }),
|
|
16401
16451
|
breakLabel: "...",
|
|
16402
16452
|
pageCount,
|
|
16403
16453
|
marginPagesDisplayed: 2,
|
|
@@ -16464,7 +16514,7 @@ var inputIconBtn = css75`
|
|
|
16464
16514
|
`;
|
|
16465
16515
|
|
|
16466
16516
|
// src/components/ParameterInputs/LabelLeadingIcon.tsx
|
|
16467
|
-
import { jsx as
|
|
16517
|
+
import { jsx as jsx92, jsxs as jsxs60 } from "@emotion/react/jsx-runtime";
|
|
16468
16518
|
var LabelLeadingIcon = ({
|
|
16469
16519
|
icon,
|
|
16470
16520
|
iconColor,
|
|
@@ -16476,7 +16526,7 @@ var LabelLeadingIcon = ({
|
|
|
16476
16526
|
...props
|
|
16477
16527
|
}) => {
|
|
16478
16528
|
const titleFr = title2 != null ? title2 : isLocked ? "Read-only pattern parameter" : isBound ? "Connected to external content. Click to edit" : "Click to connect to external content";
|
|
16479
|
-
return /* @__PURE__ */
|
|
16529
|
+
return /* @__PURE__ */ jsx92(Tooltip, { title: titleFr, children: /* @__PURE__ */ jsxs60(
|
|
16480
16530
|
"button",
|
|
16481
16531
|
{
|
|
16482
16532
|
css: inputIconBtn,
|
|
@@ -16484,8 +16534,9 @@ var LabelLeadingIcon = ({
|
|
|
16484
16534
|
"aria-pressed": isActive || isBound,
|
|
16485
16535
|
"aria-disabled": isLocked,
|
|
16486
16536
|
...props,
|
|
16537
|
+
"data-testid": "lock-button",
|
|
16487
16538
|
children: [
|
|
16488
|
-
/* @__PURE__ */
|
|
16539
|
+
/* @__PURE__ */ jsx92(
|
|
16489
16540
|
Icon,
|
|
16490
16541
|
{
|
|
16491
16542
|
icon: isLocked ? "lock" : icon ? icon : "arrows-expand-down-right",
|
|
@@ -16527,7 +16578,7 @@ var input2 = css76`
|
|
|
16527
16578
|
appearance: none;
|
|
16528
16579
|
box-sizing: border-box;
|
|
16529
16580
|
background: var(--white);
|
|
16530
|
-
border: 1px solid var(--
|
|
16581
|
+
border: 1px solid var(--gray-200);
|
|
16531
16582
|
border-radius: var(--rounded-sm);
|
|
16532
16583
|
color: var(--gray-700);
|
|
16533
16584
|
font-size: var(--fs-sm);
|
|
@@ -16548,11 +16599,15 @@ var input2 = css76`
|
|
|
16548
16599
|
&:focus,
|
|
16549
16600
|
&:focus-within {
|
|
16550
16601
|
border-radius: var(--rounded-md);
|
|
16551
|
-
box-shadow:
|
|
16552
|
-
border: 1px solid var(--
|
|
16602
|
+
box-shadow: var(--elevation-100);
|
|
16603
|
+
border: 1px solid var(--accent-dark-active);
|
|
16553
16604
|
outline: none;
|
|
16554
16605
|
}
|
|
16555
16606
|
|
|
16607
|
+
&:hover {
|
|
16608
|
+
border: 1px solid var(--accent-dark-hover);
|
|
16609
|
+
}
|
|
16610
|
+
|
|
16556
16611
|
&:disabled,
|
|
16557
16612
|
&:disabled::placeholder,
|
|
16558
16613
|
&:disabled:hover {
|
|
@@ -16595,7 +16650,6 @@ var inputIcon2 = css76`
|
|
|
16595
16650
|
`;
|
|
16596
16651
|
var inputToggleLabel2 = css76`
|
|
16597
16652
|
align-items: center;
|
|
16598
|
-
background: var(--white);
|
|
16599
16653
|
cursor: pointer;
|
|
16600
16654
|
display: inline-flex;
|
|
16601
16655
|
gap: var(--spacing-sm);
|
|
@@ -16606,10 +16660,10 @@ var inputToggleLabel2 = css76`
|
|
|
16606
16660
|
`;
|
|
16607
16661
|
var toggleInput2 = css76`
|
|
16608
16662
|
appearance: none;
|
|
16609
|
-
border: 1px solid var(--gray-
|
|
16663
|
+
border: 1px solid var(--gray-200);
|
|
16610
16664
|
background: var(--white);
|
|
16611
|
-
width: var(--spacing-
|
|
16612
|
-
height: var(--spacing-
|
|
16665
|
+
width: var(--spacing-base);
|
|
16666
|
+
height: var(--spacing-base);
|
|
16613
16667
|
transition: background var(--duration-fast) var(--timing-ease-out),
|
|
16614
16668
|
border-color var(--duration-fast) var(--timing-ease-out),
|
|
16615
16669
|
color var(--duration-fast) var(--timing-ease-out);
|
|
@@ -16624,19 +16678,23 @@ var toggleInput2 = css76`
|
|
|
16624
16678
|
}
|
|
16625
16679
|
|
|
16626
16680
|
&:where([type='checkbox']) {
|
|
16627
|
-
border-radius: var(--rounded-
|
|
16681
|
+
border-radius: var(--rounded-sm);
|
|
16628
16682
|
}
|
|
16629
16683
|
|
|
16630
16684
|
&:checked,
|
|
16631
16685
|
&:checked:hover,
|
|
16632
16686
|
&:checked:focus {
|
|
16633
|
-
background: var(--
|
|
16634
|
-
url("data:image/svg+xml,%3Csvg width='
|
|
16687
|
+
background: var(--accent-dark-active)
|
|
16688
|
+
url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M10.5858 13.4142L7.75735 10.5858L6.34314 12L10.5858 16.2427L17.6568 9.1716L16.2426 7.75739L10.5858 13.4142Z' fill='%23fff' /%3E%3C/svg%3E")
|
|
16635
16689
|
no-repeat center center;
|
|
16636
|
-
border-color: var(--
|
|
16690
|
+
border-color: var(--accent-dark-active);
|
|
16637
16691
|
color: var(--white);
|
|
16638
16692
|
}
|
|
16639
16693
|
|
|
16694
|
+
&:hover {
|
|
16695
|
+
border-color: var(--accent-dark-hover);
|
|
16696
|
+
}
|
|
16697
|
+
|
|
16640
16698
|
&:disabled {
|
|
16641
16699
|
cursor: not-allowed;
|
|
16642
16700
|
color: var(--gray-400);
|
|
@@ -16644,7 +16702,7 @@ var toggleInput2 = css76`
|
|
|
16644
16702
|
}
|
|
16645
16703
|
`;
|
|
16646
16704
|
var inlineLabel2 = css76`
|
|
16647
|
-
padding-left: var(--spacing-
|
|
16705
|
+
padding-left: var(--spacing-md);
|
|
16648
16706
|
font-size: var(--fs-sm);
|
|
16649
16707
|
font-weight: var(--fw-regular);
|
|
16650
16708
|
translate: 0 1px; // brings the span into central alignment
|
|
@@ -16689,9 +16747,9 @@ var dataConnectButton = css76`
|
|
|
16689
16747
|
appearance: none;
|
|
16690
16748
|
box-sizing: border-box;
|
|
16691
16749
|
background-color: var(--white);
|
|
16692
|
-
border: 1px solid var(--
|
|
16750
|
+
border: 1px solid var(--primary-action-default);
|
|
16693
16751
|
border-radius: var(--rounded-md);
|
|
16694
|
-
color: var(--
|
|
16752
|
+
color: var(--primary-action-default);
|
|
16695
16753
|
display: flex;
|
|
16696
16754
|
padding: var(--spacing-sm);
|
|
16697
16755
|
position: relative;
|
|
@@ -16765,7 +16823,7 @@ var linkParameterIcon = css76`
|
|
|
16765
16823
|
`;
|
|
16766
16824
|
|
|
16767
16825
|
// src/components/ParameterInputs/ParameterDataResource.tsx
|
|
16768
|
-
import { jsx as
|
|
16826
|
+
import { jsx as jsx93, jsxs as jsxs61 } from "@emotion/react/jsx-runtime";
|
|
16769
16827
|
function ParameterDataResource({
|
|
16770
16828
|
label,
|
|
16771
16829
|
labelLeadingIcon,
|
|
@@ -16789,12 +16847,12 @@ function ParameterDataResource({
|
|
|
16789
16847
|
disabled: disabled2,
|
|
16790
16848
|
onClick: onConnectDatasource,
|
|
16791
16849
|
children: [
|
|
16792
|
-
/* @__PURE__ */
|
|
16850
|
+
/* @__PURE__ */ jsx93("span", { className: "advance-input-icon", css: [inputIcon2], children: /* @__PURE__ */ jsx93(Icon, { icon: "stack", iconColor: "currentColor", size: "1rem" }) }),
|
|
16793
16851
|
children
|
|
16794
16852
|
]
|
|
16795
16853
|
}
|
|
16796
16854
|
),
|
|
16797
|
-
caption ? /* @__PURE__ */
|
|
16855
|
+
caption ? /* @__PURE__ */ jsx93(Caption, { children: caption }) : null
|
|
16798
16856
|
] });
|
|
16799
16857
|
}
|
|
16800
16858
|
|
|
@@ -16820,12 +16878,12 @@ var ParameterDrawerHeaderTitle = css77`
|
|
|
16820
16878
|
`;
|
|
16821
16879
|
|
|
16822
16880
|
// src/components/ParameterInputs/ParameterDrawerHeader.tsx
|
|
16823
|
-
import { jsx as
|
|
16881
|
+
import { jsx as jsx94, jsxs as jsxs62 } from "@emotion/react/jsx-runtime";
|
|
16824
16882
|
var ParameterDrawerHeader = ({ title: title2, iconBeforeTitle, children }) => {
|
|
16825
16883
|
return /* @__PURE__ */ jsxs62("div", { css: ParameterDrawerHeaderContainer, children: [
|
|
16826
16884
|
/* @__PURE__ */ jsxs62("header", { css: ParameterDrawerHeaderTitleGroup, children: [
|
|
16827
16885
|
iconBeforeTitle,
|
|
16828
|
-
/* @__PURE__ */
|
|
16886
|
+
/* @__PURE__ */ jsx94(Heading, { level: 3, withMarginBottom: false, css: ParameterDrawerHeaderTitle, title: title2, children: title2 })
|
|
16829
16887
|
] }),
|
|
16830
16888
|
children
|
|
16831
16889
|
] });
|
|
@@ -16855,11 +16913,11 @@ var fieldsetLegend2 = css78`
|
|
|
16855
16913
|
`;
|
|
16856
16914
|
|
|
16857
16915
|
// src/components/ParameterInputs/ParameterGroup.tsx
|
|
16858
|
-
import { jsx as
|
|
16916
|
+
import { jsx as jsx95, jsxs as jsxs63 } from "@emotion/react/jsx-runtime";
|
|
16859
16917
|
var ParameterGroup = forwardRef11(
|
|
16860
16918
|
({ legend, isDisabled, children, ...props }, ref) => {
|
|
16861
16919
|
return /* @__PURE__ */ jsxs63("fieldset", { css: fieldsetStyles, disabled: isDisabled, ref, ...props, children: [
|
|
16862
|
-
/* @__PURE__ */
|
|
16920
|
+
/* @__PURE__ */ jsx95("legend", { css: fieldsetLegend2, children: legend }),
|
|
16863
16921
|
children
|
|
16864
16922
|
] });
|
|
16865
16923
|
}
|
|
@@ -16910,33 +16968,32 @@ var previewModalImage = css79`
|
|
|
16910
16968
|
`;
|
|
16911
16969
|
|
|
16912
16970
|
// src/components/ParameterInputs/ParameterImagePreview.tsx
|
|
16913
|
-
import { Fragment as Fragment13, jsx as
|
|
16971
|
+
import { Fragment as Fragment13, jsx as jsx96, jsxs as jsxs64 } from "@emotion/react/jsx-runtime";
|
|
16914
16972
|
function ParameterImagePreview({ imageSrc }) {
|
|
16915
16973
|
const [showModal, setShowModal] = useState9(false);
|
|
16916
16974
|
return imageSrc ? /* @__PURE__ */ jsxs64("div", { css: previewWrapper, children: [
|
|
16917
|
-
/* @__PURE__ */
|
|
16918
|
-
/* @__PURE__ */
|
|
16975
|
+
/* @__PURE__ */ jsx96(PreviewImageModal, { open: showModal, imageSrc, onRequestClose: () => setShowModal(false) }),
|
|
16976
|
+
/* @__PURE__ */ jsx96(
|
|
16919
16977
|
"button",
|
|
16920
16978
|
{
|
|
16921
16979
|
css: previewLink,
|
|
16922
16980
|
onClick: () => {
|
|
16923
16981
|
setShowModal(true);
|
|
16924
16982
|
},
|
|
16925
|
-
children: /* @__PURE__ */
|
|
16983
|
+
children: /* @__PURE__ */ jsx96(Image, { src: imageSrc, "data-testid": "parameter-image-preview" })
|
|
16926
16984
|
}
|
|
16927
16985
|
)
|
|
16928
16986
|
] }) : null;
|
|
16929
16987
|
}
|
|
16930
16988
|
var PreviewImageModal = ({ open, onRequestClose, imageSrc }) => {
|
|
16931
|
-
return open ? /* @__PURE__ */
|
|
16932
|
-
/* @__PURE__ */
|
|
16989
|
+
return open ? /* @__PURE__ */ jsx96(Fragment13, { children: createPortal2(
|
|
16990
|
+
/* @__PURE__ */ jsx96(
|
|
16933
16991
|
Modal,
|
|
16934
16992
|
{
|
|
16935
16993
|
header: "Image Preview",
|
|
16936
16994
|
onRequestClose,
|
|
16937
|
-
|
|
16938
|
-
|
|
16939
|
-
children: /* @__PURE__ */ jsx95("div", { css: previewModalWrapper, children: /* @__PURE__ */ jsx95(Image, { src: imageSrc, css: previewModalImage, "data-testid": "parameter-image-preview" }) })
|
|
16995
|
+
buttonGroup: /* @__PURE__ */ jsx96(Button, { buttonType: "secondary", onClick: onRequestClose, children: "Ok" }),
|
|
16996
|
+
children: /* @__PURE__ */ jsx96("div", { css: previewModalWrapper, children: /* @__PURE__ */ jsx96(Image, { src: imageSrc, css: previewModalImage, "data-testid": "parameter-image-preview" }) })
|
|
16940
16997
|
}
|
|
16941
16998
|
),
|
|
16942
16999
|
document.body
|
|
@@ -16948,21 +17005,21 @@ import { css as css81 } from "@emotion/react";
|
|
|
16948
17005
|
import { useState as useState10 } from "react";
|
|
16949
17006
|
|
|
16950
17007
|
// src/components/ParameterInputs/ParameterLabel.tsx
|
|
16951
|
-
import { jsx as
|
|
17008
|
+
import { jsx as jsx97 } from "@emotion/react/jsx-runtime";
|
|
16952
17009
|
var ParameterLabel = ({ id, asSpan, children, ...props }) => {
|
|
16953
|
-
return !asSpan ? /* @__PURE__ */
|
|
17010
|
+
return !asSpan ? /* @__PURE__ */ jsx97("label", { ...props, htmlFor: id, css: labelText2, children }) : /* @__PURE__ */ jsx97("span", { "aria-labelledby": id, css: labelText2, children });
|
|
16954
17011
|
};
|
|
16955
17012
|
|
|
16956
17013
|
// src/components/ParameterInputs/ParameterMenuButton.tsx
|
|
16957
17014
|
import { forwardRef as forwardRef12 } from "react";
|
|
16958
|
-
import { jsx as
|
|
17015
|
+
import { jsx as jsx98 } from "@emotion/react/jsx-runtime";
|
|
16959
17016
|
var ParameterMenuButton = forwardRef12(
|
|
16960
17017
|
({ label, children }, ref) => {
|
|
16961
|
-
return /* @__PURE__ */
|
|
17018
|
+
return /* @__PURE__ */ jsx98(
|
|
16962
17019
|
Menu,
|
|
16963
17020
|
{
|
|
16964
17021
|
menuLabel: `${label} menu`,
|
|
16965
|
-
menuTrigger: /* @__PURE__ */
|
|
17022
|
+
menuTrigger: /* @__PURE__ */ jsx98(
|
|
16966
17023
|
"button",
|
|
16967
17024
|
{
|
|
16968
17025
|
className: "parameter-menu",
|
|
@@ -16970,7 +17027,7 @@ var ParameterMenuButton = forwardRef12(
|
|
|
16970
17027
|
type: "button",
|
|
16971
17028
|
"aria-label": `${label} options`,
|
|
16972
17029
|
ref,
|
|
16973
|
-
children: /* @__PURE__ */
|
|
17030
|
+
children: /* @__PURE__ */ jsx98(Icon, { icon: "more-alt", iconColor: "currentColor", size: "0.9rem" })
|
|
16974
17031
|
}
|
|
16975
17032
|
),
|
|
16976
17033
|
children
|
|
@@ -16983,9 +17040,7 @@ var ParameterMenuButton = forwardRef12(
|
|
|
16983
17040
|
import { css as css80 } from "@emotion/react";
|
|
16984
17041
|
var emptyParameterShell = css80`
|
|
16985
17042
|
border-radius: var(--rounded-sm);
|
|
16986
|
-
background: var(--white);
|
|
16987
17043
|
flex-grow: 1;
|
|
16988
|
-
padding: var(--spacing-xs);
|
|
16989
17044
|
position: relative;
|
|
16990
17045
|
max-width: 100%;
|
|
16991
17046
|
`;
|
|
@@ -17008,7 +17063,7 @@ var overrideMarker = css80`
|
|
|
17008
17063
|
`;
|
|
17009
17064
|
|
|
17010
17065
|
// src/components/ParameterInputs/ParameterShell.tsx
|
|
17011
|
-
import { jsx as
|
|
17066
|
+
import { jsx as jsx99, jsxs as jsxs65 } from "@emotion/react/jsx-runtime";
|
|
17012
17067
|
var extractParameterProps = (props) => {
|
|
17013
17068
|
const {
|
|
17014
17069
|
id,
|
|
@@ -17083,7 +17138,7 @@ var ParameterShell = ({
|
|
|
17083
17138
|
labelTrailingIcon != null ? labelTrailingIcon : null
|
|
17084
17139
|
] }),
|
|
17085
17140
|
/* @__PURE__ */ jsxs65("div", { css: inputWrapper, children: [
|
|
17086
|
-
actionItems ? /* @__PURE__ */
|
|
17141
|
+
actionItems ? /* @__PURE__ */ jsx99(
|
|
17087
17142
|
"div",
|
|
17088
17143
|
{
|
|
17089
17144
|
css: [
|
|
@@ -17096,8 +17151,8 @@ var ParameterShell = ({
|
|
|
17096
17151
|
children: actionItems
|
|
17097
17152
|
}
|
|
17098
17153
|
) : null,
|
|
17099
|
-
menuItems ? /* @__PURE__ */
|
|
17100
|
-
/* @__PURE__ */
|
|
17154
|
+
menuItems ? /* @__PURE__ */ jsx99(ParameterMenuButton, { label: `${label} menu`, children: menuItems }) : null,
|
|
17155
|
+
/* @__PURE__ */ jsx99(
|
|
17101
17156
|
ParameterShellContext.Provider,
|
|
17102
17157
|
{
|
|
17103
17158
|
value: {
|
|
@@ -17107,31 +17162,38 @@ var ParameterShell = ({
|
|
|
17107
17162
|
errorMessage: errorMessaging,
|
|
17108
17163
|
handleManuallySetErrorMessage: (message) => setErrorMessage(message)
|
|
17109
17164
|
},
|
|
17110
|
-
children: isParameterGroup ? /* @__PURE__ */
|
|
17165
|
+
children: isParameterGroup ? /* @__PURE__ */ jsx99("div", { style: { flexGrow: 1 }, children }) : /* @__PURE__ */ jsxs65(ParameterShellPlaceholder, { children: [
|
|
17111
17166
|
children,
|
|
17112
|
-
hasOverriddenValue && onResetOverriddenValue ? /* @__PURE__ */
|
|
17167
|
+
hasOverriddenValue && onResetOverriddenValue ? /* @__PURE__ */ jsx99(ParameterOverrideMarker, { onClick: onResetOverriddenValue }) : null
|
|
17113
17168
|
] })
|
|
17114
17169
|
}
|
|
17115
17170
|
)
|
|
17116
17171
|
] }),
|
|
17117
|
-
|
|
17118
|
-
|
|
17119
|
-
|
|
17120
|
-
|
|
17172
|
+
/* @__PURE__ */ jsx99(
|
|
17173
|
+
FieldMessage,
|
|
17174
|
+
{
|
|
17175
|
+
helperMessageTestId: captionTestId,
|
|
17176
|
+
helperMessage: caption,
|
|
17177
|
+
errorTestId,
|
|
17178
|
+
errorMessage: errorMessaging,
|
|
17179
|
+
warningMessage,
|
|
17180
|
+
infoMessage
|
|
17181
|
+
}
|
|
17182
|
+
)
|
|
17121
17183
|
] });
|
|
17122
17184
|
};
|
|
17123
17185
|
var ParameterShellPlaceholder = ({ children }) => {
|
|
17124
|
-
return /* @__PURE__ */
|
|
17186
|
+
return /* @__PURE__ */ jsx99("div", { css: emptyParameterShell, children });
|
|
17125
17187
|
};
|
|
17126
|
-
var ParameterOverrideMarker = (props) => /* @__PURE__ */
|
|
17188
|
+
var ParameterOverrideMarker = (props) => /* @__PURE__ */ jsx99(Tooltip, { title: "The default value has been overridden", children: /* @__PURE__ */ jsx99("button", { type: "button", css: overrideMarker, ...props, children: /* @__PURE__ */ jsx99("span", { hidden: true, children: "reset overridden value to default" }) }) });
|
|
17127
17189
|
|
|
17128
17190
|
// src/components/ParameterInputs/ParameterImage.tsx
|
|
17129
|
-
import { Fragment as Fragment14, jsx as
|
|
17191
|
+
import { Fragment as Fragment14, jsx as jsx100, jsxs as jsxs66 } from "@emotion/react/jsx-runtime";
|
|
17130
17192
|
var ParameterImage = forwardRef13(
|
|
17131
17193
|
({ children, ...props }, ref) => {
|
|
17132
17194
|
const { shellProps, innerProps } = extractParameterProps(props);
|
|
17133
17195
|
return /* @__PURE__ */ jsxs66(ParameterShell, { "data-test-id": "parameter-image", ...shellProps, children: [
|
|
17134
|
-
/* @__PURE__ */
|
|
17196
|
+
/* @__PURE__ */ jsx100(ParameterImageInner, { ref, ...innerProps }),
|
|
17135
17197
|
children
|
|
17136
17198
|
] });
|
|
17137
17199
|
}
|
|
@@ -17141,7 +17203,7 @@ var ParameterImageInner = forwardRef13((props, ref) => {
|
|
|
17141
17203
|
const { id, label, hiddenLabel, errorMessage } = useParameterShell();
|
|
17142
17204
|
const deferredValue = useDeferredValue(value);
|
|
17143
17205
|
return /* @__PURE__ */ jsxs66(Fragment14, { children: [
|
|
17144
|
-
/* @__PURE__ */
|
|
17206
|
+
/* @__PURE__ */ jsx100(
|
|
17145
17207
|
"input",
|
|
17146
17208
|
{
|
|
17147
17209
|
css: input2,
|
|
@@ -17153,21 +17215,21 @@ var ParameterImageInner = forwardRef13((props, ref) => {
|
|
|
17153
17215
|
...props
|
|
17154
17216
|
}
|
|
17155
17217
|
),
|
|
17156
|
-
errorMessage || props.disablePreview ? null : /* @__PURE__ */
|
|
17218
|
+
errorMessage || props.disablePreview ? null : /* @__PURE__ */ jsx100(ParameterImagePreview, { imageSrc: deferredValue })
|
|
17157
17219
|
] });
|
|
17158
17220
|
});
|
|
17159
17221
|
|
|
17160
17222
|
// src/components/ParameterInputs/ParameterInput.tsx
|
|
17161
17223
|
import { forwardRef as forwardRef14 } from "react";
|
|
17162
|
-
import { jsx as
|
|
17224
|
+
import { jsx as jsx101 } from "@emotion/react/jsx-runtime";
|
|
17163
17225
|
var ParameterInput = forwardRef14((props, ref) => {
|
|
17164
17226
|
const { shellProps, innerProps } = extractParameterProps(props);
|
|
17165
|
-
return /* @__PURE__ */
|
|
17227
|
+
return /* @__PURE__ */ jsx101(ParameterShell, { "data-testid": "parameter-input", ...shellProps, children: /* @__PURE__ */ jsx101(ParameterInputInner, { ref, ...innerProps }) });
|
|
17166
17228
|
});
|
|
17167
17229
|
var ParameterInputInner = forwardRef14(
|
|
17168
17230
|
({ ...props }, ref) => {
|
|
17169
17231
|
const { id, label, hiddenLabel } = useParameterShell();
|
|
17170
|
-
return /* @__PURE__ */
|
|
17232
|
+
return /* @__PURE__ */ jsx101(
|
|
17171
17233
|
"input",
|
|
17172
17234
|
{
|
|
17173
17235
|
css: input2,
|
|
@@ -17184,18 +17246,18 @@ var ParameterInputInner = forwardRef14(
|
|
|
17184
17246
|
|
|
17185
17247
|
// src/components/ParameterInputs/ParameterLink.tsx
|
|
17186
17248
|
import { forwardRef as forwardRef15 } from "react";
|
|
17187
|
-
import { jsx as
|
|
17249
|
+
import { jsx as jsx102, jsxs as jsxs67 } from "@emotion/react/jsx-runtime";
|
|
17188
17250
|
var ParameterLink = forwardRef15(
|
|
17189
17251
|
({ disabled: disabled2, onConnectLink, externalLink, ...props }, ref) => {
|
|
17190
17252
|
const { shellProps, innerProps } = extractParameterProps(props);
|
|
17191
|
-
return /* @__PURE__ */
|
|
17253
|
+
return /* @__PURE__ */ jsx102(
|
|
17192
17254
|
ParameterShell,
|
|
17193
17255
|
{
|
|
17194
17256
|
"data-testid": "link-parameter-editor",
|
|
17195
17257
|
...shellProps,
|
|
17196
17258
|
label: innerProps.value ? shellProps.label : "",
|
|
17197
17259
|
title: !innerProps.value ? shellProps.label : void 0,
|
|
17198
|
-
children: /* @__PURE__ */
|
|
17260
|
+
children: /* @__PURE__ */ jsx102(
|
|
17199
17261
|
ParameterLinkInner,
|
|
17200
17262
|
{
|
|
17201
17263
|
onConnectLink,
|
|
@@ -17212,9 +17274,9 @@ var ParameterLinkInner = forwardRef15(
|
|
|
17212
17274
|
({ externalLink, onConnectLink, disabled: disabled2, buttonText = "Select link", ...props }, ref) => {
|
|
17213
17275
|
const { id, label, hiddenLabel } = useParameterShell();
|
|
17214
17276
|
if (!props.value)
|
|
17215
|
-
return /* @__PURE__ */
|
|
17277
|
+
return /* @__PURE__ */ jsx102("button", { type: "button", css: dataConnectButton, disabled: disabled2, onClick: onConnectLink, children: buttonText });
|
|
17216
17278
|
return /* @__PURE__ */ jsxs67("div", { css: inputWrapper, children: [
|
|
17217
|
-
/* @__PURE__ */
|
|
17279
|
+
/* @__PURE__ */ jsx102(
|
|
17218
17280
|
"input",
|
|
17219
17281
|
{
|
|
17220
17282
|
type: "text",
|
|
@@ -17227,7 +17289,7 @@ var ParameterLinkInner = forwardRef15(
|
|
|
17227
17289
|
}
|
|
17228
17290
|
),
|
|
17229
17291
|
/* @__PURE__ */ jsxs67("div", { css: linkParameterControls, children: [
|
|
17230
|
-
/* @__PURE__ */
|
|
17292
|
+
/* @__PURE__ */ jsx102(
|
|
17231
17293
|
"button",
|
|
17232
17294
|
{
|
|
17233
17295
|
type: "button",
|
|
@@ -17238,7 +17300,7 @@ var ParameterLinkInner = forwardRef15(
|
|
|
17238
17300
|
children: "edit"
|
|
17239
17301
|
}
|
|
17240
17302
|
),
|
|
17241
|
-
externalLink ? /* @__PURE__ */
|
|
17303
|
+
externalLink ? /* @__PURE__ */ jsx102(
|
|
17242
17304
|
"a",
|
|
17243
17305
|
{
|
|
17244
17306
|
href: externalLink,
|
|
@@ -17246,7 +17308,7 @@ var ParameterLinkInner = forwardRef15(
|
|
|
17246
17308
|
title: "Open link in new tab",
|
|
17247
17309
|
target: "_blank",
|
|
17248
17310
|
rel: "noopener noreferrer",
|
|
17249
|
-
children: /* @__PURE__ */
|
|
17311
|
+
children: /* @__PURE__ */ jsx102(Icon, { icon: "arrows-expand-up-right", iconColor: "currentColor", size: "1rem" })
|
|
17250
17312
|
}
|
|
17251
17313
|
) : null
|
|
17252
17314
|
] })
|
|
@@ -17255,7 +17317,7 @@ var ParameterLinkInner = forwardRef15(
|
|
|
17255
17317
|
);
|
|
17256
17318
|
|
|
17257
17319
|
// src/components/ParameterInputs/ParameterNameAndPublicIdInput.tsx
|
|
17258
|
-
import { Fragment as Fragment15, jsx as
|
|
17320
|
+
import { Fragment as Fragment15, jsx as jsx103, jsxs as jsxs68 } from "@emotion/react/jsx-runtime";
|
|
17259
17321
|
var ParameterNameAndPublicIdInput = ({
|
|
17260
17322
|
id,
|
|
17261
17323
|
onBlur,
|
|
@@ -17282,7 +17344,7 @@ var ParameterNameAndPublicIdInput = ({
|
|
|
17282
17344
|
};
|
|
17283
17345
|
autoFocus == null ? void 0 : autoFocus();
|
|
17284
17346
|
return /* @__PURE__ */ jsxs68(Fragment15, { children: [
|
|
17285
|
-
/* @__PURE__ */
|
|
17347
|
+
/* @__PURE__ */ jsx103(
|
|
17286
17348
|
ParameterInput,
|
|
17287
17349
|
{
|
|
17288
17350
|
id: nameIdField,
|
|
@@ -17301,7 +17363,7 @@ var ParameterNameAndPublicIdInput = ({
|
|
|
17301
17363
|
value: values[nameIdField]
|
|
17302
17364
|
}
|
|
17303
17365
|
),
|
|
17304
|
-
/* @__PURE__ */
|
|
17366
|
+
/* @__PURE__ */ jsx103(
|
|
17305
17367
|
ParameterInput,
|
|
17306
17368
|
{
|
|
17307
17369
|
id: publicIdFieldName,
|
|
@@ -17315,11 +17377,11 @@ var ParameterNameAndPublicIdInput = ({
|
|
|
17315
17377
|
caption: !publicIdError ? publicIdCaption : void 0,
|
|
17316
17378
|
placeholder: publicIdPlaceholderText,
|
|
17317
17379
|
errorMessage: publicIdError,
|
|
17318
|
-
menuItems: /* @__PURE__ */
|
|
17380
|
+
menuItems: /* @__PURE__ */ jsx103(
|
|
17319
17381
|
MenuItem,
|
|
17320
17382
|
{
|
|
17321
17383
|
disabled: !values[publicIdFieldName],
|
|
17322
|
-
icon: /* @__PURE__ */
|
|
17384
|
+
icon: /* @__PURE__ */ jsx103(Icon, { icon: "path-trim", iconColor: "currentColor" }),
|
|
17323
17385
|
onClick: handleCopyPidFieldValue,
|
|
17324
17386
|
children: "Copy"
|
|
17325
17387
|
}
|
|
@@ -17327,7 +17389,7 @@ var ParameterNameAndPublicIdInput = ({
|
|
|
17327
17389
|
value: values[publicIdFieldName]
|
|
17328
17390
|
}
|
|
17329
17391
|
),
|
|
17330
|
-
(warnOverLength == null ? void 0 : warnOverLength.length) && values[publicIdFieldName].length > warnOverLength.length ? /* @__PURE__ */
|
|
17392
|
+
(warnOverLength == null ? void 0 : warnOverLength.length) && values[publicIdFieldName].length > warnOverLength.length ? /* @__PURE__ */ jsx103(Callout, { type: "caution", children: warnOverLength.message }) : null
|
|
17331
17393
|
] });
|
|
17332
17394
|
};
|
|
17333
17395
|
|
|
@@ -17717,7 +17779,7 @@ var getSelectedNode = (selection) => {
|
|
|
17717
17779
|
};
|
|
17718
17780
|
|
|
17719
17781
|
// src/components/ParameterInputs/rich-text/LinkNodePlugin.tsx
|
|
17720
|
-
import { Fragment as Fragment16, jsx as
|
|
17782
|
+
import { Fragment as Fragment16, jsx as jsx104, jsxs as jsxs69 } from "@emotion/react/jsx-runtime";
|
|
17721
17783
|
var isProjectMapLinkValue = (value) => {
|
|
17722
17784
|
return (value == null ? void 0 : value.type) === "projectMapNode" && Boolean(
|
|
17723
17785
|
value.nodeId && value.path && value.projectMapId
|
|
@@ -18161,7 +18223,7 @@ function LinkNodePlugin({ onConnectLink, getBoundPath }) {
|
|
|
18161
18223
|
});
|
|
18162
18224
|
};
|
|
18163
18225
|
return /* @__PURE__ */ jsxs69(Fragment16, { children: [
|
|
18164
|
-
/* @__PURE__ */
|
|
18226
|
+
/* @__PURE__ */ jsx104(
|
|
18165
18227
|
NodeEventPlugin,
|
|
18166
18228
|
{
|
|
18167
18229
|
nodeType: LinkNode,
|
|
@@ -18171,7 +18233,7 @@ function LinkNodePlugin({ onConnectLink, getBoundPath }) {
|
|
|
18171
18233
|
}
|
|
18172
18234
|
}
|
|
18173
18235
|
),
|
|
18174
|
-
linkPopoverState ? /* @__PURE__ */
|
|
18236
|
+
linkPopoverState ? /* @__PURE__ */ jsx104(
|
|
18175
18237
|
"div",
|
|
18176
18238
|
{
|
|
18177
18239
|
css: linkPopover,
|
|
@@ -18181,7 +18243,7 @@ function LinkNodePlugin({ onConnectLink, getBoundPath }) {
|
|
|
18181
18243
|
},
|
|
18182
18244
|
ref: linkPopoverElRef,
|
|
18183
18245
|
children: /* @__PURE__ */ jsxs69("div", { css: linkPopoverContainer, children: [
|
|
18184
|
-
linkPopoverState.node.__link.type === "projectMapNode" ? linkPopoverState.node.__link.path : /* @__PURE__ */
|
|
18246
|
+
linkPopoverState.node.__link.type === "projectMapNode" ? linkPopoverState.node.__link.path : /* @__PURE__ */ jsx104(
|
|
18185
18247
|
"a",
|
|
18186
18248
|
{
|
|
18187
18249
|
href: parsePath(
|
|
@@ -18193,7 +18255,7 @@ function LinkNodePlugin({ onConnectLink, getBoundPath }) {
|
|
|
18193
18255
|
children: parsePath(linkPopoverState.node.__link.path)
|
|
18194
18256
|
}
|
|
18195
18257
|
),
|
|
18196
|
-
/* @__PURE__ */
|
|
18258
|
+
/* @__PURE__ */ jsx104(
|
|
18197
18259
|
Button,
|
|
18198
18260
|
{
|
|
18199
18261
|
size: "xs",
|
|
@@ -18201,7 +18263,7 @@ function LinkNodePlugin({ onConnectLink, getBoundPath }) {
|
|
|
18201
18263
|
onEditLinkNode(linkPopoverState.node);
|
|
18202
18264
|
},
|
|
18203
18265
|
buttonType: "ghost",
|
|
18204
|
-
children: /* @__PURE__ */
|
|
18266
|
+
children: /* @__PURE__ */ jsx104(Icon, { icon: "pen", size: "1rem", title: "Edit link" })
|
|
18205
18267
|
}
|
|
18206
18268
|
)
|
|
18207
18269
|
] })
|
|
@@ -18226,7 +18288,7 @@ import {
|
|
|
18226
18288
|
INDENT_CONTENT_COMMAND
|
|
18227
18289
|
} from "lexical";
|
|
18228
18290
|
import { useEffect as useEffect13 } from "react";
|
|
18229
|
-
import { jsx as
|
|
18291
|
+
import { jsx as jsx105 } from "@emotion/react/jsx-runtime";
|
|
18230
18292
|
function isIndentPermitted(maxDepth) {
|
|
18231
18293
|
const selection = $getSelection2();
|
|
18232
18294
|
if (!$isRangeSelection2(selection)) {
|
|
@@ -18256,7 +18318,7 @@ function ListIndentPlugin({ maxDepth }) {
|
|
|
18256
18318
|
COMMAND_PRIORITY_CRITICAL
|
|
18257
18319
|
);
|
|
18258
18320
|
}, [editor, maxDepth]);
|
|
18259
|
-
return /* @__PURE__ */
|
|
18321
|
+
return /* @__PURE__ */ jsx105(TabIndentationPlugin, {});
|
|
18260
18322
|
}
|
|
18261
18323
|
|
|
18262
18324
|
// src/components/ParameterInputs/rich-text/RichTextToolbar.tsx
|
|
@@ -18283,7 +18345,7 @@ import {
|
|
|
18283
18345
|
SELECTION_CHANGE_COMMAND
|
|
18284
18346
|
} from "lexical";
|
|
18285
18347
|
import { useCallback as useCallback6, useEffect as useEffect14, useMemo as useMemo3, useState as useState12 } from "react";
|
|
18286
|
-
import { Fragment as Fragment17, jsx as
|
|
18348
|
+
import { Fragment as Fragment17, jsx as jsx106, jsxs as jsxs70 } from "@emotion/react/jsx-runtime";
|
|
18287
18349
|
var toolbar = css84`
|
|
18288
18350
|
background: var(--gray-50);
|
|
18289
18351
|
border-radius: var(--rounded-base);
|
|
@@ -18335,7 +18397,7 @@ var toolbarChevron = css84`
|
|
|
18335
18397
|
margin-left: var(--spacing-xs);
|
|
18336
18398
|
`;
|
|
18337
18399
|
var RichTextToolbarIcon = ({ icon }) => {
|
|
18338
|
-
return /* @__PURE__ */
|
|
18400
|
+
return /* @__PURE__ */ jsx106(Icon, { icon, css: toolbarIcon, size: "1rem" });
|
|
18339
18401
|
};
|
|
18340
18402
|
var FORMATS_WITH_ICON = /* @__PURE__ */ new Map([
|
|
18341
18403
|
["bold", "format-bold"],
|
|
@@ -18452,7 +18514,7 @@ var RichTextToolbar = ({ config, customControls }) => {
|
|
|
18452
18514
|
menuTrigger: /* @__PURE__ */ jsxs70("button", { css: richTextToolbarButton, title: "Text styles", children: [
|
|
18453
18515
|
visibleTextualElements.some((element) => element.type === activeElement) ? getLabelForElement(activeElement) : getLabelForElement("paragraph"),
|
|
18454
18516
|
" ",
|
|
18455
|
-
/* @__PURE__ */
|
|
18517
|
+
/* @__PURE__ */ jsx106(Icon, { icon: "chevron-down", css: [toolbarIcon, toolbarChevron], size: "1rem" })
|
|
18456
18518
|
] }),
|
|
18457
18519
|
placement: "bottom-start",
|
|
18458
18520
|
children: [
|
|
@@ -18462,7 +18524,7 @@ var RichTextToolbar = ({ config, customControls }) => {
|
|
|
18462
18524
|
type: "paragraph"
|
|
18463
18525
|
},
|
|
18464
18526
|
...visibleTextualElements
|
|
18465
|
-
].map((element) => /* @__PURE__ */
|
|
18527
|
+
].map((element) => /* @__PURE__ */ jsx106(
|
|
18466
18528
|
MenuItem,
|
|
18467
18529
|
{
|
|
18468
18530
|
onClick: () => {
|
|
@@ -18472,12 +18534,12 @@ var RichTextToolbar = ({ config, customControls }) => {
|
|
|
18472
18534
|
},
|
|
18473
18535
|
element.type
|
|
18474
18536
|
)),
|
|
18475
|
-
visibleTextualElements.length === 0 ? /* @__PURE__ */
|
|
18537
|
+
visibleTextualElements.length === 0 ? /* @__PURE__ */ jsx106(MenuItem, { disabled: true, children: "Alternative text styles are not available" }) : null
|
|
18476
18538
|
]
|
|
18477
18539
|
}
|
|
18478
18540
|
),
|
|
18479
18541
|
visibleFormatsWithIcon.length > 0 || visibleFormatsWithoutIcon.length > 0 ? /* @__PURE__ */ jsxs70("div", { css: toolbarGroup, children: [
|
|
18480
|
-
visibleFormatsWithIcon.map((format) => /* @__PURE__ */
|
|
18542
|
+
visibleFormatsWithIcon.map((format) => /* @__PURE__ */ jsx106(Tooltip, { title: format.label, placement: "top", children: /* @__PURE__ */ jsx106(
|
|
18481
18543
|
"button",
|
|
18482
18544
|
{
|
|
18483
18545
|
onClick: () => {
|
|
@@ -18487,16 +18549,16 @@ var RichTextToolbar = ({ config, customControls }) => {
|
|
|
18487
18549
|
richTextToolbarButton,
|
|
18488
18550
|
activeFormats.includes(format.type) ? richTextToolbarButtonActive : null
|
|
18489
18551
|
],
|
|
18490
|
-
children: /* @__PURE__ */
|
|
18552
|
+
children: /* @__PURE__ */ jsx106(RichTextToolbarIcon, { icon: FORMATS_WITH_ICON.get(format.type) })
|
|
18491
18553
|
}
|
|
18492
18554
|
) }, format.type)),
|
|
18493
|
-
visibleFormatsWithoutIcon.length > 0 ? /* @__PURE__ */
|
|
18555
|
+
visibleFormatsWithoutIcon.length > 0 ? /* @__PURE__ */ jsx106(
|
|
18494
18556
|
Menu,
|
|
18495
18557
|
{
|
|
18496
18558
|
menuLabel: "Alternative text styles",
|
|
18497
|
-
menuTrigger: /* @__PURE__ */
|
|
18559
|
+
menuTrigger: /* @__PURE__ */ jsx106("button", { css: richTextToolbarButton, title: "Alternative text styles", children: /* @__PURE__ */ jsx106(Icon, { icon: "more-alt", css: toolbarIcon }) }),
|
|
18498
18560
|
placement: "bottom-start",
|
|
18499
|
-
children: visibleFormatsWithoutIcon.map((format) => /* @__PURE__ */
|
|
18561
|
+
children: visibleFormatsWithoutIcon.map((format) => /* @__PURE__ */ jsx106(
|
|
18500
18562
|
MenuItem,
|
|
18501
18563
|
{
|
|
18502
18564
|
onClick: () => {
|
|
@@ -18510,18 +18572,18 @@ var RichTextToolbar = ({ config, customControls }) => {
|
|
|
18510
18572
|
) : null
|
|
18511
18573
|
] }) : null,
|
|
18512
18574
|
visibleElementsWithIcons.size > 0 ? /* @__PURE__ */ jsxs70("div", { css: toolbarGroup, children: [
|
|
18513
|
-
linkElementVisible ? /* @__PURE__ */
|
|
18575
|
+
linkElementVisible ? /* @__PURE__ */ jsx106(Tooltip, { title: "Link", placement: "top", children: /* @__PURE__ */ jsx106(
|
|
18514
18576
|
"button",
|
|
18515
18577
|
{
|
|
18516
18578
|
onClick: () => {
|
|
18517
18579
|
isLink ? editor.dispatchCommand(REMOVE_LINK_NODE_COMMAND, {}) : editor.dispatchCommand(OPEN_LINK_NODE_MODAL_COMMAND, {});
|
|
18518
18580
|
},
|
|
18519
18581
|
css: [richTextToolbarButton, isLink ? richTextToolbarButtonActive : null],
|
|
18520
|
-
children: /* @__PURE__ */
|
|
18582
|
+
children: /* @__PURE__ */ jsx106(RichTextToolbarIcon, { icon: "link" })
|
|
18521
18583
|
}
|
|
18522
18584
|
) }) : null,
|
|
18523
18585
|
visibleLists.size > 0 ? /* @__PURE__ */ jsxs70(Fragment17, { children: [
|
|
18524
|
-
visibleLists.has("unorderedList") ? /* @__PURE__ */
|
|
18586
|
+
visibleLists.has("unorderedList") ? /* @__PURE__ */ jsx106(Tooltip, { title: "Bullet List", placement: "top", children: /* @__PURE__ */ jsx106(
|
|
18525
18587
|
"button",
|
|
18526
18588
|
{
|
|
18527
18589
|
onClick: () => {
|
|
@@ -18531,10 +18593,10 @@ var RichTextToolbar = ({ config, customControls }) => {
|
|
|
18531
18593
|
richTextToolbarButton,
|
|
18532
18594
|
activeElement === "unorderedList" ? richTextToolbarButtonActive : null
|
|
18533
18595
|
],
|
|
18534
|
-
children: /* @__PURE__ */
|
|
18596
|
+
children: /* @__PURE__ */ jsx106(RichTextToolbarIcon, { icon: "layout-list" })
|
|
18535
18597
|
}
|
|
18536
18598
|
) }) : null,
|
|
18537
|
-
visibleLists.has("orderedList") ? /* @__PURE__ */
|
|
18599
|
+
visibleLists.has("orderedList") ? /* @__PURE__ */ jsx106(Tooltip, { title: "Ordered List", placement: "top", children: /* @__PURE__ */ jsx106(
|
|
18538
18600
|
"button",
|
|
18539
18601
|
{
|
|
18540
18602
|
onClick: () => {
|
|
@@ -18544,32 +18606,32 @@ var RichTextToolbar = ({ config, customControls }) => {
|
|
|
18544
18606
|
richTextToolbarButton,
|
|
18545
18607
|
activeElement === "orderedList" ? richTextToolbarButtonActive : null
|
|
18546
18608
|
],
|
|
18547
|
-
children: /* @__PURE__ */
|
|
18609
|
+
children: /* @__PURE__ */ jsx106(RichTextToolbarIcon, { icon: "layout-list-numbered" })
|
|
18548
18610
|
}
|
|
18549
18611
|
) }) : null
|
|
18550
18612
|
] }) : null,
|
|
18551
|
-
quoteElementVisible ? /* @__PURE__ */
|
|
18613
|
+
quoteElementVisible ? /* @__PURE__ */ jsx106(Tooltip, { title: "Blockquote", placement: "top", children: /* @__PURE__ */ jsx106(
|
|
18552
18614
|
"button",
|
|
18553
18615
|
{
|
|
18554
18616
|
onClick: () => {
|
|
18555
18617
|
activeElement === "quote" ? onSelectElement("paragraph") : onSelectElement("quote");
|
|
18556
18618
|
},
|
|
18557
18619
|
css: [richTextToolbarButton, activeElement === "quote" ? richTextToolbarButtonActive : null],
|
|
18558
|
-
children: /* @__PURE__ */
|
|
18620
|
+
children: /* @__PURE__ */ jsx106(RichTextToolbarIcon, { icon: "quote" })
|
|
18559
18621
|
}
|
|
18560
18622
|
) }) : null,
|
|
18561
|
-
codeElementVisible ? /* @__PURE__ */
|
|
18623
|
+
codeElementVisible ? /* @__PURE__ */ jsx106(Tooltip, { title: "Code Block", placement: "top", children: /* @__PURE__ */ jsx106(
|
|
18562
18624
|
"button",
|
|
18563
18625
|
{
|
|
18564
18626
|
onClick: () => {
|
|
18565
18627
|
activeElement === "code" ? onSelectElement("paragraph") : onSelectElement("code");
|
|
18566
18628
|
},
|
|
18567
18629
|
css: [richTextToolbarButton, activeElement === "code" ? richTextToolbarButtonActive : null],
|
|
18568
|
-
children: /* @__PURE__ */
|
|
18630
|
+
children: /* @__PURE__ */ jsx106(RichTextToolbarIcon, { icon: "code-slash" })
|
|
18569
18631
|
}
|
|
18570
18632
|
) }) : null
|
|
18571
18633
|
] }) : null,
|
|
18572
|
-
customControls ? /* @__PURE__ */
|
|
18634
|
+
customControls ? /* @__PURE__ */ jsx106("div", { css: toolbarGroup, children: customControls }) : null
|
|
18573
18635
|
] });
|
|
18574
18636
|
};
|
|
18575
18637
|
var RichTextToolbar_default = RichTextToolbar;
|
|
@@ -18683,7 +18745,7 @@ var useRichTextToolbarState = ({ config }) => {
|
|
|
18683
18745
|
};
|
|
18684
18746
|
|
|
18685
18747
|
// src/components/ParameterInputs/ParameterRichText.tsx
|
|
18686
|
-
import { Fragment as Fragment18, jsx as
|
|
18748
|
+
import { Fragment as Fragment18, jsx as jsx107, jsxs as jsxs71 } from "@emotion/react/jsx-runtime";
|
|
18687
18749
|
var ParameterRichText = ({
|
|
18688
18750
|
label,
|
|
18689
18751
|
labelLeadingIcon,
|
|
@@ -18722,7 +18784,7 @@ var ParameterRichText = ({
|
|
|
18722
18784
|
captionTestId,
|
|
18723
18785
|
menuItems,
|
|
18724
18786
|
children: [
|
|
18725
|
-
/* @__PURE__ */
|
|
18787
|
+
/* @__PURE__ */ jsx107(
|
|
18726
18788
|
ParameterRichTextInner,
|
|
18727
18789
|
{
|
|
18728
18790
|
value,
|
|
@@ -18740,7 +18802,7 @@ var ParameterRichText = ({
|
|
|
18740
18802
|
children
|
|
18741
18803
|
}
|
|
18742
18804
|
),
|
|
18743
|
-
menuItems ? /* @__PURE__ */
|
|
18805
|
+
menuItems ? /* @__PURE__ */ jsx107(ParameterMenuButton, { label: `${label} menu`, children: /* @__PURE__ */ jsx107(Fragment18, { children: menuItems }) }) : null
|
|
18744
18806
|
]
|
|
18745
18807
|
}
|
|
18746
18808
|
);
|
|
@@ -18769,20 +18831,20 @@ var editorPlaceholder = css85`
|
|
|
18769
18831
|
`;
|
|
18770
18832
|
var editorInput = css85`
|
|
18771
18833
|
background: var(--white);
|
|
18772
|
-
border: 1px solid var(--
|
|
18834
|
+
border: 1px solid var(--gray-200);
|
|
18773
18835
|
border-radius: var(--rounded-sm);
|
|
18774
18836
|
color: var(--gray-900);
|
|
18775
18837
|
flex-grow: 1;
|
|
18776
18838
|
font-size: var(--fs-base);
|
|
18777
18839
|
line-height: 1.2;
|
|
18778
18840
|
min-height: 2rem;
|
|
18779
|
-
padding: var(--spacing-
|
|
18841
|
+
padding: var(--spacing-sm);
|
|
18780
18842
|
|
|
18781
18843
|
&:focus,
|
|
18782
18844
|
&:focus-within {
|
|
18783
18845
|
border-radius: var(--rounded-md);
|
|
18784
|
-
box-shadow:
|
|
18785
|
-
border: 1px solid var(--
|
|
18846
|
+
box-shadow: var(--elevation-100);
|
|
18847
|
+
border: 1px solid var(--accent-dark-hover);
|
|
18786
18848
|
outline: none;
|
|
18787
18849
|
}
|
|
18788
18850
|
`;
|
|
@@ -18852,7 +18914,7 @@ var ParameterRichTextInner = ({
|
|
|
18852
18914
|
editable: !readOnly
|
|
18853
18915
|
};
|
|
18854
18916
|
return /* @__PURE__ */ jsxs71(Fragment18, { children: [
|
|
18855
|
-
/* @__PURE__ */
|
|
18917
|
+
/* @__PURE__ */ jsx107("div", { css: [editorWrapper], className: editorWrapperClassName, children: /* @__PURE__ */ jsx107(LexicalComposer, { initialConfig: lexicalConfig, children: /* @__PURE__ */ jsx107(
|
|
18856
18918
|
RichText,
|
|
18857
18919
|
{
|
|
18858
18920
|
onChange,
|
|
@@ -18908,20 +18970,23 @@ var RichText = ({
|
|
|
18908
18970
|
removeUpdateListener();
|
|
18909
18971
|
};
|
|
18910
18972
|
}, [editor, onChange]);
|
|
18973
|
+
useEffect15(() => {
|
|
18974
|
+
editor.setEditable(!readOnly);
|
|
18975
|
+
}, [editor, readOnly]);
|
|
18911
18976
|
return /* @__PURE__ */ jsxs71(Fragment18, { children: [
|
|
18912
|
-
readOnly ? null : /* @__PURE__ */
|
|
18977
|
+
readOnly ? null : /* @__PURE__ */ jsx107(RichTextToolbar_default, { config, customControls }),
|
|
18913
18978
|
/* @__PURE__ */ jsxs71("div", { css: editorContainer, ref: editorContainerRef, "data-testid": "value-container", children: [
|
|
18914
|
-
/* @__PURE__ */
|
|
18979
|
+
/* @__PURE__ */ jsx107(
|
|
18915
18980
|
RichTextPlugin,
|
|
18916
18981
|
{
|
|
18917
|
-
contentEditable: /* @__PURE__ */
|
|
18918
|
-
placeholder: /* @__PURE__ */
|
|
18982
|
+
contentEditable: /* @__PURE__ */ jsx107(ContentEditable, { css: editorInput, className: editorInputClassName }),
|
|
18983
|
+
placeholder: /* @__PURE__ */ jsx107("div", { css: editorPlaceholder, children: readOnly ? "empty" : "start editing..." }),
|
|
18919
18984
|
ErrorBoundary: LexicalErrorBoundary
|
|
18920
18985
|
}
|
|
18921
18986
|
),
|
|
18922
|
-
/* @__PURE__ */
|
|
18923
|
-
readOnly ? null : /* @__PURE__ */
|
|
18924
|
-
/* @__PURE__ */
|
|
18987
|
+
/* @__PURE__ */ jsx107(ListPlugin, {}),
|
|
18988
|
+
readOnly ? null : /* @__PURE__ */ jsx107(HistoryPlugin, {}),
|
|
18989
|
+
/* @__PURE__ */ jsx107(
|
|
18925
18990
|
LinkNodePlugin,
|
|
18926
18991
|
{
|
|
18927
18992
|
onConnectLink: onConnectLink ? onConnectLink : () => Promise.resolve(),
|
|
@@ -18931,21 +18996,21 @@ var RichText = ({
|
|
|
18931
18996
|
} : void 0
|
|
18932
18997
|
}
|
|
18933
18998
|
),
|
|
18934
|
-
/* @__PURE__ */
|
|
18935
|
-
/* @__PURE__ */
|
|
18936
|
-
/* @__PURE__ */
|
|
18937
|
-
/* @__PURE__ */
|
|
18999
|
+
/* @__PURE__ */ jsx107(ListIndentPlugin, { maxDepth: 4 }),
|
|
19000
|
+
/* @__PURE__ */ jsx107(DisableStylesPlugin, {}),
|
|
19001
|
+
/* @__PURE__ */ jsx107(MarkdownShortcutPlugin, { transformers: MARKDOWN_TRANSFORMERS }),
|
|
19002
|
+
/* @__PURE__ */ jsx107(Fragment18, { children })
|
|
18938
19003
|
] })
|
|
18939
19004
|
] });
|
|
18940
19005
|
};
|
|
18941
19006
|
|
|
18942
19007
|
// src/components/ParameterInputs/ParameterSelect.tsx
|
|
18943
19008
|
import { forwardRef as forwardRef16 } from "react";
|
|
18944
|
-
import { jsx as
|
|
19009
|
+
import { jsx as jsx108, jsxs as jsxs72 } from "@emotion/react/jsx-runtime";
|
|
18945
19010
|
var ParameterSelect = forwardRef16(
|
|
18946
19011
|
({ defaultOption, options, ...props }, ref) => {
|
|
18947
19012
|
const { shellProps, innerProps } = extractParameterProps(props);
|
|
18948
|
-
return /* @__PURE__ */
|
|
19013
|
+
return /* @__PURE__ */ jsx108(ParameterShell, { ...shellProps, children: /* @__PURE__ */ jsx108(ParameterSelectInner, { options, defaultOption, ...innerProps, ref }) });
|
|
18949
19014
|
}
|
|
18950
19015
|
);
|
|
18951
19016
|
var ParameterSelectInner = forwardRef16(
|
|
@@ -18960,10 +19025,10 @@ var ParameterSelectInner = forwardRef16(
|
|
|
18960
19025
|
ref,
|
|
18961
19026
|
...props,
|
|
18962
19027
|
children: [
|
|
18963
|
-
defaultOption ? /* @__PURE__ */
|
|
19028
|
+
defaultOption ? /* @__PURE__ */ jsx108("option", { value: "", children: defaultOption }) : null,
|
|
18964
19029
|
options.map((option) => {
|
|
18965
19030
|
var _a;
|
|
18966
|
-
return /* @__PURE__ */
|
|
19031
|
+
return /* @__PURE__ */ jsx108("option", { value: (_a = option.value) != null ? _a : option.label, children: option.label }, option.label);
|
|
18967
19032
|
})
|
|
18968
19033
|
]
|
|
18969
19034
|
}
|
|
@@ -18973,14 +19038,14 @@ var ParameterSelectInner = forwardRef16(
|
|
|
18973
19038
|
|
|
18974
19039
|
// src/components/ParameterInputs/ParameterTextarea.tsx
|
|
18975
19040
|
import { forwardRef as forwardRef17 } from "react";
|
|
18976
|
-
import { jsx as
|
|
19041
|
+
import { jsx as jsx109 } from "@emotion/react/jsx-runtime";
|
|
18977
19042
|
var ParameterTextarea = forwardRef17((props, ref) => {
|
|
18978
19043
|
const { shellProps, innerProps } = extractParameterProps(props);
|
|
18979
|
-
return /* @__PURE__ */
|
|
19044
|
+
return /* @__PURE__ */ jsx109(ParameterShell, { "data-testid": "parameter-textarea", ...shellProps, children: /* @__PURE__ */ jsx109(ParameterTextareaInner, { ref, ...innerProps }) });
|
|
18980
19045
|
});
|
|
18981
19046
|
var ParameterTextareaInner = forwardRef17(({ ...props }, ref) => {
|
|
18982
19047
|
const { id, label, hiddenLabel } = useParameterShell();
|
|
18983
|
-
return /* @__PURE__ */
|
|
19048
|
+
return /* @__PURE__ */ jsx109(
|
|
18984
19049
|
"textarea",
|
|
18985
19050
|
{
|
|
18986
19051
|
css: [input2, textarea2],
|
|
@@ -18994,17 +19059,17 @@ var ParameterTextareaInner = forwardRef17(({ ...props }, ref) => {
|
|
|
18994
19059
|
|
|
18995
19060
|
// src/components/ParameterInputs/ParameterToggle.tsx
|
|
18996
19061
|
import { forwardRef as forwardRef18 } from "react";
|
|
18997
|
-
import { jsx as
|
|
19062
|
+
import { jsx as jsx110, jsxs as jsxs73 } from "@emotion/react/jsx-runtime";
|
|
18998
19063
|
var ParameterToggle = forwardRef18((props, ref) => {
|
|
18999
19064
|
const { shellProps, innerProps } = extractParameterProps(props);
|
|
19000
|
-
return /* @__PURE__ */
|
|
19065
|
+
return /* @__PURE__ */ jsx110(ParameterShell, { ...shellProps, children: /* @__PURE__ */ jsx110(ParameterToggleInner, { ref, ...innerProps }) });
|
|
19001
19066
|
});
|
|
19002
19067
|
var ParameterToggleInner = forwardRef18(
|
|
19003
19068
|
({ ...props }, ref) => {
|
|
19004
19069
|
const { id, label } = useParameterShell();
|
|
19005
19070
|
return /* @__PURE__ */ jsxs73("label", { css: inputToggleLabel2, children: [
|
|
19006
|
-
/* @__PURE__ */
|
|
19007
|
-
/* @__PURE__ */
|
|
19071
|
+
/* @__PURE__ */ jsx110("input", { css: toggleInput2, type: props.type, id, ref, ...props }),
|
|
19072
|
+
/* @__PURE__ */ jsx110("span", { css: inlineLabel2, children: label })
|
|
19008
19073
|
] });
|
|
19009
19074
|
}
|
|
19010
19075
|
);
|
|
@@ -19064,7 +19129,7 @@ var bar = css86`
|
|
|
19064
19129
|
`;
|
|
19065
19130
|
|
|
19066
19131
|
// src/components/ProgressBar/ProgressBar.tsx
|
|
19067
|
-
import { jsx as
|
|
19132
|
+
import { jsx as jsx111 } from "@emotion/react/jsx-runtime";
|
|
19068
19133
|
function ProgressBar({
|
|
19069
19134
|
current,
|
|
19070
19135
|
max,
|
|
@@ -19074,7 +19139,7 @@ function ProgressBar({
|
|
|
19074
19139
|
}) {
|
|
19075
19140
|
const valueNow = Math.min(current, max);
|
|
19076
19141
|
const valuePercentage = max > 0 ? Math.ceil(100 / max * valueNow) : 0;
|
|
19077
|
-
return /* @__PURE__ */
|
|
19142
|
+
return /* @__PURE__ */ jsx111(
|
|
19078
19143
|
"div",
|
|
19079
19144
|
{
|
|
19080
19145
|
css: container2,
|
|
@@ -19085,7 +19150,7 @@ function ProgressBar({
|
|
|
19085
19150
|
"aria-valuemax": max,
|
|
19086
19151
|
"aria-valuenow": valueNow,
|
|
19087
19152
|
...props,
|
|
19088
|
-
children: /* @__PURE__ */
|
|
19153
|
+
children: /* @__PURE__ */ jsx111(
|
|
19089
19154
|
"div",
|
|
19090
19155
|
{
|
|
19091
19156
|
css: [
|
|
@@ -19125,7 +19190,7 @@ var progressListItemStyles = css87`
|
|
|
19125
19190
|
`;
|
|
19126
19191
|
|
|
19127
19192
|
// src/components/ProgressList/ProgressList.tsx
|
|
19128
|
-
import { jsx as
|
|
19193
|
+
import { jsx as jsx112, jsxs as jsxs74 } from "@emotion/react/jsx-runtime";
|
|
19129
19194
|
var ProgressList = ({ inProgressId, items, autoEllipsis, ...htmlProps }) => {
|
|
19130
19195
|
const itemsWithStatus = useMemo4(() => {
|
|
19131
19196
|
const indexOfInProgressItem = items.findIndex(({ id }) => id === inProgressId);
|
|
@@ -19139,8 +19204,8 @@ var ProgressList = ({ inProgressId, items, autoEllipsis, ...htmlProps }) => {
|
|
|
19139
19204
|
return { ...item, status };
|
|
19140
19205
|
});
|
|
19141
19206
|
}, [items, inProgressId]);
|
|
19142
|
-
return /* @__PURE__ */
|
|
19143
|
-
return /* @__PURE__ */
|
|
19207
|
+
return /* @__PURE__ */ jsx112("ol", { css: progressListStyles, ...htmlProps, children: itemsWithStatus.map(({ id, label, status, error, errorLevel }) => {
|
|
19208
|
+
return /* @__PURE__ */ jsx112(
|
|
19144
19209
|
ProgressListItem,
|
|
19145
19210
|
{
|
|
19146
19211
|
status,
|
|
@@ -19199,10 +19264,10 @@ var ProgressListItem = ({
|
|
|
19199
19264
|
return colorPerStatus[status];
|
|
19200
19265
|
}, [status, error, errorLevel]);
|
|
19201
19266
|
return /* @__PURE__ */ jsxs74("li", { css: [progressListItemStyles, statusStyles], children: [
|
|
19202
|
-
/* @__PURE__ */
|
|
19267
|
+
/* @__PURE__ */ jsx112(Tooltip, { title: error != null ? error : "", children: /* @__PURE__ */ jsx112("div", { children: /* @__PURE__ */ jsx112(Icon, { icon, size: 20, iconColor: "currentColor" }) }) }),
|
|
19203
19268
|
/* @__PURE__ */ jsxs74("div", { children: [
|
|
19204
19269
|
children,
|
|
19205
|
-
/* @__PURE__ */
|
|
19270
|
+
/* @__PURE__ */ jsx112("span", { css: { visibility: autoEllipsis && status === "inProgress" && !error ? "visible" : "hidden" }, children: "..." })
|
|
19206
19271
|
] })
|
|
19207
19272
|
] });
|
|
19208
19273
|
};
|
|
@@ -19334,7 +19399,7 @@ var segmentedControlLabelContentStyles = css89`
|
|
|
19334
19399
|
var segmentedControlLabelTextStyles = css89``;
|
|
19335
19400
|
|
|
19336
19401
|
// src/components/SegmentedControl/SegmentedControl.tsx
|
|
19337
|
-
import { jsx as
|
|
19402
|
+
import { jsx as jsx113, jsxs as jsxs75 } from "@emotion/react/jsx-runtime";
|
|
19338
19403
|
var SegmentedControl = ({
|
|
19339
19404
|
name,
|
|
19340
19405
|
options,
|
|
@@ -19365,7 +19430,7 @@ var SegmentedControl = ({
|
|
|
19365
19430
|
const isIconOnly = useMemo5(() => {
|
|
19366
19431
|
return options.every((option) => option && option.icon && !option.label);
|
|
19367
19432
|
}, [options]);
|
|
19368
|
-
return /* @__PURE__ */
|
|
19433
|
+
return /* @__PURE__ */ jsx113(
|
|
19369
19434
|
"div",
|
|
19370
19435
|
{
|
|
19371
19436
|
css: [segmentedControlStyles, orientation === "vertical" ? segmentedControlVerticalStyles : void 0],
|
|
@@ -19376,11 +19441,11 @@ var SegmentedControl = ({
|
|
|
19376
19441
|
}
|
|
19377
19442
|
const text = option.label ? option.label : option.icon ? null : String(option.value);
|
|
19378
19443
|
const isDisabled = disabled2 || option.disabled;
|
|
19379
|
-
return /* @__PURE__ */
|
|
19444
|
+
return /* @__PURE__ */ jsx113(
|
|
19380
19445
|
Tooltip,
|
|
19381
19446
|
{
|
|
19382
19447
|
title: isDisabled || !option.tooltip ? "" : option.tooltip,
|
|
19383
|
-
children: /* @__PURE__ */
|
|
19448
|
+
children: /* @__PURE__ */ jsx113("div", { css: segmentedControlItemStyles, "data-testid": "container-segmented-control", children: /* @__PURE__ */ jsxs75(
|
|
19384
19449
|
"label",
|
|
19385
19450
|
{
|
|
19386
19451
|
css: [
|
|
@@ -19389,7 +19454,7 @@ var SegmentedControl = ({
|
|
|
19389
19454
|
isIconOnly ? segmentedControlLabelIconOnlyStyles : void 0
|
|
19390
19455
|
],
|
|
19391
19456
|
children: [
|
|
19392
|
-
/* @__PURE__ */
|
|
19457
|
+
/* @__PURE__ */ jsx113(
|
|
19393
19458
|
"input",
|
|
19394
19459
|
{
|
|
19395
19460
|
css: segmentedControlInputStyles,
|
|
@@ -19401,10 +19466,10 @@ var SegmentedControl = ({
|
|
|
19401
19466
|
disabled: isDisabled
|
|
19402
19467
|
}
|
|
19403
19468
|
),
|
|
19404
|
-
option.value !== value || noCheckmark ? null : /* @__PURE__ */
|
|
19469
|
+
option.value !== value || noCheckmark ? null : /* @__PURE__ */ jsx113(CgCheck4, { css: segmentedControlLabelCheckStyles, "aria-label": "Selected", size: "1.5em" }),
|
|
19405
19470
|
/* @__PURE__ */ jsxs75("span", { css: segmentedControlLabelContentStyles, children: [
|
|
19406
|
-
!option.icon ? null : /* @__PURE__ */
|
|
19407
|
-
!text ? null : /* @__PURE__ */
|
|
19471
|
+
!option.icon ? null : /* @__PURE__ */ jsx113(Icon, { icon: option.icon, size: "1.5em", iconColor: "currentColor" }),
|
|
19472
|
+
!text ? null : /* @__PURE__ */ jsx113("span", { css: segmentedControlLabelTextStyles, children: text })
|
|
19408
19473
|
] })
|
|
19409
19474
|
]
|
|
19410
19475
|
}
|
|
@@ -19429,7 +19494,7 @@ var skeletonStyles = css91`
|
|
|
19429
19494
|
`;
|
|
19430
19495
|
|
|
19431
19496
|
// src/components/Skeleton/Skeleton.tsx
|
|
19432
|
-
import { jsx as
|
|
19497
|
+
import { jsx as jsx114 } from "@emotion/react/jsx-runtime";
|
|
19433
19498
|
var Skeleton = ({
|
|
19434
19499
|
width = "100%",
|
|
19435
19500
|
height = "1.25rem",
|
|
@@ -19437,7 +19502,7 @@ var Skeleton = ({
|
|
|
19437
19502
|
circle = false,
|
|
19438
19503
|
children,
|
|
19439
19504
|
...otherProps
|
|
19440
|
-
}) => /* @__PURE__ */
|
|
19505
|
+
}) => /* @__PURE__ */ jsx114(
|
|
19441
19506
|
"div",
|
|
19442
19507
|
{
|
|
19443
19508
|
css: [
|
|
@@ -19544,7 +19609,7 @@ var SwitchText = css92`
|
|
|
19544
19609
|
`;
|
|
19545
19610
|
|
|
19546
19611
|
// src/components/Switch/Switch.tsx
|
|
19547
|
-
import { Fragment as Fragment19, jsx as
|
|
19612
|
+
import { Fragment as Fragment19, jsx as jsx115, jsxs as jsxs76 } from "@emotion/react/jsx-runtime";
|
|
19548
19613
|
var Switch = React23.forwardRef(
|
|
19549
19614
|
({ label, infoText, toggleText, children, ...inputProps }, ref) => {
|
|
19550
19615
|
let additionalText = infoText;
|
|
@@ -19553,10 +19618,10 @@ var Switch = React23.forwardRef(
|
|
|
19553
19618
|
}
|
|
19554
19619
|
return /* @__PURE__ */ jsxs76(Fragment19, { children: [
|
|
19555
19620
|
/* @__PURE__ */ jsxs76("label", { css: [SwitchInputContainer, inputProps.disabled ? SwitchInputDisabled : void 0], children: [
|
|
19556
|
-
/* @__PURE__ */
|
|
19557
|
-
/* @__PURE__ */
|
|
19621
|
+
/* @__PURE__ */ jsx115("input", { type: "checkbox", css: SwitchInput, ...inputProps, ref }),
|
|
19622
|
+
/* @__PURE__ */ jsx115("span", { css: SwitchInputLabel, children: label })
|
|
19558
19623
|
] }),
|
|
19559
|
-
additionalText ? /* @__PURE__ */
|
|
19624
|
+
additionalText ? /* @__PURE__ */ jsx115("p", { css: SwitchText, children: additionalText }) : null,
|
|
19560
19625
|
children
|
|
19561
19626
|
] });
|
|
19562
19627
|
}
|
|
@@ -19593,40 +19658,40 @@ var tableCellHead = css93`
|
|
|
19593
19658
|
`;
|
|
19594
19659
|
|
|
19595
19660
|
// src/components/Table/Table.tsx
|
|
19596
|
-
import { jsx as
|
|
19661
|
+
import { jsx as jsx116 } from "@emotion/react/jsx-runtime";
|
|
19597
19662
|
var Table = React24.forwardRef(
|
|
19598
19663
|
({ children, cellPadding, ...otherProps }, ref) => {
|
|
19599
|
-
return /* @__PURE__ */
|
|
19664
|
+
return /* @__PURE__ */ jsx116("table", { ref, css: table({ cellPadding }), ...otherProps, children });
|
|
19600
19665
|
}
|
|
19601
19666
|
);
|
|
19602
19667
|
var TableHead = React24.forwardRef(
|
|
19603
19668
|
({ children, ...otherProps }, ref) => {
|
|
19604
|
-
return /* @__PURE__ */
|
|
19669
|
+
return /* @__PURE__ */ jsx116("thead", { ref, css: tableHead, ...otherProps, children });
|
|
19605
19670
|
}
|
|
19606
19671
|
);
|
|
19607
19672
|
var TableBody = React24.forwardRef(
|
|
19608
19673
|
({ children, ...otherProps }, ref) => {
|
|
19609
|
-
return /* @__PURE__ */
|
|
19674
|
+
return /* @__PURE__ */ jsx116("tbody", { ref, ...otherProps, children });
|
|
19610
19675
|
}
|
|
19611
19676
|
);
|
|
19612
19677
|
var TableFoot = React24.forwardRef(
|
|
19613
19678
|
({ children, ...otherProps }, ref) => {
|
|
19614
|
-
return /* @__PURE__ */
|
|
19679
|
+
return /* @__PURE__ */ jsx116("tfoot", { ref, ...otherProps, children });
|
|
19615
19680
|
}
|
|
19616
19681
|
);
|
|
19617
19682
|
var TableRow = React24.forwardRef(
|
|
19618
19683
|
({ children, ...otherProps }, ref) => {
|
|
19619
|
-
return /* @__PURE__ */
|
|
19684
|
+
return /* @__PURE__ */ jsx116("tr", { ref, css: tableRow, ...otherProps, children });
|
|
19620
19685
|
}
|
|
19621
19686
|
);
|
|
19622
19687
|
var TableCellHead = React24.forwardRef(
|
|
19623
19688
|
({ children, ...otherProps }, ref) => {
|
|
19624
|
-
return /* @__PURE__ */
|
|
19689
|
+
return /* @__PURE__ */ jsx116("th", { ref, css: tableCellHead, ...otherProps, children });
|
|
19625
19690
|
}
|
|
19626
19691
|
);
|
|
19627
19692
|
var TableCellData = React24.forwardRef(
|
|
19628
19693
|
({ children, ...otherProps }, ref) => {
|
|
19629
|
-
return /* @__PURE__ */
|
|
19694
|
+
return /* @__PURE__ */ jsx116("td", { ref, ...otherProps, children });
|
|
19630
19695
|
}
|
|
19631
19696
|
);
|
|
19632
19697
|
|
|
@@ -19666,7 +19731,7 @@ var tabButtonGroupStyles = css94`
|
|
|
19666
19731
|
`;
|
|
19667
19732
|
|
|
19668
19733
|
// src/components/Tabs/Tabs.tsx
|
|
19669
|
-
import { jsx as
|
|
19734
|
+
import { jsx as jsx117 } from "@emotion/react/jsx-runtime";
|
|
19670
19735
|
var useCurrentTab = () => {
|
|
19671
19736
|
const context = useAriakitTabStore();
|
|
19672
19737
|
if (!context) {
|
|
@@ -19704,28 +19769,270 @@ var Tabs = ({
|
|
|
19704
19769
|
tab.setSelectedId(selected);
|
|
19705
19770
|
}
|
|
19706
19771
|
}, [selected, tab]);
|
|
19707
|
-
return /* @__PURE__ */
|
|
19772
|
+
return /* @__PURE__ */ jsx117(AriakitTabProvider, { store: tab, setSelectedId: onTabSelect, children });
|
|
19708
19773
|
};
|
|
19709
19774
|
var TabButtonGroup = ({ children, ...props }) => {
|
|
19710
|
-
return /* @__PURE__ */
|
|
19775
|
+
return /* @__PURE__ */ jsx117(AriakitTabList, { ...props, css: tabButtonGroupStyles, children });
|
|
19711
19776
|
};
|
|
19712
19777
|
var TabButton = ({
|
|
19713
19778
|
children,
|
|
19714
19779
|
id,
|
|
19715
19780
|
...props
|
|
19716
19781
|
}) => {
|
|
19717
|
-
return /* @__PURE__ */
|
|
19782
|
+
return /* @__PURE__ */ jsx117(AriakitTab, { type: "button", id, ...props, css: tabButtonStyles, children });
|
|
19718
19783
|
};
|
|
19719
19784
|
var TabContent = ({
|
|
19720
19785
|
children,
|
|
19721
19786
|
...props
|
|
19722
19787
|
}) => {
|
|
19723
|
-
return /* @__PURE__ */
|
|
19788
|
+
return /* @__PURE__ */ jsx117(AriakitTabPanel, { ...props, children });
|
|
19724
19789
|
};
|
|
19725
19790
|
|
|
19726
|
-
// src/components/
|
|
19791
|
+
// src/components/Toast/Toast.tsx
|
|
19792
|
+
import { toast, ToastContainer as ToastifyContainer } from "react-toastify";
|
|
19793
|
+
|
|
19794
|
+
// src/components/Toast/Toast.styles.ts
|
|
19727
19795
|
import { css as css95 } from "@emotion/react";
|
|
19728
|
-
var
|
|
19796
|
+
var toastContainerStyles = css95`
|
|
19797
|
+
${functionalColors}
|
|
19798
|
+
|
|
19799
|
+
--toastify-color-light: white;
|
|
19800
|
+
--toastify-color-info: var(--info-icon);
|
|
19801
|
+
--toastify-color-success: var(--success-icon);
|
|
19802
|
+
--toastify-color-warning: var(--caution-icon);
|
|
19803
|
+
--toastify-color-error: var(--danger-icon);
|
|
19804
|
+
--toastify-color-transparent: rgba(255, 255, 255, 0.7);
|
|
19805
|
+
--toastify-icon-color-info: var(--toastify-color-info);
|
|
19806
|
+
--toastify-icon-color-success: var(--toastify-color-success);
|
|
19807
|
+
--toastify-icon-color-warning: var(--toastify-color-warning);
|
|
19808
|
+
--toastify-icon-color-error: var(--toastify-color-error);
|
|
19809
|
+
--toastify-toast-width: 24rem;
|
|
19810
|
+
--toastify-toast-background: white;
|
|
19811
|
+
--toastify-toast-min-height: 4rem;
|
|
19812
|
+
--toastify-toast-max-height: 50rem;
|
|
19813
|
+
--toastify-z-index: 9999;
|
|
19814
|
+
--toastify-text-color-info: white;
|
|
19815
|
+
--toastify-text-color-success: white;
|
|
19816
|
+
--toastify-text-color-warning: white;
|
|
19817
|
+
--toastify-text-color-error: white;
|
|
19818
|
+
--toastify-spinner-color: var(--gray-600);
|
|
19819
|
+
--toastify-spinner-color-empty-area: var(--gray-200);
|
|
19820
|
+
--toastify-color-progress-light: var(--accent-light);
|
|
19821
|
+
--toastify-color-progress-info: var(--toastify-color-info);
|
|
19822
|
+
--toastify-color-progress-success: var(--toastify-color-success);
|
|
19823
|
+
--toastify-color-progress-warning: var(--toastify-color-warning);
|
|
19824
|
+
--toastify-color-progress-error: var(--toastify-color-error);
|
|
19825
|
+
|
|
19826
|
+
&.Toastify__toast-container {
|
|
19827
|
+
z-index: var(--toastify-z-index);
|
|
19828
|
+
transform: translate3d(0, 0, var(--toastify-z-index));
|
|
19829
|
+
position: fixed;
|
|
19830
|
+
padding: var(--spacing-xs);
|
|
19831
|
+
width: var(--toastify-toast-width);
|
|
19832
|
+
color: white;
|
|
19833
|
+
}
|
|
19834
|
+
&.Toastify__toast-container--bottom-right {
|
|
19835
|
+
bottom: var(--spacing-base);
|
|
19836
|
+
right: var(--spacing-base);
|
|
19837
|
+
}
|
|
19838
|
+
|
|
19839
|
+
@media only screen and (max-width: 480px) {
|
|
19840
|
+
&.Toastify__toast-container {
|
|
19841
|
+
width: 100vw;
|
|
19842
|
+
padding: 0;
|
|
19843
|
+
left: 0;
|
|
19844
|
+
margin: 0;
|
|
19845
|
+
}
|
|
19846
|
+
&.Toastify__toast-container--bottom-right {
|
|
19847
|
+
bottom: 0;
|
|
19848
|
+
transform: translateX(0);
|
|
19849
|
+
}
|
|
19850
|
+
}
|
|
19851
|
+
.Toastify__toast {
|
|
19852
|
+
position: relative;
|
|
19853
|
+
display: flex;
|
|
19854
|
+
justify-content: space-between;
|
|
19855
|
+
min-height: var(--toastify-toast-min-height);
|
|
19856
|
+
max-height: var(--toastify-toast-max-height);
|
|
19857
|
+
font-size: var(--fs-sm);
|
|
19858
|
+
margin-bottom: var(--spacing-base);
|
|
19859
|
+
padding: var(--spacing-sm);
|
|
19860
|
+
border-radius: var(--rounded-md);
|
|
19861
|
+
box-shadow: var(--elevation-200);
|
|
19862
|
+
overflow: hidden;
|
|
19863
|
+
cursor: default;
|
|
19864
|
+
/* webkit only issue #791 */
|
|
19865
|
+
z-index: 0;
|
|
19866
|
+
}
|
|
19867
|
+
.Toastify__toast--close-on-click {
|
|
19868
|
+
cursor: pointer;
|
|
19869
|
+
}
|
|
19870
|
+
.Toastify__toast-body {
|
|
19871
|
+
margin: auto 0;
|
|
19872
|
+
flex: 1 1 auto;
|
|
19873
|
+
padding: var(--spacing-sm);
|
|
19874
|
+
display: flex;
|
|
19875
|
+
align-items: center;
|
|
19876
|
+
}
|
|
19877
|
+
.Toastify__toast-body > div:last-child {
|
|
19878
|
+
word-break: break-word;
|
|
19879
|
+
flex: 1;
|
|
19880
|
+
}
|
|
19881
|
+
.Toastify__toast-icon {
|
|
19882
|
+
margin-inline-end: var(--spacing-base);
|
|
19883
|
+
width: 16px;
|
|
19884
|
+
flex-shrink: 0;
|
|
19885
|
+
display: flex;
|
|
19886
|
+
}
|
|
19887
|
+
|
|
19888
|
+
.Toastify--animate {
|
|
19889
|
+
animation-fill-mode: both;
|
|
19890
|
+
animation-duration: var(--duration-slow);
|
|
19891
|
+
}
|
|
19892
|
+
|
|
19893
|
+
.Toastify--animate-icon {
|
|
19894
|
+
animation-fill-mode: both;
|
|
19895
|
+
animation-duration: var(--duration-fast);
|
|
19896
|
+
}
|
|
19897
|
+
|
|
19898
|
+
@media only screen and (max-width: 480px) {
|
|
19899
|
+
.Toastify__toast {
|
|
19900
|
+
margin-bottom: 0;
|
|
19901
|
+
border-radius: 0;
|
|
19902
|
+
}
|
|
19903
|
+
}
|
|
19904
|
+
.Toastify__toast-theme--light {
|
|
19905
|
+
background: var(--toastify-color-light);
|
|
19906
|
+
color: var(--brand-secondary-1);
|
|
19907
|
+
}
|
|
19908
|
+
|
|
19909
|
+
.Toastify__progress-bar-theme--light {
|
|
19910
|
+
background: var(--toastify-color-progress-light);
|
|
19911
|
+
}
|
|
19912
|
+
.Toastify__progress-bar--info {
|
|
19913
|
+
background: var(--toastify-color-progress-info);
|
|
19914
|
+
}
|
|
19915
|
+
.Toastify__progress-bar--success {
|
|
19916
|
+
background: var(--toastify-color-progress-success);
|
|
19917
|
+
}
|
|
19918
|
+
.Toastify__progress-bar--warning {
|
|
19919
|
+
background: var(--toastify-color-progress-warning);
|
|
19920
|
+
}
|
|
19921
|
+
.Toastify__progress-bar--error {
|
|
19922
|
+
background: var(--toastify-color-progress-error);
|
|
19923
|
+
}
|
|
19924
|
+
|
|
19925
|
+
.Toastify__close-button {
|
|
19926
|
+
background: transparent;
|
|
19927
|
+
outline: none;
|
|
19928
|
+
border: none;
|
|
19929
|
+
padding: 0;
|
|
19930
|
+
cursor: pointer;
|
|
19931
|
+
opacity: 0.5;
|
|
19932
|
+
transition: var(--spacing-base) ease-in-out;
|
|
19933
|
+
align-self: flex-start;
|
|
19934
|
+
}
|
|
19935
|
+
.Toastify__close-button > svg {
|
|
19936
|
+
fill: currentColor;
|
|
19937
|
+
height: 16px;
|
|
19938
|
+
width: 14px;
|
|
19939
|
+
}
|
|
19940
|
+
.Toastify__close-button:hover,
|
|
19941
|
+
.Toastify__close-button:focus {
|
|
19942
|
+
opacity: 1;
|
|
19943
|
+
}
|
|
19944
|
+
|
|
19945
|
+
.Toastify__progress-bar {
|
|
19946
|
+
position: absolute;
|
|
19947
|
+
bottom: 0;
|
|
19948
|
+
left: 0;
|
|
19949
|
+
width: 100%;
|
|
19950
|
+
height: var(--spacing-2xs);
|
|
19951
|
+
z-index: var(--toastify-z-index);
|
|
19952
|
+
transform-origin: left;
|
|
19953
|
+
}
|
|
19954
|
+
.Toastify__progress-bar--animated {
|
|
19955
|
+
animation: Toastify__trackProgress linear 1 forwards;
|
|
19956
|
+
}
|
|
19957
|
+
.Toastify__progress-bar--controlled {
|
|
19958
|
+
transition: transform var(--duration-fast);
|
|
19959
|
+
}
|
|
19960
|
+
|
|
19961
|
+
.Toastify__spinner {
|
|
19962
|
+
width: 16px;
|
|
19963
|
+
height: 16px;
|
|
19964
|
+
border: 2px solid;
|
|
19965
|
+
border-radius: 100%;
|
|
19966
|
+
border-color: var(--toastify-spinner-color-empty-area);
|
|
19967
|
+
border-right-color: var(--toastify-spinner-color);
|
|
19968
|
+
animation: Toastify__spin var(--duration-slow) linear infinite;
|
|
19969
|
+
}
|
|
19970
|
+
|
|
19971
|
+
.Toastify__bounce-enter--bottom-right {
|
|
19972
|
+
animation-name: Toastify__slideInRight;
|
|
19973
|
+
}
|
|
19974
|
+
|
|
19975
|
+
.Toastify__bounce-exit--bottom-right {
|
|
19976
|
+
animation-name: Toastify__slideOutRight;
|
|
19977
|
+
}
|
|
19978
|
+
|
|
19979
|
+
@keyframes Toastify__slideInRight {
|
|
19980
|
+
from {
|
|
19981
|
+
transform: translate3d(110%, 0, 0);
|
|
19982
|
+
visibility: visible;
|
|
19983
|
+
}
|
|
19984
|
+
to {
|
|
19985
|
+
transform: translate3d(0, 0, 0);
|
|
19986
|
+
}
|
|
19987
|
+
}
|
|
19988
|
+
@keyframes Toastify__slideOutRight {
|
|
19989
|
+
from {
|
|
19990
|
+
transform: translate3d(0, 0, 0);
|
|
19991
|
+
}
|
|
19992
|
+
to {
|
|
19993
|
+
visibility: hidden;
|
|
19994
|
+
transform: translate3d(110%, 0, 0);
|
|
19995
|
+
}
|
|
19996
|
+
}
|
|
19997
|
+
|
|
19998
|
+
@keyframes Toastify__spin {
|
|
19999
|
+
from {
|
|
20000
|
+
transform: rotate(0deg);
|
|
20001
|
+
}
|
|
20002
|
+
to {
|
|
20003
|
+
transform: rotate(360deg);
|
|
20004
|
+
}
|
|
20005
|
+
}
|
|
20006
|
+
|
|
20007
|
+
@keyframes Toastify__trackProgress {
|
|
20008
|
+
0% {
|
|
20009
|
+
transform: scaleX(1);
|
|
20010
|
+
}
|
|
20011
|
+
100% {
|
|
20012
|
+
transform: scaleX(0);
|
|
20013
|
+
}
|
|
20014
|
+
}
|
|
20015
|
+
`;
|
|
20016
|
+
|
|
20017
|
+
// src/components/Toast/Toast.tsx
|
|
20018
|
+
import { jsx as jsx118 } from "@emotion/react/jsx-runtime";
|
|
20019
|
+
var ToastContainer = ({ limit = 4 }) => {
|
|
20020
|
+
return /* @__PURE__ */ jsx118(
|
|
20021
|
+
ToastifyContainer,
|
|
20022
|
+
{
|
|
20023
|
+
css: toastContainerStyles,
|
|
20024
|
+
autoClose: 1e4,
|
|
20025
|
+
limit,
|
|
20026
|
+
theme: "light",
|
|
20027
|
+
position: "bottom-right",
|
|
20028
|
+
closeOnClick: false
|
|
20029
|
+
}
|
|
20030
|
+
);
|
|
20031
|
+
};
|
|
20032
|
+
|
|
20033
|
+
// src/components/Validation/StatusBullet.styles.ts
|
|
20034
|
+
import { css as css96 } from "@emotion/react";
|
|
20035
|
+
var StatusBulletContainer = css96`
|
|
19729
20036
|
align-items: center;
|
|
19730
20037
|
align-self: center;
|
|
19731
20038
|
color: var(--gray-500);
|
|
@@ -19742,33 +20049,33 @@ var StatusBulletContainer = css95`
|
|
|
19742
20049
|
display: block;
|
|
19743
20050
|
}
|
|
19744
20051
|
`;
|
|
19745
|
-
var StatusBulletBase =
|
|
20052
|
+
var StatusBulletBase = css96`
|
|
19746
20053
|
font-size: var(--fs-sm);
|
|
19747
20054
|
&:before {
|
|
19748
20055
|
width: var(--fs-xs);
|
|
19749
20056
|
height: var(--fs-xs);
|
|
19750
20057
|
}
|
|
19751
20058
|
`;
|
|
19752
|
-
var StatusBulletSmall =
|
|
20059
|
+
var StatusBulletSmall = css96`
|
|
19753
20060
|
font-size: var(--fs-xs);
|
|
19754
20061
|
&:before {
|
|
19755
20062
|
width: var(--fs-xxs);
|
|
19756
20063
|
height: var(--fs-xxs);
|
|
19757
20064
|
}
|
|
19758
20065
|
`;
|
|
19759
|
-
var StatusDraft =
|
|
20066
|
+
var StatusDraft = css96`
|
|
19760
20067
|
&:before {
|
|
19761
20068
|
background: var(--white);
|
|
19762
20069
|
box-shadow: inset 0 0 0 0.125rem var(--primary-action-default);
|
|
19763
20070
|
}
|
|
19764
20071
|
`;
|
|
19765
|
-
var StatusModified =
|
|
20072
|
+
var StatusModified = css96`
|
|
19766
20073
|
&:before {
|
|
19767
20074
|
background: linear-gradient(to right, var(--white) 50%, var(--primary-action-default) 50% 100%);
|
|
19768
20075
|
box-shadow: inset 0 0 0 0.125rem var(--primary-action-default);
|
|
19769
20076
|
}
|
|
19770
20077
|
`;
|
|
19771
|
-
var StatusError =
|
|
20078
|
+
var StatusError = css96`
|
|
19772
20079
|
color: var(--error);
|
|
19773
20080
|
&:before {
|
|
19774
20081
|
/* TODO: replace this with an svg icon */
|
|
@@ -19781,24 +20088,24 @@ var StatusError = css95`
|
|
|
19781
20088
|
);
|
|
19782
20089
|
}
|
|
19783
20090
|
`;
|
|
19784
|
-
var StatusPublished =
|
|
20091
|
+
var StatusPublished = css96`
|
|
19785
20092
|
&:before {
|
|
19786
20093
|
background: var(--primary-action-default);
|
|
19787
20094
|
}
|
|
19788
20095
|
`;
|
|
19789
|
-
var StatusOrphan =
|
|
20096
|
+
var StatusOrphan = css96`
|
|
19790
20097
|
&:before {
|
|
19791
20098
|
background: var(--brand-secondary-5);
|
|
19792
20099
|
}
|
|
19793
20100
|
`;
|
|
19794
|
-
var StatusUnknown =
|
|
20101
|
+
var StatusUnknown = css96`
|
|
19795
20102
|
&:before {
|
|
19796
20103
|
background: var(--brand-secondary-1);
|
|
19797
20104
|
}
|
|
19798
20105
|
`;
|
|
19799
20106
|
|
|
19800
20107
|
// src/components/Validation/StatusBullet.tsx
|
|
19801
|
-
import { jsx as
|
|
20108
|
+
import { jsx as jsx119 } from "@emotion/react/jsx-runtime";
|
|
19802
20109
|
var StatusBullet = ({
|
|
19803
20110
|
status,
|
|
19804
20111
|
hideText = false,
|
|
@@ -19817,7 +20124,7 @@ var StatusBullet = ({
|
|
|
19817
20124
|
Unknown: StatusUnknown
|
|
19818
20125
|
};
|
|
19819
20126
|
const statusSize = size === "base" ? StatusBulletBase : StatusBulletSmall;
|
|
19820
|
-
return /* @__PURE__ */
|
|
20127
|
+
return /* @__PURE__ */ jsx119(
|
|
19821
20128
|
"span",
|
|
19822
20129
|
{
|
|
19823
20130
|
role: "status",
|
|
@@ -19966,6 +20273,7 @@ export {
|
|
|
19966
20273
|
Tile2 as Tile,
|
|
19967
20274
|
TileContainer,
|
|
19968
20275
|
TileText2 as TileText,
|
|
20276
|
+
ToastContainer,
|
|
19969
20277
|
Tooltip,
|
|
19970
20278
|
TwoColumnLayout,
|
|
19971
20279
|
UniformBadge,
|
|
@@ -20039,6 +20347,7 @@ export {
|
|
|
20039
20347
|
structurePanelIcon,
|
|
20040
20348
|
supports,
|
|
20041
20349
|
textInput,
|
|
20350
|
+
toast,
|
|
20042
20351
|
useBreakpoint,
|
|
20043
20352
|
useCloseCurrentDrawer,
|
|
20044
20353
|
useCurrentDrawer,
|