@uniformdev/design-system 19.131.1-alpha.8 → 19.133.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/index.js +350 -326
- package/dist/index.d.mts +6 -1
- package/dist/index.d.ts +6 -1
- package/dist/index.js +583 -557
- package/package.json +6 -6
package/dist/esm/index.js
CHANGED
|
@@ -2238,23 +2238,18 @@ var Heading = ({
|
|
|
2238
2238
|
// src/components/Badges/Badge.styles.ts
|
|
2239
2239
|
import { css as css11 } from "@emotion/react";
|
|
2240
2240
|
var BadgeContainer = css11`
|
|
2241
|
-
--caution-desc: rgb(161, 98, 7);
|
|
2242
2241
|
--caution-title: rgb(133, 77, 14);
|
|
2243
2242
|
--caution-container: rgb(254, 252, 232);
|
|
2244
2243
|
|
|
2245
|
-
--danger-desc: rgb(185, 28, 28);
|
|
2246
2244
|
--danger-title: rgb(153, 27, 27);
|
|
2247
2245
|
--danger-container: rgb(254, 242, 242);
|
|
2248
2246
|
|
|
2249
|
-
--info-desc: rgb(29, 78, 216);
|
|
2250
2247
|
--info-title: rgb(30, 64, 175);
|
|
2251
2248
|
--info-container: rgb(239, 246, 255);
|
|
2252
2249
|
|
|
2253
|
-
--note-desc: var(--gray-700);
|
|
2254
2250
|
--note-title: var(--gray-800);
|
|
2255
2251
|
--note-container: var(--gray-50);
|
|
2256
2252
|
|
|
2257
|
-
--success-desc: rgb(21, 128, 61);
|
|
2258
2253
|
--success-title: rgb(22, 101, 52);
|
|
2259
2254
|
--success-container: rgb(240, 253, 250);
|
|
2260
2255
|
|
|
@@ -11395,27 +11390,22 @@ import { css as css21 } from "@emotion/react";
|
|
|
11395
11390
|
// src/styles/functionalColors.styles.ts
|
|
11396
11391
|
import { css as css20 } from "@emotion/react";
|
|
11397
11392
|
var functionalColors = css20`
|
|
11398
|
-
--caution-desc: rgb(161, 98, 7);
|
|
11399
11393
|
--caution-icon: rgb(250, 204, 21);
|
|
11400
11394
|
--caution-title: rgb(133, 77, 14);
|
|
11401
11395
|
--caution-container: rgb(254, 252, 232);
|
|
11402
11396
|
|
|
11403
|
-
--danger-desc: rgb(185, 28, 28);
|
|
11404
11397
|
--danger-icon: rgb(248, 113, 113);
|
|
11405
11398
|
--danger-title: rgb(153, 27, 27);
|
|
11406
11399
|
--danger-container: rgb(254, 242, 242);
|
|
11407
11400
|
|
|
11408
|
-
--info-desc: rgb(29, 78, 216);
|
|
11409
11401
|
--info-icon: rgb(96, 165, 250);
|
|
11410
11402
|
--info-title: rgb(30, 64, 175);
|
|
11411
11403
|
--info-container: rgb(239, 246, 255);
|
|
11412
11404
|
|
|
11413
|
-
--note-desc: var(--gray-700);
|
|
11414
11405
|
--note-icon: var(--gray-400);
|
|
11415
11406
|
--note-title: var(--gray-800);
|
|
11416
11407
|
--note-container: var(--gray-50);
|
|
11417
11408
|
|
|
11418
|
-
--success-desc: rgb(21, 128, 61);
|
|
11419
11409
|
--success-icon: rgb(74, 222, 128);
|
|
11420
11410
|
--success-title: rgb(22, 101, 52);
|
|
11421
11411
|
--success-container: rgb(240, 253, 250);
|
|
@@ -12415,12 +12405,6 @@ var calloutContainerCompact = css29`
|
|
|
12415
12405
|
padding: var(--spacing-sm);
|
|
12416
12406
|
border-radius: 0 var(--rounded-base) var(--rounded-base) 0;
|
|
12417
12407
|
border-left: 2px solid currentColor;
|
|
12418
|
-
|
|
12419
|
-
--caution-desc: var(--typography-base);
|
|
12420
|
-
--danger-desc: var(--typography-base);
|
|
12421
|
-
--info-desc: var(--typography-base);
|
|
12422
|
-
--note-desc: var(--typography-base);
|
|
12423
|
-
--success-desc: var(--typography-base);
|
|
12424
12408
|
`;
|
|
12425
12409
|
var calloutInner = css29`
|
|
12426
12410
|
display: flex;
|
|
@@ -12576,7 +12560,7 @@ var calloutTypeDataMap = {
|
|
|
12576
12560
|
caution: {
|
|
12577
12561
|
icon: CautionIcon,
|
|
12578
12562
|
descriptionColor: css30`
|
|
12579
|
-
color: var(--
|
|
12563
|
+
color: var(--typography-base);
|
|
12580
12564
|
`,
|
|
12581
12565
|
iconColor: css30`
|
|
12582
12566
|
color: var(--caution-icon);
|
|
@@ -12589,7 +12573,7 @@ var calloutTypeDataMap = {
|
|
|
12589
12573
|
danger: {
|
|
12590
12574
|
icon: DangerIcon,
|
|
12591
12575
|
descriptionColor: css30`
|
|
12592
|
-
color: var(--
|
|
12576
|
+
color: var(--typography-base);
|
|
12593
12577
|
`,
|
|
12594
12578
|
iconColor: css30`
|
|
12595
12579
|
color: var(--danger-icon);
|
|
@@ -12602,7 +12586,7 @@ var calloutTypeDataMap = {
|
|
|
12602
12586
|
error: {
|
|
12603
12587
|
icon: CautionIcon,
|
|
12604
12588
|
descriptionColor: css30`
|
|
12605
|
-
color: var(--
|
|
12589
|
+
color: var(--typography-base);
|
|
12606
12590
|
`,
|
|
12607
12591
|
iconColor: css30`
|
|
12608
12592
|
color: var(--danger-icon);
|
|
@@ -12615,7 +12599,7 @@ var calloutTypeDataMap = {
|
|
|
12615
12599
|
info: {
|
|
12616
12600
|
icon: InfoIcon,
|
|
12617
12601
|
descriptionColor: css30`
|
|
12618
|
-
color: var(--
|
|
12602
|
+
color: var(--typography-base);
|
|
12619
12603
|
`,
|
|
12620
12604
|
iconColor: css30`
|
|
12621
12605
|
color: var(--info-icon);
|
|
@@ -12628,7 +12612,7 @@ var calloutTypeDataMap = {
|
|
|
12628
12612
|
note: {
|
|
12629
12613
|
icon: NoteIcon,
|
|
12630
12614
|
descriptionColor: css30`
|
|
12631
|
-
color: var(--
|
|
12615
|
+
color: var(--typography-base);
|
|
12632
12616
|
`,
|
|
12633
12617
|
iconColor: css30`
|
|
12634
12618
|
color: var(--note-icon);
|
|
@@ -12641,7 +12625,7 @@ var calloutTypeDataMap = {
|
|
|
12641
12625
|
success: {
|
|
12642
12626
|
icon: SuccessIcon,
|
|
12643
12627
|
descriptionColor: css30`
|
|
12644
|
-
color: var(--
|
|
12628
|
+
color: var(--typography-base);
|
|
12645
12629
|
`,
|
|
12646
12630
|
iconColor: css30`
|
|
12647
12631
|
color: var(--success-icon);
|
|
@@ -12654,7 +12638,7 @@ var calloutTypeDataMap = {
|
|
|
12654
12638
|
tip: {
|
|
12655
12639
|
icon: TipIcon,
|
|
12656
12640
|
descriptionColor: css30`
|
|
12657
|
-
color: var(--
|
|
12641
|
+
color: var(--typography-base);
|
|
12658
12642
|
`,
|
|
12659
12643
|
iconColor: css30`
|
|
12660
12644
|
color: var(--success-icon);
|
|
@@ -13407,7 +13391,7 @@ var DashedBox = ({
|
|
|
13407
13391
|
};
|
|
13408
13392
|
|
|
13409
13393
|
// src/components/DateTimePicker/DateTimePicker.tsx
|
|
13410
|
-
import { CalendarDate as CalendarDate3, parseDate as parseDate2, parseTime as parseTime2, Time as
|
|
13394
|
+
import { CalendarDate as CalendarDate3, parseDate as parseDate2, parseTime as parseTime2, Time as Time2 } from "@internationalized/date";
|
|
13411
13395
|
import { createContext as createContext2, useCallback as useCallback3, useContext as useContext3, useEffect as useEffect4, useMemo, useState as useState6 } from "react";
|
|
13412
13396
|
import { Popover as Popover2, PopoverDisclosure, usePopoverState } from "reakit/Popover";
|
|
13413
13397
|
|
|
@@ -14308,7 +14292,8 @@ var InputTime = React13.forwardRef(
|
|
|
14308
14292
|
isDisabled: !!disabled2,
|
|
14309
14293
|
onChange: useCallback2(
|
|
14310
14294
|
(time) => {
|
|
14311
|
-
|
|
14295
|
+
var _a;
|
|
14296
|
+
onChange == null ? void 0 : onChange((_a = time == null ? void 0 : time.toString()) != null ? _a : "00:00:00");
|
|
14312
14297
|
},
|
|
14313
14298
|
[onChange]
|
|
14314
14299
|
),
|
|
@@ -14574,7 +14559,7 @@ function DateTimePickerSummary({
|
|
|
14574
14559
|
import {
|
|
14575
14560
|
getLocalTimeZone as libGetLocalTimeZone,
|
|
14576
14561
|
parseAbsolute,
|
|
14577
|
-
Time
|
|
14562
|
+
Time,
|
|
14578
14563
|
toCalendarDate,
|
|
14579
14564
|
toCalendarDateTime,
|
|
14580
14565
|
toTime,
|
|
@@ -14604,7 +14589,7 @@ function tryToTime(time) {
|
|
|
14604
14589
|
}
|
|
14605
14590
|
function dateTimePickerPartsToIsoString(date, time, draftTimeZone) {
|
|
14606
14591
|
return date ? toZoned(
|
|
14607
|
-
toCalendarDateTime(date, time != null ? time : new
|
|
14592
|
+
toCalendarDateTime(date, time != null ? time : new Time(0, 0)),
|
|
14608
14593
|
draftTimeZone || getLocalTimeZone()
|
|
14609
14594
|
).toAbsoluteString() : null;
|
|
14610
14595
|
}
|
|
@@ -14682,7 +14667,7 @@ var DateTimePicker = ({
|
|
|
14682
14667
|
var _a;
|
|
14683
14668
|
if (popover2.visible) {
|
|
14684
14669
|
setDraftDate(tryToCalendarDate(parsedValue));
|
|
14685
|
-
setDraftTime((_a = tryToTime(parsedValue)) != null ? _a : new
|
|
14670
|
+
setDraftTime((_a = tryToTime(parsedValue)) != null ? _a : new Time2(0, 0));
|
|
14686
14671
|
}
|
|
14687
14672
|
}, [parsedValue, popover2.visible]);
|
|
14688
14673
|
const handleDateChange = useCallback3((isoDate) => {
|
|
@@ -17151,7 +17136,7 @@ var modalInnerStyles = css76`
|
|
|
17151
17136
|
gap: var(--spacing-base);
|
|
17152
17137
|
background: var(--gray-50);
|
|
17153
17138
|
color: unset;
|
|
17154
|
-
padding:
|
|
17139
|
+
padding: var(--spacing-base);
|
|
17155
17140
|
box-shadow: var(--elevation-500);
|
|
17156
17141
|
border-radius: var(--rounded-base);
|
|
17157
17142
|
`;
|
|
@@ -17173,7 +17158,6 @@ var modalCloseButtonStyles = css76`
|
|
|
17173
17158
|
display: block;
|
|
17174
17159
|
padding: 0;
|
|
17175
17160
|
margin-left: auto;
|
|
17176
|
-
translate: calc(var(--spacing-base)) calc(var(--spacing-base) * -1);
|
|
17177
17161
|
transition: color var(--duration-fast) var(--timing-ease-out);
|
|
17178
17162
|
|
|
17179
17163
|
&:hover,
|
|
@@ -17186,21 +17170,33 @@ var modalContentStyles = css76`
|
|
|
17186
17170
|
position: relative;
|
|
17187
17171
|
flex: 1;
|
|
17188
17172
|
overflow: auto;
|
|
17173
|
+
padding: var(--spacing-md);
|
|
17189
17174
|
${scrollbarStyles}
|
|
17190
17175
|
`;
|
|
17176
|
+
var modalDialogWrapper = css76`
|
|
17177
|
+
padding: 0 var(--spacing-lg) var(--spacing-md);
|
|
17178
|
+
`;
|
|
17179
|
+
var modalDialogInnerStyles = css76`
|
|
17180
|
+
// we need to override the gap of the modalInnerStyles when using a modal dialog
|
|
17181
|
+
> div {
|
|
17182
|
+
gap: 0;
|
|
17183
|
+
}
|
|
17184
|
+
`;
|
|
17191
17185
|
|
|
17192
17186
|
// src/components/Modal/Modal.tsx
|
|
17193
17187
|
import { jsx as jsx94, jsxs as jsxs63 } from "@emotion/react/jsx-runtime";
|
|
17188
|
+
var defaultModalWidth = "75rem";
|
|
17194
17189
|
var defaultModalHeight = "51rem";
|
|
17195
17190
|
var Modal = React21.forwardRef(
|
|
17196
17191
|
({
|
|
17197
17192
|
header: header2,
|
|
17198
17193
|
children,
|
|
17199
17194
|
onRequestClose,
|
|
17200
|
-
width,
|
|
17195
|
+
width = defaultModalWidth,
|
|
17201
17196
|
height = defaultModalHeight,
|
|
17202
17197
|
buttonGroup,
|
|
17203
17198
|
modalSize = "lg",
|
|
17199
|
+
withoutContentPadding = false,
|
|
17204
17200
|
...modalProps
|
|
17205
17201
|
}, ref) => {
|
|
17206
17202
|
const dialogRef = useRef6(null);
|
|
@@ -17243,7 +17239,7 @@ var Modal = React21.forwardRef(
|
|
|
17243
17239
|
ref.current = element;
|
|
17244
17240
|
}
|
|
17245
17241
|
},
|
|
17246
|
-
css: [modalStyles, width ?
|
|
17242
|
+
css: [modalStyles, !width ? size[modalSize] : void 0],
|
|
17247
17243
|
style: { width, height: height === "auto" ? "min-content" : height },
|
|
17248
17244
|
"data-testid": "side-dialog",
|
|
17249
17245
|
onClick: onRequestClose,
|
|
@@ -17258,7 +17254,7 @@ var Modal = React21.forwardRef(
|
|
|
17258
17254
|
onClick: (e) => e.stopPropagation(),
|
|
17259
17255
|
children: [
|
|
17260
17256
|
/* @__PURE__ */ jsxs63("div", { css: modalHeaderStyles, children: [
|
|
17261
|
-
/* @__PURE__ */ jsx94("div", { css: modalHeaderHeaderStyles, children: header2 }),
|
|
17257
|
+
!header2 ? null : /* @__PURE__ */ jsx94("div", { css: modalHeaderHeaderStyles, children: header2 }),
|
|
17262
17258
|
/* @__PURE__ */ jsx94(
|
|
17263
17259
|
Button,
|
|
17264
17260
|
{
|
|
@@ -17272,7 +17268,7 @@ var Modal = React21.forwardRef(
|
|
|
17272
17268
|
}
|
|
17273
17269
|
)
|
|
17274
17270
|
] }),
|
|
17275
|
-
/* @__PURE__ */ jsx94("div", { css: modalContentStyles, children }),
|
|
17271
|
+
/* @__PURE__ */ jsx94("div", { css: [modalContentStyles, !withoutContentPadding ? null : { padding: 0 }], children }),
|
|
17276
17272
|
buttonGroup ? /* @__PURE__ */ jsx94(HorizontalRhythm, { children: buttonGroup }) : null
|
|
17277
17273
|
]
|
|
17278
17274
|
}
|
|
@@ -17283,6 +17279,33 @@ var Modal = React21.forwardRef(
|
|
|
17283
17279
|
);
|
|
17284
17280
|
Modal.displayName = "Modal";
|
|
17285
17281
|
|
|
17282
|
+
// src/components/Modal/ModalDialog.tsx
|
|
17283
|
+
import { forwardRef as forwardRef13 } from "react";
|
|
17284
|
+
import { jsx as jsx95, jsxs as jsxs64 } from "@emotion/react/jsx-runtime";
|
|
17285
|
+
var ModalDialog = forwardRef13(
|
|
17286
|
+
({ header: header2, buttonGroup, modalSize = "lg", children, height = "auto", onRequestClose, ...props }, ref) => {
|
|
17287
|
+
return /* @__PURE__ */ jsx95(
|
|
17288
|
+
Modal,
|
|
17289
|
+
{
|
|
17290
|
+
...props,
|
|
17291
|
+
modalSize,
|
|
17292
|
+
ref,
|
|
17293
|
+
onRequestClose,
|
|
17294
|
+
height,
|
|
17295
|
+
withoutContentPadding: true,
|
|
17296
|
+
css: modalDialogInnerStyles,
|
|
17297
|
+
width: "",
|
|
17298
|
+
children: /* @__PURE__ */ jsxs64(VerticalRhythm, { css: modalDialogWrapper, children: [
|
|
17299
|
+
/* @__PURE__ */ jsx95("div", { css: modalHeaderStyles, children: header2 }),
|
|
17300
|
+
/* @__PURE__ */ jsx95("div", { children }),
|
|
17301
|
+
/* @__PURE__ */ jsx95(HorizontalRhythm, { children: buttonGroup })
|
|
17302
|
+
] })
|
|
17303
|
+
}
|
|
17304
|
+
);
|
|
17305
|
+
}
|
|
17306
|
+
);
|
|
17307
|
+
ModalDialog.displayName = "ModalDialog";
|
|
17308
|
+
|
|
17286
17309
|
// src/components/Pagination/Pagination.tsx
|
|
17287
17310
|
import Paginate from "react-paginate";
|
|
17288
17311
|
|
|
@@ -17315,7 +17338,7 @@ var page = css77`
|
|
|
17315
17338
|
`;
|
|
17316
17339
|
|
|
17317
17340
|
// src/components/Pagination/Pagination.tsx
|
|
17318
|
-
import { jsx as
|
|
17341
|
+
import { jsx as jsx96 } from "@emotion/react/jsx-runtime";
|
|
17319
17342
|
function Pagination({
|
|
17320
17343
|
limit,
|
|
17321
17344
|
offset,
|
|
@@ -17330,12 +17353,12 @@ function Pagination({
|
|
|
17330
17353
|
if (pageCount <= 1) {
|
|
17331
17354
|
return null;
|
|
17332
17355
|
}
|
|
17333
|
-
return /* @__PURE__ */
|
|
17356
|
+
return /* @__PURE__ */ jsx96(
|
|
17334
17357
|
Paginate,
|
|
17335
17358
|
{
|
|
17336
17359
|
forcePage: currentPage,
|
|
17337
|
-
previousLabel: /* @__PURE__ */
|
|
17338
|
-
nextLabel: /* @__PURE__ */
|
|
17360
|
+
previousLabel: /* @__PURE__ */ jsx96("div", { className: prevNextControls, children: "<" }),
|
|
17361
|
+
nextLabel: /* @__PURE__ */ jsx96("div", { className: prevNextControls, children: ">" }),
|
|
17339
17362
|
breakLabel: "...",
|
|
17340
17363
|
pageCount,
|
|
17341
17364
|
marginPagesDisplayed: 2,
|
|
@@ -17402,7 +17425,7 @@ var inputIconBtn = css78`
|
|
|
17402
17425
|
`;
|
|
17403
17426
|
|
|
17404
17427
|
// src/components/ParameterInputs/LabelLeadingIcon.tsx
|
|
17405
|
-
import { jsx as
|
|
17428
|
+
import { jsx as jsx97, jsxs as jsxs65 } from "@emotion/react/jsx-runtime";
|
|
17406
17429
|
var LabelLeadingIcon = ({
|
|
17407
17430
|
icon,
|
|
17408
17431
|
iconColor,
|
|
@@ -17414,7 +17437,7 @@ var LabelLeadingIcon = ({
|
|
|
17414
17437
|
...props
|
|
17415
17438
|
}) => {
|
|
17416
17439
|
const titleFr = title2 != null ? title2 : isLocked ? "Read-only pattern parameter" : isBound ? "Connected to external content. Click to edit" : "Click to connect to external content";
|
|
17417
|
-
return /* @__PURE__ */
|
|
17440
|
+
return /* @__PURE__ */ jsx97(Tooltip, { title: titleFr, children: /* @__PURE__ */ jsxs65(
|
|
17418
17441
|
"button",
|
|
17419
17442
|
{
|
|
17420
17443
|
css: inputIconBtn,
|
|
@@ -17424,7 +17447,7 @@ var LabelLeadingIcon = ({
|
|
|
17424
17447
|
...props,
|
|
17425
17448
|
"data-testid": "lock-button",
|
|
17426
17449
|
children: [
|
|
17427
|
-
/* @__PURE__ */
|
|
17450
|
+
/* @__PURE__ */ jsx97(
|
|
17428
17451
|
Icon,
|
|
17429
17452
|
{
|
|
17430
17453
|
icon: isLocked ? "lock" : icon ? icon : "arrows-expand-down-right",
|
|
@@ -17727,7 +17750,7 @@ var linkParameterIcon = css79`
|
|
|
17727
17750
|
`;
|
|
17728
17751
|
|
|
17729
17752
|
// src/components/ParameterInputs/ParameterDataResource.tsx
|
|
17730
|
-
import { jsx as
|
|
17753
|
+
import { jsx as jsx98, jsxs as jsxs66 } from "@emotion/react/jsx-runtime";
|
|
17731
17754
|
function ParameterDataResource({
|
|
17732
17755
|
label,
|
|
17733
17756
|
labelLeadingIcon,
|
|
@@ -17737,12 +17760,12 @@ function ParameterDataResource({
|
|
|
17737
17760
|
disabled: disabled2,
|
|
17738
17761
|
children
|
|
17739
17762
|
}) {
|
|
17740
|
-
return /* @__PURE__ */
|
|
17741
|
-
/* @__PURE__ */
|
|
17763
|
+
return /* @__PURE__ */ jsxs66("div", { "data-testid": "parameter-data-connect-button", children: [
|
|
17764
|
+
/* @__PURE__ */ jsxs66("span", { css: labelText2, children: [
|
|
17742
17765
|
labelLeadingIcon ? labelLeadingIcon : null,
|
|
17743
17766
|
label
|
|
17744
17767
|
] }),
|
|
17745
|
-
/* @__PURE__ */
|
|
17768
|
+
/* @__PURE__ */ jsxs66(
|
|
17746
17769
|
"button",
|
|
17747
17770
|
{
|
|
17748
17771
|
type: "button",
|
|
@@ -17751,12 +17774,12 @@ function ParameterDataResource({
|
|
|
17751
17774
|
disabled: disabled2,
|
|
17752
17775
|
onClick: onConnectDatasource,
|
|
17753
17776
|
children: [
|
|
17754
|
-
/* @__PURE__ */
|
|
17777
|
+
/* @__PURE__ */ jsx98("span", { className: "advance-input-icon", css: [inputIcon2], children: /* @__PURE__ */ jsx98(Icon, { icon: "stack", iconColor: "currentColor", size: "1rem" }) }),
|
|
17755
17778
|
children
|
|
17756
17779
|
]
|
|
17757
17780
|
}
|
|
17758
17781
|
),
|
|
17759
|
-
caption ? /* @__PURE__ */
|
|
17782
|
+
caption ? /* @__PURE__ */ jsx98(Caption, { children: caption }) : null
|
|
17760
17783
|
] });
|
|
17761
17784
|
}
|
|
17762
17785
|
|
|
@@ -17782,19 +17805,19 @@ var ParameterDrawerHeaderTitle = css80`
|
|
|
17782
17805
|
`;
|
|
17783
17806
|
|
|
17784
17807
|
// src/components/ParameterInputs/ParameterDrawerHeader.tsx
|
|
17785
|
-
import { jsx as
|
|
17808
|
+
import { jsx as jsx99, jsxs as jsxs67 } from "@emotion/react/jsx-runtime";
|
|
17786
17809
|
var ParameterDrawerHeader = ({ title: title2, iconBeforeTitle, children }) => {
|
|
17787
|
-
return /* @__PURE__ */
|
|
17788
|
-
/* @__PURE__ */
|
|
17810
|
+
return /* @__PURE__ */ jsxs67("div", { css: ParameterDrawerHeaderContainer, children: [
|
|
17811
|
+
/* @__PURE__ */ jsxs67("header", { css: ParameterDrawerHeaderTitleGroup, children: [
|
|
17789
17812
|
iconBeforeTitle,
|
|
17790
|
-
/* @__PURE__ */
|
|
17813
|
+
/* @__PURE__ */ jsx99(Heading, { level: 3, withMarginBottom: false, css: ParameterDrawerHeaderTitle, title: title2, children: title2 })
|
|
17791
17814
|
] }),
|
|
17792
17815
|
children
|
|
17793
17816
|
] });
|
|
17794
17817
|
};
|
|
17795
17818
|
|
|
17796
17819
|
// src/components/ParameterInputs/ParameterGroup.tsx
|
|
17797
|
-
import { forwardRef as
|
|
17820
|
+
import { forwardRef as forwardRef14 } from "react";
|
|
17798
17821
|
|
|
17799
17822
|
// src/components/ParameterInputs/styles/ParameterGroup.styles.ts
|
|
17800
17823
|
import { css as css81 } from "@emotion/react";
|
|
@@ -17817,18 +17840,18 @@ var fieldsetLegend2 = css81`
|
|
|
17817
17840
|
`;
|
|
17818
17841
|
|
|
17819
17842
|
// src/components/ParameterInputs/ParameterGroup.tsx
|
|
17820
|
-
import { jsx as
|
|
17821
|
-
var ParameterGroup =
|
|
17843
|
+
import { jsx as jsx100, jsxs as jsxs68 } from "@emotion/react/jsx-runtime";
|
|
17844
|
+
var ParameterGroup = forwardRef14(
|
|
17822
17845
|
({ legend, isDisabled, children, ...props }, ref) => {
|
|
17823
|
-
return /* @__PURE__ */
|
|
17824
|
-
/* @__PURE__ */
|
|
17846
|
+
return /* @__PURE__ */ jsxs68("fieldset", { css: fieldsetStyles, disabled: isDisabled, ref, ...props, children: [
|
|
17847
|
+
/* @__PURE__ */ jsx100("legend", { css: fieldsetLegend2, children: legend }),
|
|
17825
17848
|
children
|
|
17826
17849
|
] });
|
|
17827
17850
|
}
|
|
17828
17851
|
);
|
|
17829
17852
|
|
|
17830
17853
|
// src/components/ParameterInputs/ParameterImage.tsx
|
|
17831
|
-
import { forwardRef as
|
|
17854
|
+
import { forwardRef as forwardRef16, useDeferredValue } from "react";
|
|
17832
17855
|
|
|
17833
17856
|
// src/components/ParameterInputs/ParameterImagePreview.tsx
|
|
17834
17857
|
import { useState as useState12 } from "react";
|
|
@@ -17872,32 +17895,32 @@ var previewModalImage = css82`
|
|
|
17872
17895
|
`;
|
|
17873
17896
|
|
|
17874
17897
|
// src/components/ParameterInputs/ParameterImagePreview.tsx
|
|
17875
|
-
import { Fragment as Fragment13, jsx as
|
|
17898
|
+
import { Fragment as Fragment13, jsx as jsx101, jsxs as jsxs69 } from "@emotion/react/jsx-runtime";
|
|
17876
17899
|
function ParameterImagePreview({ imageSrc }) {
|
|
17877
17900
|
const [showModal, setShowModal] = useState12(false);
|
|
17878
|
-
return imageSrc ? /* @__PURE__ */
|
|
17879
|
-
/* @__PURE__ */
|
|
17880
|
-
/* @__PURE__ */
|
|
17901
|
+
return imageSrc ? /* @__PURE__ */ jsxs69("div", { css: previewWrapper, children: [
|
|
17902
|
+
/* @__PURE__ */ jsx101(PreviewImageModal, { open: showModal, imageSrc, onRequestClose: () => setShowModal(false) }),
|
|
17903
|
+
/* @__PURE__ */ jsx101(
|
|
17881
17904
|
"button",
|
|
17882
17905
|
{
|
|
17883
17906
|
css: previewLink,
|
|
17884
17907
|
onClick: () => {
|
|
17885
17908
|
setShowModal(true);
|
|
17886
17909
|
},
|
|
17887
|
-
children: /* @__PURE__ */
|
|
17910
|
+
children: /* @__PURE__ */ jsx101(Image, { src: imageSrc, "data-testid": "parameter-image-preview" })
|
|
17888
17911
|
}
|
|
17889
17912
|
)
|
|
17890
17913
|
] }) : null;
|
|
17891
17914
|
}
|
|
17892
17915
|
var PreviewImageModal = ({ open, onRequestClose, imageSrc }) => {
|
|
17893
|
-
return open ? /* @__PURE__ */
|
|
17894
|
-
/* @__PURE__ */
|
|
17916
|
+
return open ? /* @__PURE__ */ jsx101(Fragment13, { children: createPortal2(
|
|
17917
|
+
/* @__PURE__ */ jsx101(
|
|
17895
17918
|
Modal,
|
|
17896
17919
|
{
|
|
17897
17920
|
header: "Image Preview",
|
|
17898
17921
|
onRequestClose,
|
|
17899
|
-
buttonGroup: /* @__PURE__ */
|
|
17900
|
-
children: /* @__PURE__ */
|
|
17922
|
+
buttonGroup: /* @__PURE__ */ jsx101(Button, { buttonType: "secondary", onClick: onRequestClose, children: "Ok" }),
|
|
17923
|
+
children: /* @__PURE__ */ jsx101("div", { css: previewModalWrapper, children: /* @__PURE__ */ jsx101(Image, { src: imageSrc, css: previewModalImage, "data-testid": "parameter-image-preview" }) })
|
|
17901
17924
|
}
|
|
17902
17925
|
),
|
|
17903
17926
|
document.body
|
|
@@ -17909,21 +17932,21 @@ import { css as css84 } from "@emotion/react";
|
|
|
17909
17932
|
import { useState as useState13 } from "react";
|
|
17910
17933
|
|
|
17911
17934
|
// src/components/ParameterInputs/ParameterLabel.tsx
|
|
17912
|
-
import { jsx as
|
|
17935
|
+
import { jsx as jsx102 } from "@emotion/react/jsx-runtime";
|
|
17913
17936
|
var ParameterLabel = ({ id, asSpan, children, ...props }) => {
|
|
17914
|
-
return !asSpan ? /* @__PURE__ */
|
|
17937
|
+
return !asSpan ? /* @__PURE__ */ jsx102("label", { ...props, htmlFor: id, css: labelText2, children }) : /* @__PURE__ */ jsx102("span", { "aria-labelledby": id, css: labelText2, children });
|
|
17915
17938
|
};
|
|
17916
17939
|
|
|
17917
17940
|
// src/components/ParameterInputs/ParameterMenuButton.tsx
|
|
17918
|
-
import { forwardRef as
|
|
17919
|
-
import { jsx as
|
|
17920
|
-
var ParameterMenuButton =
|
|
17941
|
+
import { forwardRef as forwardRef15 } from "react";
|
|
17942
|
+
import { jsx as jsx103 } from "@emotion/react/jsx-runtime";
|
|
17943
|
+
var ParameterMenuButton = forwardRef15(
|
|
17921
17944
|
({ label, children }, ref) => {
|
|
17922
|
-
return /* @__PURE__ */
|
|
17945
|
+
return /* @__PURE__ */ jsx103(
|
|
17923
17946
|
Menu,
|
|
17924
17947
|
{
|
|
17925
17948
|
menuLabel: `${label} menu`,
|
|
17926
|
-
menuTrigger: /* @__PURE__ */
|
|
17949
|
+
menuTrigger: /* @__PURE__ */ jsx103(
|
|
17927
17950
|
"button",
|
|
17928
17951
|
{
|
|
17929
17952
|
className: "parameter-menu",
|
|
@@ -17931,7 +17954,7 @@ var ParameterMenuButton = forwardRef14(
|
|
|
17931
17954
|
type: "button",
|
|
17932
17955
|
"aria-label": `${label} options`,
|
|
17933
17956
|
ref,
|
|
17934
|
-
children: /* @__PURE__ */
|
|
17957
|
+
children: /* @__PURE__ */ jsx103(Icon, { icon: "more-alt", iconColor: "currentColor", size: "0.9rem" })
|
|
17935
17958
|
}
|
|
17936
17959
|
),
|
|
17937
17960
|
children
|
|
@@ -17967,7 +17990,7 @@ var overrideMarker = css83`
|
|
|
17967
17990
|
`;
|
|
17968
17991
|
|
|
17969
17992
|
// src/components/ParameterInputs/ParameterShell.tsx
|
|
17970
|
-
import { jsx as
|
|
17993
|
+
import { jsx as jsx104, jsxs as jsxs70 } from "@emotion/react/jsx-runtime";
|
|
17971
17994
|
var extractParameterProps = (props) => {
|
|
17972
17995
|
const {
|
|
17973
17996
|
id,
|
|
@@ -18030,19 +18053,19 @@ var ParameterShell = ({
|
|
|
18030
18053
|
const [manualErrorMessage, setManualErrorMessage] = useState13(void 0);
|
|
18031
18054
|
const setErrorMessage = (message) => setManualErrorMessage(message);
|
|
18032
18055
|
const errorMessaging = errorMessage || manualErrorMessage;
|
|
18033
|
-
return /* @__PURE__ */
|
|
18034
|
-
hiddenLabel || title2 ? null : /* @__PURE__ */
|
|
18056
|
+
return /* @__PURE__ */ jsxs70("div", { css: inputContainer2, ...props, id, children: [
|
|
18057
|
+
hiddenLabel || title2 ? null : /* @__PURE__ */ jsxs70(ParameterLabel, { id, css: labelText2, children: [
|
|
18035
18058
|
labelLeadingIcon != null ? labelLeadingIcon : null,
|
|
18036
18059
|
label,
|
|
18037
18060
|
labelTrailingIcon != null ? labelTrailingIcon : null
|
|
18038
18061
|
] }),
|
|
18039
|
-
!title2 ? null : /* @__PURE__ */
|
|
18062
|
+
!title2 ? null : /* @__PURE__ */ jsxs70(ParameterLabel, { id, asSpan: true, children: [
|
|
18040
18063
|
labelLeadingIcon != null ? labelLeadingIcon : null,
|
|
18041
18064
|
title2,
|
|
18042
18065
|
labelTrailingIcon != null ? labelTrailingIcon : null
|
|
18043
18066
|
] }),
|
|
18044
|
-
/* @__PURE__ */
|
|
18045
|
-
actionItems ? /* @__PURE__ */
|
|
18067
|
+
/* @__PURE__ */ jsxs70("div", { css: inputWrapper, children: [
|
|
18068
|
+
actionItems ? /* @__PURE__ */ jsx104(
|
|
18046
18069
|
"div",
|
|
18047
18070
|
{
|
|
18048
18071
|
css: [
|
|
@@ -18055,8 +18078,8 @@ var ParameterShell = ({
|
|
|
18055
18078
|
children: actionItems
|
|
18056
18079
|
}
|
|
18057
18080
|
) : null,
|
|
18058
|
-
menuItems ? /* @__PURE__ */
|
|
18059
|
-
/* @__PURE__ */
|
|
18081
|
+
menuItems ? /* @__PURE__ */ jsx104(ParameterMenuButton, { label: `${label} menu`, children: menuItems }) : null,
|
|
18082
|
+
/* @__PURE__ */ jsx104(
|
|
18060
18083
|
ParameterShellContext.Provider,
|
|
18061
18084
|
{
|
|
18062
18085
|
value: {
|
|
@@ -18066,14 +18089,14 @@ var ParameterShell = ({
|
|
|
18066
18089
|
errorMessage: errorMessaging,
|
|
18067
18090
|
handleManuallySetErrorMessage: (message) => setErrorMessage(message)
|
|
18068
18091
|
},
|
|
18069
|
-
children: isParameterGroup ? /* @__PURE__ */
|
|
18092
|
+
children: isParameterGroup ? /* @__PURE__ */ jsx104("div", { style: { flexGrow: 1 }, children }) : /* @__PURE__ */ jsxs70(ParameterShellPlaceholder, { children: [
|
|
18070
18093
|
children,
|
|
18071
|
-
hasOverriddenValue && onResetOverriddenValue ? /* @__PURE__ */
|
|
18094
|
+
hasOverriddenValue && onResetOverriddenValue ? /* @__PURE__ */ jsx104(ParameterOverrideMarker, { onClick: onResetOverriddenValue }) : null
|
|
18072
18095
|
] })
|
|
18073
18096
|
}
|
|
18074
18097
|
)
|
|
18075
18098
|
] }),
|
|
18076
|
-
/* @__PURE__ */
|
|
18099
|
+
/* @__PURE__ */ jsx104(
|
|
18077
18100
|
FieldMessage,
|
|
18078
18101
|
{
|
|
18079
18102
|
helperMessageTestId: captionTestId,
|
|
@@ -18087,27 +18110,27 @@ var ParameterShell = ({
|
|
|
18087
18110
|
] });
|
|
18088
18111
|
};
|
|
18089
18112
|
var ParameterShellPlaceholder = ({ children }) => {
|
|
18090
|
-
return /* @__PURE__ */
|
|
18113
|
+
return /* @__PURE__ */ jsx104("div", { css: emptyParameterShell, children });
|
|
18091
18114
|
};
|
|
18092
|
-
var ParameterOverrideMarker = (props) => /* @__PURE__ */
|
|
18115
|
+
var ParameterOverrideMarker = (props) => /* @__PURE__ */ jsx104(Tooltip, { title: "The default value has been overridden", children: /* @__PURE__ */ jsx104("button", { type: "button", css: overrideMarker, ...props, children: /* @__PURE__ */ jsx104("span", { hidden: true, children: "reset overridden value to default" }) }) });
|
|
18093
18116
|
|
|
18094
18117
|
// src/components/ParameterInputs/ParameterImage.tsx
|
|
18095
|
-
import { Fragment as Fragment14, jsx as
|
|
18096
|
-
var ParameterImage =
|
|
18118
|
+
import { Fragment as Fragment14, jsx as jsx105, jsxs as jsxs71 } from "@emotion/react/jsx-runtime";
|
|
18119
|
+
var ParameterImage = forwardRef16(
|
|
18097
18120
|
({ children, ...props }, ref) => {
|
|
18098
18121
|
const { shellProps, innerProps } = extractParameterProps(props);
|
|
18099
|
-
return /* @__PURE__ */
|
|
18100
|
-
/* @__PURE__ */
|
|
18122
|
+
return /* @__PURE__ */ jsxs71(ParameterShell, { "data-test-id": "parameter-image", ...shellProps, children: [
|
|
18123
|
+
/* @__PURE__ */ jsx105(ParameterImageInner, { ref, ...innerProps }),
|
|
18101
18124
|
children
|
|
18102
18125
|
] });
|
|
18103
18126
|
}
|
|
18104
18127
|
);
|
|
18105
|
-
var ParameterImageInner =
|
|
18128
|
+
var ParameterImageInner = forwardRef16((props, ref) => {
|
|
18106
18129
|
const { value } = props;
|
|
18107
18130
|
const { id, label, hiddenLabel, errorMessage } = useParameterShell();
|
|
18108
18131
|
const deferredValue = useDeferredValue(value);
|
|
18109
|
-
return /* @__PURE__ */
|
|
18110
|
-
/* @__PURE__ */
|
|
18132
|
+
return /* @__PURE__ */ jsxs71(Fragment14, { children: [
|
|
18133
|
+
/* @__PURE__ */ jsx105(
|
|
18111
18134
|
"input",
|
|
18112
18135
|
{
|
|
18113
18136
|
css: input3,
|
|
@@ -18119,21 +18142,21 @@ var ParameterImageInner = forwardRef15((props, ref) => {
|
|
|
18119
18142
|
...props
|
|
18120
18143
|
}
|
|
18121
18144
|
),
|
|
18122
|
-
errorMessage || props.disablePreview ? null : /* @__PURE__ */
|
|
18145
|
+
errorMessage || props.disablePreview ? null : /* @__PURE__ */ jsx105(ParameterImagePreview, { imageSrc: deferredValue })
|
|
18123
18146
|
] });
|
|
18124
18147
|
});
|
|
18125
18148
|
|
|
18126
18149
|
// src/components/ParameterInputs/ParameterInput.tsx
|
|
18127
|
-
import { forwardRef as
|
|
18128
|
-
import { jsx as
|
|
18129
|
-
var ParameterInput =
|
|
18150
|
+
import { forwardRef as forwardRef17 } from "react";
|
|
18151
|
+
import { jsx as jsx106 } from "@emotion/react/jsx-runtime";
|
|
18152
|
+
var ParameterInput = forwardRef17((props, ref) => {
|
|
18130
18153
|
const { shellProps, innerProps } = extractParameterProps(props);
|
|
18131
|
-
return /* @__PURE__ */
|
|
18154
|
+
return /* @__PURE__ */ jsx106(ParameterShell, { "data-testid": "parameter-input", ...shellProps, children: /* @__PURE__ */ jsx106(ParameterInputInner, { ref, ...innerProps }) });
|
|
18132
18155
|
});
|
|
18133
|
-
var ParameterInputInner =
|
|
18156
|
+
var ParameterInputInner = forwardRef17(
|
|
18134
18157
|
({ ...props }, ref) => {
|
|
18135
18158
|
const { id, label, hiddenLabel } = useParameterShell();
|
|
18136
|
-
return /* @__PURE__ */
|
|
18159
|
+
return /* @__PURE__ */ jsx106(
|
|
18137
18160
|
"input",
|
|
18138
18161
|
{
|
|
18139
18162
|
css: input3,
|
|
@@ -18149,19 +18172,19 @@ var ParameterInputInner = forwardRef16(
|
|
|
18149
18172
|
);
|
|
18150
18173
|
|
|
18151
18174
|
// src/components/ParameterInputs/ParameterLink.tsx
|
|
18152
|
-
import { forwardRef as
|
|
18153
|
-
import { jsx as
|
|
18154
|
-
var ParameterLink =
|
|
18175
|
+
import { forwardRef as forwardRef18 } from "react";
|
|
18176
|
+
import { jsx as jsx107, jsxs as jsxs72 } from "@emotion/react/jsx-runtime";
|
|
18177
|
+
var ParameterLink = forwardRef18(
|
|
18155
18178
|
({ disabled: disabled2, onConnectLink, externalLink, ...props }, ref) => {
|
|
18156
18179
|
const { shellProps, innerProps } = extractParameterProps(props);
|
|
18157
|
-
return /* @__PURE__ */
|
|
18180
|
+
return /* @__PURE__ */ jsx107(
|
|
18158
18181
|
ParameterShell,
|
|
18159
18182
|
{
|
|
18160
18183
|
"data-testid": "link-parameter-editor",
|
|
18161
18184
|
...shellProps,
|
|
18162
18185
|
label: innerProps.value ? shellProps.label : "",
|
|
18163
18186
|
title: !innerProps.value ? shellProps.label : void 0,
|
|
18164
|
-
children: /* @__PURE__ */
|
|
18187
|
+
children: /* @__PURE__ */ jsx107(
|
|
18165
18188
|
ParameterLinkInner,
|
|
18166
18189
|
{
|
|
18167
18190
|
onConnectLink,
|
|
@@ -18174,13 +18197,13 @@ var ParameterLink = forwardRef17(
|
|
|
18174
18197
|
);
|
|
18175
18198
|
}
|
|
18176
18199
|
);
|
|
18177
|
-
var ParameterLinkInner =
|
|
18200
|
+
var ParameterLinkInner = forwardRef18(
|
|
18178
18201
|
({ externalLink, onConnectLink, disabled: disabled2, buttonText = "Select link", ...props }, ref) => {
|
|
18179
18202
|
const { id, label, hiddenLabel } = useParameterShell();
|
|
18180
18203
|
if (!props.value)
|
|
18181
|
-
return /* @__PURE__ */
|
|
18182
|
-
return /* @__PURE__ */
|
|
18183
|
-
/* @__PURE__ */
|
|
18204
|
+
return /* @__PURE__ */ jsx107("button", { type: "button", css: dataConnectButton, disabled: disabled2, onClick: onConnectLink, children: buttonText });
|
|
18205
|
+
return /* @__PURE__ */ jsxs72("div", { css: inputWrapper, children: [
|
|
18206
|
+
/* @__PURE__ */ jsx107(
|
|
18184
18207
|
"input",
|
|
18185
18208
|
{
|
|
18186
18209
|
type: "text",
|
|
@@ -18192,8 +18215,8 @@ var ParameterLinkInner = forwardRef17(
|
|
|
18192
18215
|
...props
|
|
18193
18216
|
}
|
|
18194
18217
|
),
|
|
18195
|
-
/* @__PURE__ */
|
|
18196
|
-
/* @__PURE__ */
|
|
18218
|
+
/* @__PURE__ */ jsxs72("div", { css: linkParameterControls, children: [
|
|
18219
|
+
/* @__PURE__ */ jsx107(
|
|
18197
18220
|
"button",
|
|
18198
18221
|
{
|
|
18199
18222
|
type: "button",
|
|
@@ -18204,7 +18227,7 @@ var ParameterLinkInner = forwardRef17(
|
|
|
18204
18227
|
children: "edit"
|
|
18205
18228
|
}
|
|
18206
18229
|
),
|
|
18207
|
-
externalLink ? /* @__PURE__ */
|
|
18230
|
+
externalLink ? /* @__PURE__ */ jsx107(
|
|
18208
18231
|
"a",
|
|
18209
18232
|
{
|
|
18210
18233
|
href: externalLink,
|
|
@@ -18212,7 +18235,7 @@ var ParameterLinkInner = forwardRef17(
|
|
|
18212
18235
|
title: "Open link in new tab",
|
|
18213
18236
|
target: "_blank",
|
|
18214
18237
|
rel: "noopener noreferrer",
|
|
18215
|
-
children: /* @__PURE__ */
|
|
18238
|
+
children: /* @__PURE__ */ jsx107(Icon, { icon: "arrows-expand-up-right", iconColor: "currentColor", size: "1rem" })
|
|
18216
18239
|
}
|
|
18217
18240
|
) : null
|
|
18218
18241
|
] })
|
|
@@ -18221,7 +18244,7 @@ var ParameterLinkInner = forwardRef17(
|
|
|
18221
18244
|
);
|
|
18222
18245
|
|
|
18223
18246
|
// src/components/ParameterInputs/ParameterNameAndPublicIdInput.tsx
|
|
18224
|
-
import { Fragment as Fragment15, jsx as
|
|
18247
|
+
import { Fragment as Fragment15, jsx as jsx108, jsxs as jsxs73 } from "@emotion/react/jsx-runtime";
|
|
18225
18248
|
var ParameterNameAndPublicIdInput = ({
|
|
18226
18249
|
id,
|
|
18227
18250
|
onBlur,
|
|
@@ -18247,8 +18270,8 @@ var ParameterNameAndPublicIdInput = ({
|
|
|
18247
18270
|
navigator.clipboard.writeText(values[publicIdFieldName]);
|
|
18248
18271
|
};
|
|
18249
18272
|
autoFocus == null ? void 0 : autoFocus();
|
|
18250
|
-
return /* @__PURE__ */
|
|
18251
|
-
/* @__PURE__ */
|
|
18273
|
+
return /* @__PURE__ */ jsxs73(Fragment15, { children: [
|
|
18274
|
+
/* @__PURE__ */ jsx108(
|
|
18252
18275
|
ParameterInput,
|
|
18253
18276
|
{
|
|
18254
18277
|
id: nameIdField,
|
|
@@ -18267,7 +18290,7 @@ var ParameterNameAndPublicIdInput = ({
|
|
|
18267
18290
|
value: values[nameIdField]
|
|
18268
18291
|
}
|
|
18269
18292
|
),
|
|
18270
|
-
/* @__PURE__ */
|
|
18293
|
+
/* @__PURE__ */ jsx108(
|
|
18271
18294
|
ParameterInput,
|
|
18272
18295
|
{
|
|
18273
18296
|
id: publicIdFieldName,
|
|
@@ -18281,11 +18304,11 @@ var ParameterNameAndPublicIdInput = ({
|
|
|
18281
18304
|
caption: !publicIdError ? publicIdCaption : void 0,
|
|
18282
18305
|
placeholder: publicIdPlaceholderText,
|
|
18283
18306
|
errorMessage: publicIdError,
|
|
18284
|
-
menuItems: /* @__PURE__ */
|
|
18307
|
+
menuItems: /* @__PURE__ */ jsx108(
|
|
18285
18308
|
MenuItem,
|
|
18286
18309
|
{
|
|
18287
18310
|
disabled: !values[publicIdFieldName],
|
|
18288
|
-
icon: /* @__PURE__ */
|
|
18311
|
+
icon: /* @__PURE__ */ jsx108(Icon, { icon: "path-trim", iconColor: "currentColor" }),
|
|
18289
18312
|
onClick: handleCopyPidFieldValue,
|
|
18290
18313
|
children: "Copy"
|
|
18291
18314
|
}
|
|
@@ -18293,7 +18316,7 @@ var ParameterNameAndPublicIdInput = ({
|
|
|
18293
18316
|
value: values[publicIdFieldName]
|
|
18294
18317
|
}
|
|
18295
18318
|
),
|
|
18296
|
-
(warnOverLength == null ? void 0 : warnOverLength.length) && values[publicIdFieldName].length > warnOverLength.length ? /* @__PURE__ */
|
|
18319
|
+
(warnOverLength == null ? void 0 : warnOverLength.length) && values[publicIdFieldName].length > warnOverLength.length ? /* @__PURE__ */ jsx108(Callout, { type: "caution", children: warnOverLength.message }) : null
|
|
18297
18320
|
] });
|
|
18298
18321
|
};
|
|
18299
18322
|
|
|
@@ -18683,7 +18706,7 @@ var getSelectedNode = (selection) => {
|
|
|
18683
18706
|
};
|
|
18684
18707
|
|
|
18685
18708
|
// src/components/ParameterInputs/rich-text/LinkNodePlugin.tsx
|
|
18686
|
-
import { Fragment as Fragment16, jsx as
|
|
18709
|
+
import { Fragment as Fragment16, jsx as jsx109, jsxs as jsxs74 } from "@emotion/react/jsx-runtime";
|
|
18687
18710
|
var isProjectMapLinkValue = (value) => {
|
|
18688
18711
|
return (value == null ? void 0 : value.type) === "projectMapNode" && Boolean(
|
|
18689
18712
|
value.nodeId && value.path && value.projectMapId
|
|
@@ -19126,8 +19149,8 @@ function LinkNodePlugin({ onConnectLink, getBoundPath }) {
|
|
|
19126
19149
|
});
|
|
19127
19150
|
});
|
|
19128
19151
|
};
|
|
19129
|
-
return /* @__PURE__ */
|
|
19130
|
-
/* @__PURE__ */
|
|
19152
|
+
return /* @__PURE__ */ jsxs74(Fragment16, { children: [
|
|
19153
|
+
/* @__PURE__ */ jsx109(
|
|
19131
19154
|
NodeEventPlugin,
|
|
19132
19155
|
{
|
|
19133
19156
|
nodeType: LinkNode,
|
|
@@ -19137,7 +19160,7 @@ function LinkNodePlugin({ onConnectLink, getBoundPath }) {
|
|
|
19137
19160
|
}
|
|
19138
19161
|
}
|
|
19139
19162
|
),
|
|
19140
|
-
linkPopoverState ? /* @__PURE__ */
|
|
19163
|
+
linkPopoverState ? /* @__PURE__ */ jsx109(
|
|
19141
19164
|
"div",
|
|
19142
19165
|
{
|
|
19143
19166
|
css: linkPopover,
|
|
@@ -19146,8 +19169,8 @@ function LinkNodePlugin({ onConnectLink, getBoundPath }) {
|
|
|
19146
19169
|
top: linkPopoverState.position.y
|
|
19147
19170
|
},
|
|
19148
19171
|
ref: linkPopoverElRef,
|
|
19149
|
-
children: /* @__PURE__ */
|
|
19150
|
-
linkPopoverState.node.__link.type === "projectMapNode" ? linkPopoverState.node.__link.path : /* @__PURE__ */
|
|
19172
|
+
children: /* @__PURE__ */ jsxs74("div", { css: linkPopoverContainer, children: [
|
|
19173
|
+
linkPopoverState.node.__link.type === "projectMapNode" ? linkPopoverState.node.__link.path : /* @__PURE__ */ jsx109(
|
|
19151
19174
|
"a",
|
|
19152
19175
|
{
|
|
19153
19176
|
href: parsePath(
|
|
@@ -19159,7 +19182,7 @@ function LinkNodePlugin({ onConnectLink, getBoundPath }) {
|
|
|
19159
19182
|
children: parsePath(linkPopoverState.node.__link.path)
|
|
19160
19183
|
}
|
|
19161
19184
|
),
|
|
19162
|
-
/* @__PURE__ */
|
|
19185
|
+
/* @__PURE__ */ jsx109(
|
|
19163
19186
|
Button,
|
|
19164
19187
|
{
|
|
19165
19188
|
size: "xs",
|
|
@@ -19167,7 +19190,7 @@ function LinkNodePlugin({ onConnectLink, getBoundPath }) {
|
|
|
19167
19190
|
onEditLinkNode(linkPopoverState.node);
|
|
19168
19191
|
},
|
|
19169
19192
|
buttonType: "ghost",
|
|
19170
|
-
children: /* @__PURE__ */
|
|
19193
|
+
children: /* @__PURE__ */ jsx109(Icon, { icon: "pen", size: "1rem", title: "Edit link" })
|
|
19171
19194
|
}
|
|
19172
19195
|
)
|
|
19173
19196
|
] })
|
|
@@ -19192,7 +19215,7 @@ import {
|
|
|
19192
19215
|
INDENT_CONTENT_COMMAND
|
|
19193
19216
|
} from "lexical";
|
|
19194
19217
|
import { useEffect as useEffect14 } from "react";
|
|
19195
|
-
import { jsx as
|
|
19218
|
+
import { jsx as jsx110 } from "@emotion/react/jsx-runtime";
|
|
19196
19219
|
function isIndentPermitted(maxDepth) {
|
|
19197
19220
|
const selection = $getSelection2();
|
|
19198
19221
|
if (!$isRangeSelection2(selection)) {
|
|
@@ -19222,7 +19245,7 @@ function ListIndentPlugin({ maxDepth }) {
|
|
|
19222
19245
|
COMMAND_PRIORITY_CRITICAL
|
|
19223
19246
|
);
|
|
19224
19247
|
}, [editor, maxDepth]);
|
|
19225
|
-
return /* @__PURE__ */
|
|
19248
|
+
return /* @__PURE__ */ jsx110(TabIndentationPlugin, {});
|
|
19226
19249
|
}
|
|
19227
19250
|
|
|
19228
19251
|
// src/components/ParameterInputs/rich-text/RichTextToolbar.tsx
|
|
@@ -19249,7 +19272,7 @@ import {
|
|
|
19249
19272
|
SELECTION_CHANGE_COMMAND
|
|
19250
19273
|
} from "lexical";
|
|
19251
19274
|
import { useCallback as useCallback9, useEffect as useEffect15, useMemo as useMemo4, useState as useState15 } from "react";
|
|
19252
|
-
import { Fragment as Fragment17, jsx as
|
|
19275
|
+
import { Fragment as Fragment17, jsx as jsx111, jsxs as jsxs75 } from "@emotion/react/jsx-runtime";
|
|
19253
19276
|
var toolbar = css87`
|
|
19254
19277
|
background: var(--gray-50);
|
|
19255
19278
|
border-radius: var(--rounded-base);
|
|
@@ -19301,7 +19324,7 @@ var toolbarChevron = css87`
|
|
|
19301
19324
|
margin-left: var(--spacing-xs);
|
|
19302
19325
|
`;
|
|
19303
19326
|
var RichTextToolbarIcon = ({ icon }) => {
|
|
19304
|
-
return /* @__PURE__ */
|
|
19327
|
+
return /* @__PURE__ */ jsx111(Icon, { icon, css: toolbarIcon, size: "1rem" });
|
|
19305
19328
|
};
|
|
19306
19329
|
var FORMATS_WITH_ICON = /* @__PURE__ */ new Map([
|
|
19307
19330
|
["bold", "format-bold"],
|
|
@@ -19410,15 +19433,15 @@ var RichTextToolbar = ({ config, customControls }) => {
|
|
|
19410
19433
|
});
|
|
19411
19434
|
});
|
|
19412
19435
|
}, [editor, updateToolbar]);
|
|
19413
|
-
return /* @__PURE__ */
|
|
19414
|
-
/* @__PURE__ */
|
|
19436
|
+
return /* @__PURE__ */ jsxs75("div", { css: toolbar, children: [
|
|
19437
|
+
/* @__PURE__ */ jsxs75(
|
|
19415
19438
|
Menu,
|
|
19416
19439
|
{
|
|
19417
19440
|
menuLabel: "Elements",
|
|
19418
|
-
menuTrigger: /* @__PURE__ */
|
|
19441
|
+
menuTrigger: /* @__PURE__ */ jsxs75("button", { css: richTextToolbarButton, title: "Text styles", children: [
|
|
19419
19442
|
visibleTextualElements.some((element) => element.type === activeElement) ? getLabelForElement(activeElement) : getLabelForElement("paragraph"),
|
|
19420
19443
|
" ",
|
|
19421
|
-
/* @__PURE__ */
|
|
19444
|
+
/* @__PURE__ */ jsx111(Icon, { icon: "chevron-down", css: [toolbarIcon, toolbarChevron], size: "1rem" })
|
|
19422
19445
|
] }),
|
|
19423
19446
|
placement: "bottom-start",
|
|
19424
19447
|
children: [
|
|
@@ -19428,7 +19451,7 @@ var RichTextToolbar = ({ config, customControls }) => {
|
|
|
19428
19451
|
type: "paragraph"
|
|
19429
19452
|
},
|
|
19430
19453
|
...visibleTextualElements
|
|
19431
|
-
].map((element) => /* @__PURE__ */
|
|
19454
|
+
].map((element) => /* @__PURE__ */ jsx111(
|
|
19432
19455
|
MenuItem,
|
|
19433
19456
|
{
|
|
19434
19457
|
onClick: () => {
|
|
@@ -19438,12 +19461,12 @@ var RichTextToolbar = ({ config, customControls }) => {
|
|
|
19438
19461
|
},
|
|
19439
19462
|
element.type
|
|
19440
19463
|
)),
|
|
19441
|
-
visibleTextualElements.length === 0 ? /* @__PURE__ */
|
|
19464
|
+
visibleTextualElements.length === 0 ? /* @__PURE__ */ jsx111(MenuItem, { disabled: true, children: "Alternative text styles are not available" }) : null
|
|
19442
19465
|
]
|
|
19443
19466
|
}
|
|
19444
19467
|
),
|
|
19445
|
-
visibleFormatsWithIcon.length > 0 || visibleFormatsWithoutIcon.length > 0 ? /* @__PURE__ */
|
|
19446
|
-
visibleFormatsWithIcon.map((format) => /* @__PURE__ */
|
|
19468
|
+
visibleFormatsWithIcon.length > 0 || visibleFormatsWithoutIcon.length > 0 ? /* @__PURE__ */ jsxs75("div", { css: toolbarGroup, children: [
|
|
19469
|
+
visibleFormatsWithIcon.map((format) => /* @__PURE__ */ jsx111(Tooltip, { title: format.label, placement: "top", children: /* @__PURE__ */ jsx111(
|
|
19447
19470
|
"button",
|
|
19448
19471
|
{
|
|
19449
19472
|
onClick: () => {
|
|
@@ -19453,16 +19476,16 @@ var RichTextToolbar = ({ config, customControls }) => {
|
|
|
19453
19476
|
richTextToolbarButton,
|
|
19454
19477
|
activeFormats.includes(format.type) ? richTextToolbarButtonActive : null
|
|
19455
19478
|
],
|
|
19456
|
-
children: /* @__PURE__ */
|
|
19479
|
+
children: /* @__PURE__ */ jsx111(RichTextToolbarIcon, { icon: FORMATS_WITH_ICON.get(format.type) })
|
|
19457
19480
|
}
|
|
19458
19481
|
) }, format.type)),
|
|
19459
|
-
visibleFormatsWithoutIcon.length > 0 ? /* @__PURE__ */
|
|
19482
|
+
visibleFormatsWithoutIcon.length > 0 ? /* @__PURE__ */ jsx111(
|
|
19460
19483
|
Menu,
|
|
19461
19484
|
{
|
|
19462
19485
|
menuLabel: "Alternative text styles",
|
|
19463
|
-
menuTrigger: /* @__PURE__ */
|
|
19486
|
+
menuTrigger: /* @__PURE__ */ jsx111("button", { css: richTextToolbarButton, title: "Alternative text styles", children: /* @__PURE__ */ jsx111(Icon, { icon: "more-alt", css: toolbarIcon }) }),
|
|
19464
19487
|
placement: "bottom-start",
|
|
19465
|
-
children: visibleFormatsWithoutIcon.map((format) => /* @__PURE__ */
|
|
19488
|
+
children: visibleFormatsWithoutIcon.map((format) => /* @__PURE__ */ jsx111(
|
|
19466
19489
|
MenuItem,
|
|
19467
19490
|
{
|
|
19468
19491
|
onClick: () => {
|
|
@@ -19475,19 +19498,19 @@ var RichTextToolbar = ({ config, customControls }) => {
|
|
|
19475
19498
|
}
|
|
19476
19499
|
) : null
|
|
19477
19500
|
] }) : null,
|
|
19478
|
-
visibleElementsWithIcons.size > 0 ? /* @__PURE__ */
|
|
19479
|
-
linkElementVisible ? /* @__PURE__ */
|
|
19501
|
+
visibleElementsWithIcons.size > 0 ? /* @__PURE__ */ jsxs75("div", { css: toolbarGroup, children: [
|
|
19502
|
+
linkElementVisible ? /* @__PURE__ */ jsx111(Tooltip, { title: "Link", placement: "top", children: /* @__PURE__ */ jsx111(
|
|
19480
19503
|
"button",
|
|
19481
19504
|
{
|
|
19482
19505
|
onClick: () => {
|
|
19483
19506
|
isLink ? editor.dispatchCommand(REMOVE_LINK_NODE_COMMAND, {}) : editor.dispatchCommand(OPEN_LINK_NODE_MODAL_COMMAND, {});
|
|
19484
19507
|
},
|
|
19485
19508
|
css: [richTextToolbarButton, isLink ? richTextToolbarButtonActive : null],
|
|
19486
|
-
children: /* @__PURE__ */
|
|
19509
|
+
children: /* @__PURE__ */ jsx111(RichTextToolbarIcon, { icon: "link" })
|
|
19487
19510
|
}
|
|
19488
19511
|
) }) : null,
|
|
19489
|
-
visibleLists.size > 0 ? /* @__PURE__ */
|
|
19490
|
-
visibleLists.has("unorderedList") ? /* @__PURE__ */
|
|
19512
|
+
visibleLists.size > 0 ? /* @__PURE__ */ jsxs75(Fragment17, { children: [
|
|
19513
|
+
visibleLists.has("unorderedList") ? /* @__PURE__ */ jsx111(Tooltip, { title: "Bullet List", placement: "top", children: /* @__PURE__ */ jsx111(
|
|
19491
19514
|
"button",
|
|
19492
19515
|
{
|
|
19493
19516
|
onClick: () => {
|
|
@@ -19497,10 +19520,10 @@ var RichTextToolbar = ({ config, customControls }) => {
|
|
|
19497
19520
|
richTextToolbarButton,
|
|
19498
19521
|
activeElement === "unorderedList" ? richTextToolbarButtonActive : null
|
|
19499
19522
|
],
|
|
19500
|
-
children: /* @__PURE__ */
|
|
19523
|
+
children: /* @__PURE__ */ jsx111(RichTextToolbarIcon, { icon: "layout-list" })
|
|
19501
19524
|
}
|
|
19502
19525
|
) }) : null,
|
|
19503
|
-
visibleLists.has("orderedList") ? /* @__PURE__ */
|
|
19526
|
+
visibleLists.has("orderedList") ? /* @__PURE__ */ jsx111(Tooltip, { title: "Ordered List", placement: "top", children: /* @__PURE__ */ jsx111(
|
|
19504
19527
|
"button",
|
|
19505
19528
|
{
|
|
19506
19529
|
onClick: () => {
|
|
@@ -19510,32 +19533,32 @@ var RichTextToolbar = ({ config, customControls }) => {
|
|
|
19510
19533
|
richTextToolbarButton,
|
|
19511
19534
|
activeElement === "orderedList" ? richTextToolbarButtonActive : null
|
|
19512
19535
|
],
|
|
19513
|
-
children: /* @__PURE__ */
|
|
19536
|
+
children: /* @__PURE__ */ jsx111(RichTextToolbarIcon, { icon: "layout-list-numbered" })
|
|
19514
19537
|
}
|
|
19515
19538
|
) }) : null
|
|
19516
19539
|
] }) : null,
|
|
19517
|
-
quoteElementVisible ? /* @__PURE__ */
|
|
19540
|
+
quoteElementVisible ? /* @__PURE__ */ jsx111(Tooltip, { title: "Blockquote", placement: "top", children: /* @__PURE__ */ jsx111(
|
|
19518
19541
|
"button",
|
|
19519
19542
|
{
|
|
19520
19543
|
onClick: () => {
|
|
19521
19544
|
activeElement === "quote" ? onSelectElement("paragraph") : onSelectElement("quote");
|
|
19522
19545
|
},
|
|
19523
19546
|
css: [richTextToolbarButton, activeElement === "quote" ? richTextToolbarButtonActive : null],
|
|
19524
|
-
children: /* @__PURE__ */
|
|
19547
|
+
children: /* @__PURE__ */ jsx111(RichTextToolbarIcon, { icon: "quote" })
|
|
19525
19548
|
}
|
|
19526
19549
|
) }) : null,
|
|
19527
|
-
codeElementVisible ? /* @__PURE__ */
|
|
19550
|
+
codeElementVisible ? /* @__PURE__ */ jsx111(Tooltip, { title: "Code Block", placement: "top", children: /* @__PURE__ */ jsx111(
|
|
19528
19551
|
"button",
|
|
19529
19552
|
{
|
|
19530
19553
|
onClick: () => {
|
|
19531
19554
|
activeElement === "code" ? onSelectElement("paragraph") : onSelectElement("code");
|
|
19532
19555
|
},
|
|
19533
19556
|
css: [richTextToolbarButton, activeElement === "code" ? richTextToolbarButtonActive : null],
|
|
19534
|
-
children: /* @__PURE__ */
|
|
19557
|
+
children: /* @__PURE__ */ jsx111(RichTextToolbarIcon, { icon: "code-slash" })
|
|
19535
19558
|
}
|
|
19536
19559
|
) }) : null
|
|
19537
19560
|
] }) : null,
|
|
19538
|
-
customControls ? /* @__PURE__ */
|
|
19561
|
+
customControls ? /* @__PURE__ */ jsx111("div", { css: toolbarGroup, children: customControls }) : null
|
|
19539
19562
|
] });
|
|
19540
19563
|
};
|
|
19541
19564
|
var RichTextToolbar_default = RichTextToolbar;
|
|
@@ -19649,7 +19672,7 @@ var useRichTextToolbarState = ({ config }) => {
|
|
|
19649
19672
|
};
|
|
19650
19673
|
|
|
19651
19674
|
// src/components/ParameterInputs/ParameterRichText.tsx
|
|
19652
|
-
import { Fragment as Fragment18, jsx as
|
|
19675
|
+
import { Fragment as Fragment18, jsx as jsx112, jsxs as jsxs76 } from "@emotion/react/jsx-runtime";
|
|
19653
19676
|
var ParameterRichText = ({
|
|
19654
19677
|
label,
|
|
19655
19678
|
labelLeadingIcon,
|
|
@@ -19674,7 +19697,7 @@ var ParameterRichText = ({
|
|
|
19674
19697
|
variables,
|
|
19675
19698
|
customControls
|
|
19676
19699
|
}) => {
|
|
19677
|
-
return /* @__PURE__ */
|
|
19700
|
+
return /* @__PURE__ */ jsxs76(
|
|
19678
19701
|
ParameterShell,
|
|
19679
19702
|
{
|
|
19680
19703
|
"data-testid": "parameter-richtext",
|
|
@@ -19688,7 +19711,7 @@ var ParameterRichText = ({
|
|
|
19688
19711
|
captionTestId,
|
|
19689
19712
|
menuItems,
|
|
19690
19713
|
children: [
|
|
19691
|
-
/* @__PURE__ */
|
|
19714
|
+
/* @__PURE__ */ jsx112(
|
|
19692
19715
|
ParameterRichTextInner,
|
|
19693
19716
|
{
|
|
19694
19717
|
value,
|
|
@@ -19706,7 +19729,7 @@ var ParameterRichText = ({
|
|
|
19706
19729
|
children
|
|
19707
19730
|
}
|
|
19708
19731
|
),
|
|
19709
|
-
menuItems ? /* @__PURE__ */
|
|
19732
|
+
menuItems ? /* @__PURE__ */ jsx112(ParameterMenuButton, { label: `${label} menu`, children: /* @__PURE__ */ jsx112(Fragment18, { children: menuItems }) }) : null
|
|
19710
19733
|
]
|
|
19711
19734
|
}
|
|
19712
19735
|
);
|
|
@@ -19817,8 +19840,8 @@ var ParameterRichTextInner = ({
|
|
|
19817
19840
|
},
|
|
19818
19841
|
editable: !readOnly
|
|
19819
19842
|
};
|
|
19820
|
-
return /* @__PURE__ */
|
|
19821
|
-
/* @__PURE__ */
|
|
19843
|
+
return /* @__PURE__ */ jsxs76(Fragment18, { children: [
|
|
19844
|
+
/* @__PURE__ */ jsx112("div", { css: [editorWrapper], className: editorWrapperClassName, children: /* @__PURE__ */ jsx112(LexicalComposer, { initialConfig: lexicalConfig, children: /* @__PURE__ */ jsx112(
|
|
19822
19845
|
RichText,
|
|
19823
19846
|
{
|
|
19824
19847
|
onChange,
|
|
@@ -19877,20 +19900,20 @@ var RichText = ({
|
|
|
19877
19900
|
useEffect16(() => {
|
|
19878
19901
|
editor.setEditable(!readOnly);
|
|
19879
19902
|
}, [editor, readOnly]);
|
|
19880
|
-
return /* @__PURE__ */
|
|
19881
|
-
readOnly ? null : /* @__PURE__ */
|
|
19882
|
-
/* @__PURE__ */
|
|
19883
|
-
/* @__PURE__ */
|
|
19903
|
+
return /* @__PURE__ */ jsxs76(Fragment18, { children: [
|
|
19904
|
+
readOnly ? null : /* @__PURE__ */ jsx112(RichTextToolbar_default, { config, customControls }),
|
|
19905
|
+
/* @__PURE__ */ jsxs76("div", { css: editorContainer, ref: editorContainerRef, "data-testid": "value-container", children: [
|
|
19906
|
+
/* @__PURE__ */ jsx112(
|
|
19884
19907
|
RichTextPlugin,
|
|
19885
19908
|
{
|
|
19886
|
-
contentEditable: /* @__PURE__ */
|
|
19887
|
-
placeholder: /* @__PURE__ */
|
|
19909
|
+
contentEditable: /* @__PURE__ */ jsx112(ContentEditable, { css: editorInput, className: editorInputClassName }),
|
|
19910
|
+
placeholder: /* @__PURE__ */ jsx112("div", { css: editorPlaceholder, children: readOnly ? "empty" : "start editing..." }),
|
|
19888
19911
|
ErrorBoundary: LexicalErrorBoundary
|
|
19889
19912
|
}
|
|
19890
19913
|
),
|
|
19891
|
-
/* @__PURE__ */
|
|
19892
|
-
readOnly ? null : /* @__PURE__ */
|
|
19893
|
-
/* @__PURE__ */
|
|
19914
|
+
/* @__PURE__ */ jsx112(ListPlugin, {}),
|
|
19915
|
+
readOnly ? null : /* @__PURE__ */ jsx112(HistoryPlugin, {}),
|
|
19916
|
+
/* @__PURE__ */ jsx112(
|
|
19894
19917
|
LinkNodePlugin,
|
|
19895
19918
|
{
|
|
19896
19919
|
onConnectLink: onConnectLink ? onConnectLink : () => Promise.resolve(),
|
|
@@ -19900,27 +19923,27 @@ var RichText = ({
|
|
|
19900
19923
|
} : void 0
|
|
19901
19924
|
}
|
|
19902
19925
|
),
|
|
19903
|
-
/* @__PURE__ */
|
|
19904
|
-
/* @__PURE__ */
|
|
19905
|
-
/* @__PURE__ */
|
|
19906
|
-
/* @__PURE__ */
|
|
19926
|
+
/* @__PURE__ */ jsx112(ListIndentPlugin, { maxDepth: 4 }),
|
|
19927
|
+
/* @__PURE__ */ jsx112(DisableStylesPlugin, {}),
|
|
19928
|
+
/* @__PURE__ */ jsx112(MarkdownShortcutPlugin, { transformers: MARKDOWN_TRANSFORMERS }),
|
|
19929
|
+
/* @__PURE__ */ jsx112(Fragment18, { children })
|
|
19907
19930
|
] })
|
|
19908
19931
|
] });
|
|
19909
19932
|
};
|
|
19910
19933
|
|
|
19911
19934
|
// src/components/ParameterInputs/ParameterSelect.tsx
|
|
19912
|
-
import { forwardRef as
|
|
19913
|
-
import { jsx as
|
|
19914
|
-
var ParameterSelect =
|
|
19935
|
+
import { forwardRef as forwardRef19 } from "react";
|
|
19936
|
+
import { jsx as jsx113, jsxs as jsxs77 } from "@emotion/react/jsx-runtime";
|
|
19937
|
+
var ParameterSelect = forwardRef19(
|
|
19915
19938
|
({ defaultOption, options, ...props }, ref) => {
|
|
19916
19939
|
const { shellProps, innerProps } = extractParameterProps(props);
|
|
19917
|
-
return /* @__PURE__ */
|
|
19940
|
+
return /* @__PURE__ */ jsx113(ParameterShell, { ...shellProps, children: /* @__PURE__ */ jsx113(ParameterSelectInner, { options, defaultOption, ...innerProps, ref }) });
|
|
19918
19941
|
}
|
|
19919
19942
|
);
|
|
19920
|
-
var ParameterSelectInner =
|
|
19943
|
+
var ParameterSelectInner = forwardRef19(
|
|
19921
19944
|
({ defaultOption, options, ...props }, ref) => {
|
|
19922
19945
|
const { id, label, hiddenLabel } = useParameterShell();
|
|
19923
|
-
return /* @__PURE__ */
|
|
19946
|
+
return /* @__PURE__ */ jsxs77(
|
|
19924
19947
|
"select",
|
|
19925
19948
|
{
|
|
19926
19949
|
css: [input3, selectInput],
|
|
@@ -19929,10 +19952,10 @@ var ParameterSelectInner = forwardRef18(
|
|
|
19929
19952
|
ref,
|
|
19930
19953
|
...props,
|
|
19931
19954
|
children: [
|
|
19932
|
-
defaultOption ? /* @__PURE__ */
|
|
19955
|
+
defaultOption ? /* @__PURE__ */ jsx113("option", { value: "", children: defaultOption }) : null,
|
|
19933
19956
|
options.map((option) => {
|
|
19934
19957
|
var _a;
|
|
19935
|
-
return /* @__PURE__ */
|
|
19958
|
+
return /* @__PURE__ */ jsx113("option", { value: (_a = option.value) != null ? _a : option.label, children: option.label }, option.label);
|
|
19936
19959
|
})
|
|
19937
19960
|
]
|
|
19938
19961
|
}
|
|
@@ -19941,15 +19964,15 @@ var ParameterSelectInner = forwardRef18(
|
|
|
19941
19964
|
);
|
|
19942
19965
|
|
|
19943
19966
|
// src/components/ParameterInputs/ParameterTextarea.tsx
|
|
19944
|
-
import { forwardRef as
|
|
19945
|
-
import { jsx as
|
|
19946
|
-
var ParameterTextarea =
|
|
19967
|
+
import { forwardRef as forwardRef20 } from "react";
|
|
19968
|
+
import { jsx as jsx114 } from "@emotion/react/jsx-runtime";
|
|
19969
|
+
var ParameterTextarea = forwardRef20((props, ref) => {
|
|
19947
19970
|
const { shellProps, innerProps } = extractParameterProps(props);
|
|
19948
|
-
return /* @__PURE__ */
|
|
19971
|
+
return /* @__PURE__ */ jsx114(ParameterShell, { "data-testid": "parameter-textarea", ...shellProps, children: /* @__PURE__ */ jsx114(ParameterTextareaInner, { ref, ...innerProps }) });
|
|
19949
19972
|
});
|
|
19950
|
-
var ParameterTextareaInner =
|
|
19973
|
+
var ParameterTextareaInner = forwardRef20(({ ...props }, ref) => {
|
|
19951
19974
|
const { id, label, hiddenLabel } = useParameterShell();
|
|
19952
|
-
return /* @__PURE__ */
|
|
19975
|
+
return /* @__PURE__ */ jsx114(
|
|
19953
19976
|
"textarea",
|
|
19954
19977
|
{
|
|
19955
19978
|
css: [input3, textarea2],
|
|
@@ -19962,18 +19985,18 @@ var ParameterTextareaInner = forwardRef19(({ ...props }, ref) => {
|
|
|
19962
19985
|
});
|
|
19963
19986
|
|
|
19964
19987
|
// src/components/ParameterInputs/ParameterToggle.tsx
|
|
19965
|
-
import { forwardRef as
|
|
19966
|
-
import { jsx as
|
|
19967
|
-
var ParameterToggle =
|
|
19988
|
+
import { forwardRef as forwardRef21 } from "react";
|
|
19989
|
+
import { jsx as jsx115, jsxs as jsxs78 } from "@emotion/react/jsx-runtime";
|
|
19990
|
+
var ParameterToggle = forwardRef21((props, ref) => {
|
|
19968
19991
|
const { shellProps, innerProps } = extractParameterProps(props);
|
|
19969
|
-
return /* @__PURE__ */
|
|
19992
|
+
return /* @__PURE__ */ jsx115(ParameterShell, { ...shellProps, children: /* @__PURE__ */ jsx115(ParameterToggleInner, { ref, ...innerProps }) });
|
|
19970
19993
|
});
|
|
19971
|
-
var ParameterToggleInner =
|
|
19994
|
+
var ParameterToggleInner = forwardRef21(
|
|
19972
19995
|
({ children, ...props }, ref) => {
|
|
19973
19996
|
const { id, label } = useParameterShell();
|
|
19974
|
-
return /* @__PURE__ */
|
|
19975
|
-
/* @__PURE__ */
|
|
19976
|
-
/* @__PURE__ */
|
|
19997
|
+
return /* @__PURE__ */ jsxs78("label", { css: inputToggleLabel2, children: [
|
|
19998
|
+
/* @__PURE__ */ jsx115("input", { css: toggleInput2, type: props.type, id, ref, ...props }),
|
|
19999
|
+
/* @__PURE__ */ jsx115("span", { css: inlineLabel2, children: label }),
|
|
19977
20000
|
children
|
|
19978
20001
|
] });
|
|
19979
20002
|
}
|
|
@@ -20034,7 +20057,7 @@ var bar = css89`
|
|
|
20034
20057
|
`;
|
|
20035
20058
|
|
|
20036
20059
|
// src/components/ProgressBar/ProgressBar.tsx
|
|
20037
|
-
import { jsx as
|
|
20060
|
+
import { jsx as jsx116 } from "@emotion/react/jsx-runtime";
|
|
20038
20061
|
function ProgressBar({
|
|
20039
20062
|
current,
|
|
20040
20063
|
max,
|
|
@@ -20044,7 +20067,7 @@ function ProgressBar({
|
|
|
20044
20067
|
}) {
|
|
20045
20068
|
const valueNow = Math.min(current, max);
|
|
20046
20069
|
const valuePercentage = max > 0 ? Math.ceil(100 / max * valueNow) : 0;
|
|
20047
|
-
return /* @__PURE__ */
|
|
20070
|
+
return /* @__PURE__ */ jsx116(
|
|
20048
20071
|
"div",
|
|
20049
20072
|
{
|
|
20050
20073
|
css: container3,
|
|
@@ -20055,7 +20078,7 @@ function ProgressBar({
|
|
|
20055
20078
|
"aria-valuemax": max,
|
|
20056
20079
|
"aria-valuenow": valueNow,
|
|
20057
20080
|
...props,
|
|
20058
|
-
children: /* @__PURE__ */
|
|
20081
|
+
children: /* @__PURE__ */ jsx116(
|
|
20059
20082
|
"div",
|
|
20060
20083
|
{
|
|
20061
20084
|
css: [
|
|
@@ -20095,7 +20118,7 @@ var progressListItemStyles = css90`
|
|
|
20095
20118
|
`;
|
|
20096
20119
|
|
|
20097
20120
|
// src/components/ProgressList/ProgressList.tsx
|
|
20098
|
-
import { jsx as
|
|
20121
|
+
import { jsx as jsx117, jsxs as jsxs79 } from "@emotion/react/jsx-runtime";
|
|
20099
20122
|
var ProgressList = ({ inProgressId, items, autoEllipsis, ...htmlProps }) => {
|
|
20100
20123
|
const itemsWithStatus = useMemo5(() => {
|
|
20101
20124
|
const indexOfInProgressItem = items.findIndex(({ id }) => id === inProgressId);
|
|
@@ -20109,8 +20132,8 @@ var ProgressList = ({ inProgressId, items, autoEllipsis, ...htmlProps }) => {
|
|
|
20109
20132
|
return { ...item, status };
|
|
20110
20133
|
});
|
|
20111
20134
|
}, [items, inProgressId]);
|
|
20112
|
-
return /* @__PURE__ */
|
|
20113
|
-
return /* @__PURE__ */
|
|
20135
|
+
return /* @__PURE__ */ jsx117("ol", { css: progressListStyles, ...htmlProps, children: itemsWithStatus.map(({ id, label, status, error, errorLevel }) => {
|
|
20136
|
+
return /* @__PURE__ */ jsx117(
|
|
20114
20137
|
ProgressListItem,
|
|
20115
20138
|
{
|
|
20116
20139
|
status,
|
|
@@ -20168,11 +20191,11 @@ var ProgressListItem = ({
|
|
|
20168
20191
|
};
|
|
20169
20192
|
return colorPerStatus[status];
|
|
20170
20193
|
}, [status, error, errorLevel]);
|
|
20171
|
-
return /* @__PURE__ */
|
|
20172
|
-
/* @__PURE__ */
|
|
20173
|
-
/* @__PURE__ */
|
|
20194
|
+
return /* @__PURE__ */ jsxs79("li", { css: [progressListItemStyles, statusStyles], children: [
|
|
20195
|
+
/* @__PURE__ */ jsx117(Tooltip, { title: error != null ? error : "", children: /* @__PURE__ */ jsx117("div", { children: /* @__PURE__ */ jsx117(Icon, { icon, size: 20, iconColor: "currentColor" }) }) }),
|
|
20196
|
+
/* @__PURE__ */ jsxs79("div", { children: [
|
|
20174
20197
|
children,
|
|
20175
|
-
/* @__PURE__ */
|
|
20198
|
+
/* @__PURE__ */ jsx117("span", { css: { visibility: autoEllipsis && status === "inProgress" && !error ? "visible" : "hidden" }, children: "..." })
|
|
20176
20199
|
] })
|
|
20177
20200
|
] });
|
|
20178
20201
|
};
|
|
@@ -20613,7 +20636,7 @@ var SortFilterInputRow = css92`
|
|
|
20613
20636
|
`;
|
|
20614
20637
|
|
|
20615
20638
|
// src/components/SearchAndFilter/FilterButton.tsx
|
|
20616
|
-
import { jsx as
|
|
20639
|
+
import { jsx as jsx118, jsxs as jsxs80 } from "@emotion/react/jsx-runtime";
|
|
20617
20640
|
var FilterButton2 = ({
|
|
20618
20641
|
text = "Filters",
|
|
20619
20642
|
icon = "filter-add",
|
|
@@ -20621,7 +20644,7 @@ var FilterButton2 = ({
|
|
|
20621
20644
|
hasSelectedValue,
|
|
20622
20645
|
...props
|
|
20623
20646
|
}) => {
|
|
20624
|
-
return /* @__PURE__ */
|
|
20647
|
+
return /* @__PURE__ */ jsxs80(
|
|
20625
20648
|
"button",
|
|
20626
20649
|
{
|
|
20627
20650
|
type: "button",
|
|
@@ -20633,9 +20656,9 @@ var FilterButton2 = ({
|
|
|
20633
20656
|
...props,
|
|
20634
20657
|
"data-testid": "filters-button",
|
|
20635
20658
|
children: [
|
|
20636
|
-
/* @__PURE__ */
|
|
20637
|
-
/* @__PURE__ */
|
|
20638
|
-
filterCount ? /* @__PURE__ */
|
|
20659
|
+
/* @__PURE__ */ jsx118(Icon, { icon, iconColor: "currentColor", size: "1rem" }),
|
|
20660
|
+
/* @__PURE__ */ jsx118("span", { css: FilterButtonText, children: text }),
|
|
20661
|
+
filterCount ? /* @__PURE__ */ jsx118(Counter, { count: filterCount, bgColor: "var(--white)" }) : null
|
|
20639
20662
|
]
|
|
20640
20663
|
}
|
|
20641
20664
|
);
|
|
@@ -20655,7 +20678,7 @@ import {
|
|
|
20655
20678
|
useMemo as useMemo6,
|
|
20656
20679
|
useState as useState16
|
|
20657
20680
|
} from "react";
|
|
20658
|
-
import { jsx as
|
|
20681
|
+
import { jsx as jsx119 } from "@emotion/react/jsx-runtime";
|
|
20659
20682
|
var SearchAndFilterContext = createContext6({
|
|
20660
20683
|
searchTerm: "",
|
|
20661
20684
|
setSearchTerm: () => {
|
|
@@ -20746,7 +20769,7 @@ var SearchAndFilterProvider = ({
|
|
|
20746
20769
|
};
|
|
20747
20770
|
}
|
|
20748
20771
|
}, [filterVisibility]);
|
|
20749
|
-
return /* @__PURE__ */
|
|
20772
|
+
return /* @__PURE__ */ jsx119(
|
|
20750
20773
|
SearchAndFilterContext.Provider,
|
|
20751
20774
|
{
|
|
20752
20775
|
value: {
|
|
@@ -20766,7 +20789,7 @@ var SearchAndFilterProvider = ({
|
|
|
20766
20789
|
validFilterQuery,
|
|
20767
20790
|
totalResults
|
|
20768
20791
|
},
|
|
20769
|
-
children: /* @__PURE__ */
|
|
20792
|
+
children: /* @__PURE__ */ jsx119(VerticalRhythm, { children })
|
|
20770
20793
|
}
|
|
20771
20794
|
);
|
|
20772
20795
|
};
|
|
@@ -20776,7 +20799,7 @@ var useSearchAndFilter = () => {
|
|
|
20776
20799
|
};
|
|
20777
20800
|
|
|
20778
20801
|
// src/components/SearchAndFilter/FilterControls.tsx
|
|
20779
|
-
import { Fragment as Fragment19, jsx as
|
|
20802
|
+
import { Fragment as Fragment19, jsx as jsx120, jsxs as jsxs81 } from "@emotion/react/jsx-runtime";
|
|
20780
20803
|
var FilterControls = ({
|
|
20781
20804
|
children,
|
|
20782
20805
|
defaultSortByValue,
|
|
@@ -20827,8 +20850,8 @@ var FilterControls = ({
|
|
|
20827
20850
|
setUserHasChangedSortByValue(true);
|
|
20828
20851
|
}
|
|
20829
20852
|
}, [initialSortValue, sortByValue]);
|
|
20830
|
-
return /* @__PURE__ */
|
|
20831
|
-
/* @__PURE__ */
|
|
20853
|
+
return /* @__PURE__ */ jsxs81(Fragment19, { children: [
|
|
20854
|
+
/* @__PURE__ */ jsx120(
|
|
20832
20855
|
FilterButton2,
|
|
20833
20856
|
{
|
|
20834
20857
|
"aria-controls": "search-and-filter-options",
|
|
@@ -20839,7 +20862,7 @@ var FilterControls = ({
|
|
|
20839
20862
|
onClick: () => handleFilterToggle("filters")
|
|
20840
20863
|
}
|
|
20841
20864
|
),
|
|
20842
|
-
/* @__PURE__ */
|
|
20865
|
+
/* @__PURE__ */ jsx120(
|
|
20843
20866
|
FilterButton2,
|
|
20844
20867
|
{
|
|
20845
20868
|
"aria-controls": "search-and-filter-sortBy",
|
|
@@ -20853,7 +20876,7 @@ var FilterControls = ({
|
|
|
20853
20876
|
"data-testid": "sort-by-dropdown"
|
|
20854
20877
|
}
|
|
20855
20878
|
),
|
|
20856
|
-
hideSearchInput ? null : /* @__PURE__ */
|
|
20879
|
+
hideSearchInput ? null : /* @__PURE__ */ jsx120(
|
|
20857
20880
|
InputKeywordSearch,
|
|
20858
20881
|
{
|
|
20859
20882
|
placeholder: "Search...",
|
|
@@ -20954,7 +20977,7 @@ var StatusDeleted = css93`
|
|
|
20954
20977
|
`;
|
|
20955
20978
|
|
|
20956
20979
|
// src/components/Validation/StatusBullet.tsx
|
|
20957
|
-
import { jsx as
|
|
20980
|
+
import { jsx as jsx121 } from "@emotion/react/jsx-runtime";
|
|
20958
20981
|
var StatusBullet = ({
|
|
20959
20982
|
status,
|
|
20960
20983
|
hideText = false,
|
|
@@ -20974,7 +20997,7 @@ var StatusBullet = ({
|
|
|
20974
20997
|
Deleted: StatusDeleted
|
|
20975
20998
|
};
|
|
20976
20999
|
const statusSize = size === "base" ? StatusBulletBase : StatusBulletSmall;
|
|
20977
|
-
return /* @__PURE__ */
|
|
21000
|
+
return /* @__PURE__ */ jsx121(
|
|
20978
21001
|
"span",
|
|
20979
21002
|
{
|
|
20980
21003
|
role: "status",
|
|
@@ -20987,7 +21010,7 @@ var StatusBullet = ({
|
|
|
20987
21010
|
};
|
|
20988
21011
|
|
|
20989
21012
|
// src/components/SearchAndFilter/FilterEditor.tsx
|
|
20990
|
-
import { Fragment as Fragment20, jsx as
|
|
21013
|
+
import { Fragment as Fragment20, jsx as jsx122, jsxs as jsxs82 } from "@emotion/react/jsx-runtime";
|
|
20991
21014
|
var readOnlyAttributes = {
|
|
20992
21015
|
isSearchable: false,
|
|
20993
21016
|
menuIsOpen: false,
|
|
@@ -21002,7 +21025,7 @@ var FilterMultiChoiceEditor = ({
|
|
|
21002
21025
|
...props
|
|
21003
21026
|
}) => {
|
|
21004
21027
|
const readOnlyProps = readOnly ? readOnlyAttributes : {};
|
|
21005
|
-
return /* @__PURE__ */
|
|
21028
|
+
return /* @__PURE__ */ jsx122("div", { "data-testid": valueTestId, children: /* @__PURE__ */ jsx122(
|
|
21006
21029
|
InputComboBox,
|
|
21007
21030
|
{
|
|
21008
21031
|
...props,
|
|
@@ -21038,7 +21061,7 @@ var FilterSingleChoiceEditor = ({
|
|
|
21038
21061
|
valueTestId
|
|
21039
21062
|
}) => {
|
|
21040
21063
|
const readOnlyProps = readOnly ? readOnlyAttributes : {};
|
|
21041
|
-
return /* @__PURE__ */
|
|
21064
|
+
return /* @__PURE__ */ jsx122("div", { "data-testid": valueTestId, children: /* @__PURE__ */ jsx122(
|
|
21042
21065
|
InputComboBox,
|
|
21043
21066
|
{
|
|
21044
21067
|
placeholder: "Type to search...",
|
|
@@ -21064,7 +21087,7 @@ var FilterSingleChoiceEditor = ({
|
|
|
21064
21087
|
) });
|
|
21065
21088
|
};
|
|
21066
21089
|
var CustomOptions = ({ label, value }) => {
|
|
21067
|
-
return /* @__PURE__ */
|
|
21090
|
+
return /* @__PURE__ */ jsx122(StatusBullet, { status: label, message: value });
|
|
21068
21091
|
};
|
|
21069
21092
|
var StatusMultiEditor = ({
|
|
21070
21093
|
options,
|
|
@@ -21075,7 +21098,7 @@ var StatusMultiEditor = ({
|
|
|
21075
21098
|
valueTestId
|
|
21076
21099
|
}) => {
|
|
21077
21100
|
const readOnlyProps = readOnly ? readOnlyAttributes : {};
|
|
21078
|
-
return /* @__PURE__ */
|
|
21101
|
+
return /* @__PURE__ */ jsx122("div", { "data-testid": valueTestId, children: /* @__PURE__ */ jsx122(
|
|
21079
21102
|
InputComboBox,
|
|
21080
21103
|
{
|
|
21081
21104
|
options,
|
|
@@ -21108,7 +21131,7 @@ var StatusSingleEditor = ({
|
|
|
21108
21131
|
valueTestId
|
|
21109
21132
|
}) => {
|
|
21110
21133
|
const readOnlyProps = readOnly ? readOnlyAttributes : {};
|
|
21111
|
-
return /* @__PURE__ */
|
|
21134
|
+
return /* @__PURE__ */ jsx122("div", { "data-testid": valueTestId, children: /* @__PURE__ */ jsx122(
|
|
21112
21135
|
InputComboBox,
|
|
21113
21136
|
{
|
|
21114
21137
|
options,
|
|
@@ -21133,7 +21156,7 @@ var StatusSingleEditor = ({
|
|
|
21133
21156
|
};
|
|
21134
21157
|
var TextEditor = ({ onChange, ariaLabel, value, readOnly, valueTestId }) => {
|
|
21135
21158
|
useDebounce3(() => onChange, 500, [value]);
|
|
21136
|
-
return /* @__PURE__ */
|
|
21159
|
+
return /* @__PURE__ */ jsx122(
|
|
21137
21160
|
Input,
|
|
21138
21161
|
{
|
|
21139
21162
|
showLabel: false,
|
|
@@ -21176,9 +21199,9 @@ var NumberRangeEditor = ({
|
|
|
21176
21199
|
setError("");
|
|
21177
21200
|
onChange([minValue, maxValue]);
|
|
21178
21201
|
}, [maxValue, minValue, setError]);
|
|
21179
|
-
return /* @__PURE__ */
|
|
21180
|
-
/* @__PURE__ */
|
|
21181
|
-
/* @__PURE__ */
|
|
21202
|
+
return /* @__PURE__ */ jsxs82(Fragment20, { children: [
|
|
21203
|
+
/* @__PURE__ */ jsxs82("div", { css: twoColumnGrid, "data-testid": valueTestId, children: [
|
|
21204
|
+
/* @__PURE__ */ jsx122(
|
|
21182
21205
|
Input,
|
|
21183
21206
|
{
|
|
21184
21207
|
label: `${ariaLabel}-min`,
|
|
@@ -21193,7 +21216,7 @@ var NumberRangeEditor = ({
|
|
|
21193
21216
|
readOnly
|
|
21194
21217
|
}
|
|
21195
21218
|
),
|
|
21196
|
-
/* @__PURE__ */
|
|
21219
|
+
/* @__PURE__ */ jsx122(
|
|
21197
21220
|
Input,
|
|
21198
21221
|
{
|
|
21199
21222
|
type: "number",
|
|
@@ -21209,7 +21232,7 @@ var NumberRangeEditor = ({
|
|
|
21209
21232
|
}
|
|
21210
21233
|
)
|
|
21211
21234
|
] }),
|
|
21212
|
-
/* @__PURE__ */
|
|
21235
|
+
/* @__PURE__ */ jsx122(ErrorContainer, { errorMessage: error })
|
|
21213
21236
|
] });
|
|
21214
21237
|
};
|
|
21215
21238
|
var NumberEditor = ({
|
|
@@ -21220,7 +21243,7 @@ var NumberEditor = ({
|
|
|
21220
21243
|
readOnly,
|
|
21221
21244
|
valueTestId
|
|
21222
21245
|
}) => {
|
|
21223
|
-
return /* @__PURE__ */
|
|
21246
|
+
return /* @__PURE__ */ jsx122(
|
|
21224
21247
|
Input,
|
|
21225
21248
|
{
|
|
21226
21249
|
label: ariaLabel,
|
|
@@ -21243,7 +21266,7 @@ var DateEditor = ({
|
|
|
21243
21266
|
readOnly,
|
|
21244
21267
|
valueTestId
|
|
21245
21268
|
}) => {
|
|
21246
|
-
return /* @__PURE__ */
|
|
21269
|
+
return /* @__PURE__ */ jsx122(
|
|
21247
21270
|
Input,
|
|
21248
21271
|
{
|
|
21249
21272
|
type: "date",
|
|
@@ -21299,9 +21322,9 @@ var DateRangeEditor = ({
|
|
|
21299
21322
|
setError("");
|
|
21300
21323
|
onChange([minDateValue, maxDateValue]);
|
|
21301
21324
|
}, [minDateValue, maxDateValue, setError]);
|
|
21302
|
-
return /* @__PURE__ */
|
|
21303
|
-
/* @__PURE__ */
|
|
21304
|
-
/* @__PURE__ */
|
|
21325
|
+
return /* @__PURE__ */ jsxs82(Fragment20, { children: [
|
|
21326
|
+
/* @__PURE__ */ jsxs82("div", { css: twoColumnGrid, "data-testid": valueTestId, children: [
|
|
21327
|
+
/* @__PURE__ */ jsx122(
|
|
21305
21328
|
Input,
|
|
21306
21329
|
{
|
|
21307
21330
|
label: `${ariaLabel}-min-date`,
|
|
@@ -21314,7 +21337,7 @@ var DateRangeEditor = ({
|
|
|
21314
21337
|
readOnly
|
|
21315
21338
|
}
|
|
21316
21339
|
),
|
|
21317
|
-
/* @__PURE__ */
|
|
21340
|
+
/* @__PURE__ */ jsx122(
|
|
21318
21341
|
Input,
|
|
21319
21342
|
{
|
|
21320
21343
|
label: `${ariaLabel}-max-date`,
|
|
@@ -21328,7 +21351,7 @@ var DateRangeEditor = ({
|
|
|
21328
21351
|
}
|
|
21329
21352
|
)
|
|
21330
21353
|
] }),
|
|
21331
|
-
/* @__PURE__ */
|
|
21354
|
+
/* @__PURE__ */ jsx122(ErrorContainer, { errorMessage: error })
|
|
21332
21355
|
] });
|
|
21333
21356
|
};
|
|
21334
21357
|
var FilterEditorRenderer = ({ editorType, ...props }) => {
|
|
@@ -21339,7 +21362,7 @@ var FilterEditorRenderer = ({ editorType, ...props }) => {
|
|
|
21339
21362
|
if (editorType === "empty") {
|
|
21340
21363
|
return null;
|
|
21341
21364
|
}
|
|
21342
|
-
return /* @__PURE__ */
|
|
21365
|
+
return /* @__PURE__ */ jsx122(Editor, { ...props, disabled: props.isDisabled });
|
|
21343
21366
|
};
|
|
21344
21367
|
var filterMapper = {
|
|
21345
21368
|
multiChoice: FilterMultiChoiceEditor,
|
|
@@ -21354,14 +21377,14 @@ var filterMapper = {
|
|
|
21354
21377
|
empty: null
|
|
21355
21378
|
};
|
|
21356
21379
|
var ErrorContainer = ({ errorMessage }) => {
|
|
21357
|
-
return /* @__PURE__ */
|
|
21380
|
+
return /* @__PURE__ */ jsx122(
|
|
21358
21381
|
"div",
|
|
21359
21382
|
{
|
|
21360
21383
|
css: {
|
|
21361
21384
|
gridColumn: "span 6",
|
|
21362
21385
|
order: 6
|
|
21363
21386
|
},
|
|
21364
|
-
children: /* @__PURE__ */
|
|
21387
|
+
children: /* @__PURE__ */ jsx122(FieldMessage, { errorMessage })
|
|
21365
21388
|
}
|
|
21366
21389
|
);
|
|
21367
21390
|
};
|
|
@@ -21373,14 +21396,14 @@ var twoColumnGrid = {
|
|
|
21373
21396
|
|
|
21374
21397
|
// src/components/SearchAndFilter/FilterMenu.tsx
|
|
21375
21398
|
import React24, { useEffect as useEffect20 } from "react";
|
|
21376
|
-
import { jsx as
|
|
21399
|
+
import { jsx as jsx123, jsxs as jsxs83 } from "@emotion/react/jsx-runtime";
|
|
21377
21400
|
var SearchAndFilterOptionsContainer2 = ({
|
|
21378
21401
|
buttonRow,
|
|
21379
21402
|
children
|
|
21380
21403
|
}) => {
|
|
21381
|
-
return /* @__PURE__ */
|
|
21382
|
-
/* @__PURE__ */
|
|
21383
|
-
buttonRow ? /* @__PURE__ */
|
|
21404
|
+
return /* @__PURE__ */ jsxs83("div", { css: SearchAndFilterOptionsContainer, "data-testid": "search-and-filter-options", children: [
|
|
21405
|
+
/* @__PURE__ */ jsx123("div", { css: SearchAndFilterOptionsInnerContainer, children }),
|
|
21406
|
+
buttonRow ? /* @__PURE__ */ jsx123(
|
|
21384
21407
|
HorizontalRhythm,
|
|
21385
21408
|
{
|
|
21386
21409
|
css: SearchAndFilterButtonGroup,
|
|
@@ -21401,16 +21424,16 @@ var FilterMenu = ({ id, filterTitle = "Show results", menuControls, children })
|
|
|
21401
21424
|
(_a = innerMenuRef.current) == null ? void 0 : _a.focus();
|
|
21402
21425
|
}
|
|
21403
21426
|
}, [filterVisibility]);
|
|
21404
|
-
return /* @__PURE__ */
|
|
21405
|
-
/* @__PURE__ */
|
|
21406
|
-
/* @__PURE__ */
|
|
21427
|
+
return /* @__PURE__ */ jsx123(VerticalRhythm, { gap: "sm", "aria-haspopup": "true", id, children: filterVisibility ? /* @__PURE__ */ jsxs83(SearchAndFilterOptionsContainer2, { buttonRow: menuControls, children: [
|
|
21428
|
+
/* @__PURE__ */ jsx123("span", { css: Title, ref: innerMenuRef, tabIndex: 0, children: filterTitle }),
|
|
21429
|
+
/* @__PURE__ */ jsx123(
|
|
21407
21430
|
"button",
|
|
21408
21431
|
{
|
|
21409
21432
|
type: "button",
|
|
21410
21433
|
"aria-label": "close filters",
|
|
21411
21434
|
css: [CloseBtn],
|
|
21412
21435
|
onClick: () => setFilterVisibility(void 0),
|
|
21413
|
-
children: /* @__PURE__ */
|
|
21436
|
+
children: /* @__PURE__ */ jsx123(Icon, { icon: "close", iconColor: "currentColor", size: "1.1rem" })
|
|
21414
21437
|
}
|
|
21415
21438
|
),
|
|
21416
21439
|
children
|
|
@@ -21418,7 +21441,7 @@ var FilterMenu = ({ id, filterTitle = "Show results", menuControls, children })
|
|
|
21418
21441
|
};
|
|
21419
21442
|
|
|
21420
21443
|
// src/components/SearchAndFilter/FilterItem.tsx
|
|
21421
|
-
import { Fragment as Fragment21, jsx as
|
|
21444
|
+
import { Fragment as Fragment21, jsx as jsx124, jsxs as jsxs84 } from "@emotion/react/jsx-runtime";
|
|
21422
21445
|
var FilterItem = ({
|
|
21423
21446
|
index,
|
|
21424
21447
|
paramOptions,
|
|
@@ -21466,10 +21489,10 @@ var FilterItem = ({
|
|
|
21466
21489
|
menuIsOpen: false,
|
|
21467
21490
|
isClearable: false
|
|
21468
21491
|
} : {};
|
|
21469
|
-
return /* @__PURE__ */
|
|
21470
|
-
/* @__PURE__ */
|
|
21471
|
-
/* @__PURE__ */
|
|
21472
|
-
/* @__PURE__ */
|
|
21492
|
+
return /* @__PURE__ */ jsxs84("div", { css: ConditionalFilterRow, "data-testid": "filter-item", children: [
|
|
21493
|
+
/* @__PURE__ */ jsx124("span", { children: index === 0 ? "Where" : "and" }),
|
|
21494
|
+
/* @__PURE__ */ jsxs84("div", { css: ConditionalInputRow, children: [
|
|
21495
|
+
/* @__PURE__ */ jsx124(
|
|
21473
21496
|
InputComboBox,
|
|
21474
21497
|
{
|
|
21475
21498
|
"aria-label": label,
|
|
@@ -21495,7 +21518,7 @@ var FilterItem = ({
|
|
|
21495
21518
|
id: "filter-field"
|
|
21496
21519
|
}
|
|
21497
21520
|
),
|
|
21498
|
-
/* @__PURE__ */
|
|
21521
|
+
/* @__PURE__ */ jsx124(
|
|
21499
21522
|
InputComboBox,
|
|
21500
21523
|
{
|
|
21501
21524
|
"aria-label": operatorLabel,
|
|
@@ -21518,7 +21541,7 @@ var FilterItem = ({
|
|
|
21518
21541
|
id: "filter-operator"
|
|
21519
21542
|
}
|
|
21520
21543
|
),
|
|
21521
|
-
/* @__PURE__ */
|
|
21544
|
+
/* @__PURE__ */ jsx124(
|
|
21522
21545
|
FilterEditorRenderer,
|
|
21523
21546
|
{
|
|
21524
21547
|
"aria-label": metaDataLabel,
|
|
@@ -21531,7 +21554,7 @@ var FilterItem = ({
|
|
|
21531
21554
|
valueTestId: "filter-value"
|
|
21532
21555
|
}
|
|
21533
21556
|
),
|
|
21534
|
-
readOnly ? null : /* @__PURE__ */
|
|
21557
|
+
readOnly ? null : /* @__PURE__ */ jsx124(
|
|
21535
21558
|
"button",
|
|
21536
21559
|
{
|
|
21537
21560
|
type: "button",
|
|
@@ -21539,7 +21562,7 @@ var FilterItem = ({
|
|
|
21539
21562
|
"aria-label": "delete filter",
|
|
21540
21563
|
css: IconBtn,
|
|
21541
21564
|
"data-testid": "delete-filter",
|
|
21542
|
-
children: /* @__PURE__ */
|
|
21565
|
+
children: /* @__PURE__ */ jsx124(Icon, { icon: "trash", iconColor: "red", size: "1rem" })
|
|
21543
21566
|
}
|
|
21544
21567
|
)
|
|
21545
21568
|
] })
|
|
@@ -21573,12 +21596,12 @@ var FilterItems = ({
|
|
|
21573
21596
|
}
|
|
21574
21597
|
setFilters(next);
|
|
21575
21598
|
};
|
|
21576
|
-
return /* @__PURE__ */
|
|
21599
|
+
return /* @__PURE__ */ jsx124(
|
|
21577
21600
|
FilterMenu,
|
|
21578
21601
|
{
|
|
21579
21602
|
id: "search-and-filter-options",
|
|
21580
|
-
menuControls: /* @__PURE__ */
|
|
21581
|
-
/* @__PURE__ */
|
|
21603
|
+
menuControls: /* @__PURE__ */ jsxs84(Fragment21, { children: [
|
|
21604
|
+
/* @__PURE__ */ jsxs84(
|
|
21582
21605
|
"button",
|
|
21583
21606
|
{
|
|
21584
21607
|
type: "button",
|
|
@@ -21586,12 +21609,12 @@ var FilterItems = ({
|
|
|
21586
21609
|
onClick: handleAddFilter,
|
|
21587
21610
|
"data-testid": "add-filter",
|
|
21588
21611
|
children: [
|
|
21589
|
-
/* @__PURE__ */
|
|
21612
|
+
/* @__PURE__ */ jsx124(Icon, { icon: "math-plus", iconColor: "currentColor", size: "1rem" }),
|
|
21590
21613
|
addButtonText
|
|
21591
21614
|
]
|
|
21592
21615
|
}
|
|
21593
21616
|
),
|
|
21594
|
-
(filters == null ? void 0 : filters.length) ? /* @__PURE__ */
|
|
21617
|
+
(filters == null ? void 0 : filters.length) ? /* @__PURE__ */ jsx124(
|
|
21595
21618
|
"button",
|
|
21596
21619
|
{
|
|
21597
21620
|
type: "button",
|
|
@@ -21613,7 +21636,7 @@ var FilterItems = ({
|
|
|
21613
21636
|
})) == null ? void 0 : _a.options) != null ? _b : [];
|
|
21614
21637
|
const possibleValueOptions = (_d = (_c = availableTypeOptions == null ? void 0 : availableTypeOptions.find((op) => op.value === item.field)) == null ? void 0 : _c.valueOptions) != null ? _d : [];
|
|
21615
21638
|
const possibleOperators = (_f = (_e = availableTypeOptions == null ? void 0 : availableTypeOptions.find((op) => op.value === item.field)) == null ? void 0 : _e.operatorOptions) != null ? _f : [];
|
|
21616
|
-
return /* @__PURE__ */
|
|
21639
|
+
return /* @__PURE__ */ jsx124(
|
|
21617
21640
|
FilterItem,
|
|
21618
21641
|
{
|
|
21619
21642
|
index: i,
|
|
@@ -21758,7 +21781,7 @@ var segmentedControlLabelContentStyles = css94`
|
|
|
21758
21781
|
var segmentedControlLabelTextStyles = css94``;
|
|
21759
21782
|
|
|
21760
21783
|
// src/components/SegmentedControl/SegmentedControl.tsx
|
|
21761
|
-
import { jsx as
|
|
21784
|
+
import { jsx as jsx125, jsxs as jsxs85 } from "@emotion/react/jsx-runtime";
|
|
21762
21785
|
var SegmentedControl = ({
|
|
21763
21786
|
name,
|
|
21764
21787
|
options,
|
|
@@ -21789,7 +21812,7 @@ var SegmentedControl = ({
|
|
|
21789
21812
|
const isIconOnly = useMemo8(() => {
|
|
21790
21813
|
return options.every((option) => option && option.icon && !option.label);
|
|
21791
21814
|
}, [options]);
|
|
21792
|
-
return /* @__PURE__ */
|
|
21815
|
+
return /* @__PURE__ */ jsx125(
|
|
21793
21816
|
"div",
|
|
21794
21817
|
{
|
|
21795
21818
|
css: [segmentedControlStyles, orientation === "vertical" ? segmentedControlVerticalStyles : void 0],
|
|
@@ -21801,7 +21824,7 @@ var SegmentedControl = ({
|
|
|
21801
21824
|
}
|
|
21802
21825
|
const text = option.label ? option.label : option.icon ? null : String(option.value);
|
|
21803
21826
|
const isDisabled = disabled2 || option.disabled;
|
|
21804
|
-
return /* @__PURE__ */
|
|
21827
|
+
return /* @__PURE__ */ jsx125(Tooltip, { title: (_a = option.tooltip) != null ? _a : "", children: /* @__PURE__ */ jsx125("div", { css: segmentedControlItemStyles, "data-testid": "container-segmented-control", children: /* @__PURE__ */ jsxs85(
|
|
21805
21828
|
"label",
|
|
21806
21829
|
{
|
|
21807
21830
|
css: [
|
|
@@ -21810,7 +21833,7 @@ var SegmentedControl = ({
|
|
|
21810
21833
|
isIconOnly ? segmentedControlLabelIconOnlyStyles : void 0
|
|
21811
21834
|
],
|
|
21812
21835
|
children: [
|
|
21813
|
-
/* @__PURE__ */
|
|
21836
|
+
/* @__PURE__ */ jsx125(
|
|
21814
21837
|
"input",
|
|
21815
21838
|
{
|
|
21816
21839
|
css: segmentedControlInputStyles,
|
|
@@ -21822,10 +21845,10 @@ var SegmentedControl = ({
|
|
|
21822
21845
|
disabled: isDisabled
|
|
21823
21846
|
}
|
|
21824
21847
|
),
|
|
21825
|
-
option.value !== value || noCheckmark ? null : /* @__PURE__ */
|
|
21826
|
-
/* @__PURE__ */
|
|
21827
|
-
!option.icon ? null : /* @__PURE__ */
|
|
21828
|
-
!text ? null : /* @__PURE__ */
|
|
21848
|
+
option.value !== value || noCheckmark ? null : /* @__PURE__ */ jsx125(CgCheck4, { css: segmentedControlLabelCheckStyles, "aria-label": "Selected", size: "1.5em" }),
|
|
21849
|
+
/* @__PURE__ */ jsxs85("span", { css: segmentedControlLabelContentStyles, children: [
|
|
21850
|
+
!option.icon ? null : /* @__PURE__ */ jsx125(Icon, { icon: option.icon, size: "1.5em", iconColor: "currentColor" }),
|
|
21851
|
+
!text ? null : /* @__PURE__ */ jsx125("span", { css: segmentedControlLabelTextStyles, children: text })
|
|
21829
21852
|
] })
|
|
21830
21853
|
]
|
|
21831
21854
|
}
|
|
@@ -21836,7 +21859,7 @@ var SegmentedControl = ({
|
|
|
21836
21859
|
};
|
|
21837
21860
|
|
|
21838
21861
|
// src/components/SearchAndFilter/SortItems.tsx
|
|
21839
|
-
import { jsx as
|
|
21862
|
+
import { jsx as jsx126, jsxs as jsxs86 } from "@emotion/react/jsx-runtime";
|
|
21840
21863
|
var SortItems = () => {
|
|
21841
21864
|
var _a, _b;
|
|
21842
21865
|
const { sortOptions, setSortBy, sortByValue } = useSearchAndFilter();
|
|
@@ -21847,8 +21870,8 @@ var SortItems = () => {
|
|
|
21847
21870
|
var _a2;
|
|
21848
21871
|
return (_a2 = item.options) == null ? void 0 : _a2.find((option) => option.value === sortField);
|
|
21849
21872
|
})) == null ? void 0 : _a.options) == null ? void 0 : _b.find((nestedOption) => nestedOption.value === sortField);
|
|
21850
|
-
return /* @__PURE__ */
|
|
21851
|
-
/* @__PURE__ */
|
|
21873
|
+
return /* @__PURE__ */ jsx126(FilterMenu, { id: "search-and-filter-options", filterTitle: "Sort by", children: /* @__PURE__ */ jsxs86("div", { css: SortFilterInputRow, children: [
|
|
21874
|
+
/* @__PURE__ */ jsx126(
|
|
21852
21875
|
InputComboBox,
|
|
21853
21876
|
{
|
|
21854
21877
|
options: sortOptions,
|
|
@@ -21867,7 +21890,7 @@ var SortItems = () => {
|
|
|
21867
21890
|
value: currentSelectedOption
|
|
21868
21891
|
}
|
|
21869
21892
|
),
|
|
21870
|
-
/* @__PURE__ */
|
|
21893
|
+
/* @__PURE__ */ jsx126(
|
|
21871
21894
|
SegmentedControl,
|
|
21872
21895
|
{
|
|
21873
21896
|
noCheckmark: true,
|
|
@@ -21884,18 +21907,18 @@ var SortItems = () => {
|
|
|
21884
21907
|
};
|
|
21885
21908
|
|
|
21886
21909
|
// src/components/SearchAndFilter/FilterModeView.tsx
|
|
21887
|
-
import { jsx as
|
|
21910
|
+
import { jsx as jsx127 } from "@emotion/react/jsx-runtime";
|
|
21888
21911
|
var FilterModeView = () => {
|
|
21889
21912
|
const { filterVisibility } = useSearchAndFilter();
|
|
21890
21913
|
const modeView = {
|
|
21891
|
-
filters: /* @__PURE__ */
|
|
21892
|
-
sort: /* @__PURE__ */
|
|
21914
|
+
filters: /* @__PURE__ */ jsx127(FilterItems, {}),
|
|
21915
|
+
sort: /* @__PURE__ */ jsx127(SortItems, {})
|
|
21893
21916
|
};
|
|
21894
21917
|
return filterVisibility ? modeView[filterVisibility] : null;
|
|
21895
21918
|
};
|
|
21896
21919
|
|
|
21897
21920
|
// src/components/SearchAndFilter/SearchAndFilterResultContainer.tsx
|
|
21898
|
-
import { Fragment as Fragment22, jsx as
|
|
21921
|
+
import { Fragment as Fragment22, jsx as jsx128, jsxs as jsxs87 } from "@emotion/react/jsx-runtime";
|
|
21899
21922
|
var SearchAndFilterResultContainer = ({
|
|
21900
21923
|
buttonText,
|
|
21901
21924
|
clearButtonLabel = "clear",
|
|
@@ -21929,24 +21952,24 @@ var SearchAndFilterResultContainer = ({
|
|
|
21929
21952
|
if (totalResults && totalResults > 0) {
|
|
21930
21953
|
return null;
|
|
21931
21954
|
}
|
|
21932
|
-
return /* @__PURE__ */
|
|
21933
|
-
/* @__PURE__ */
|
|
21934
|
-
/* @__PURE__ */
|
|
21955
|
+
return /* @__PURE__ */ jsxs87(Fragment22, { children: [
|
|
21956
|
+
/* @__PURE__ */ jsxs87(HorizontalRhythm, { children: [
|
|
21957
|
+
/* @__PURE__ */ jsxs87("span", { children: [
|
|
21935
21958
|
totalResults,
|
|
21936
21959
|
" results ",
|
|
21937
21960
|
searchTerm ? `for "${searchTerm}"` : null
|
|
21938
21961
|
] }),
|
|
21939
|
-
!searchTerm ? null : /* @__PURE__ */
|
|
21962
|
+
!searchTerm ? null : /* @__PURE__ */ jsx128(Button, { buttonType: "ghostDestructive", size: "zero", onClick: () => setSearchTerm(""), children: clearButtonLabel })
|
|
21940
21963
|
] }),
|
|
21941
|
-
totalResults === 0 ? /* @__PURE__ */
|
|
21942
|
-
calloutText ? /* @__PURE__ */
|
|
21943
|
-
/* @__PURE__ */
|
|
21964
|
+
totalResults === 0 ? /* @__PURE__ */ jsxs87(Callout, { title: calloutTitle2 != null ? calloutTitle2 : automateCalloutTitle(), type: "note", children: [
|
|
21965
|
+
calloutText ? /* @__PURE__ */ jsx128(Paragraph, { children: calloutText }) : null,
|
|
21966
|
+
/* @__PURE__ */ jsx128(Button, { buttonType: "tertiaryOutline", size: "xs", onClick: onHandleClear != null ? onHandleClear : handleResetFilters, children: buttonText != null ? buttonText : "Clear search" })
|
|
21944
21967
|
] }) : null
|
|
21945
21968
|
] });
|
|
21946
21969
|
};
|
|
21947
21970
|
|
|
21948
21971
|
// src/components/SearchAndFilter/SearchAndFilter.tsx
|
|
21949
|
-
import { jsx as
|
|
21972
|
+
import { jsx as jsx129, jsxs as jsxs88 } from "@emotion/react/jsx-runtime";
|
|
21950
21973
|
var SearchAndFilter = ({
|
|
21951
21974
|
filters,
|
|
21952
21975
|
filterOptions,
|
|
@@ -21955,14 +21978,14 @@ var SearchAndFilter = ({
|
|
|
21955
21978
|
defaultSortByValue,
|
|
21956
21979
|
filterControls,
|
|
21957
21980
|
viewSwitchControls,
|
|
21958
|
-
resultsContainerView = /* @__PURE__ */
|
|
21959
|
-
children = /* @__PURE__ */
|
|
21981
|
+
resultsContainerView = /* @__PURE__ */ jsx129(SearchAndFilterResultContainer, {}),
|
|
21982
|
+
children = /* @__PURE__ */ jsx129(FilterModeView, {}),
|
|
21960
21983
|
onChange,
|
|
21961
21984
|
onSearchChange,
|
|
21962
21985
|
onSortChange,
|
|
21963
21986
|
totalResults
|
|
21964
21987
|
}) => {
|
|
21965
|
-
return /* @__PURE__ */
|
|
21988
|
+
return /* @__PURE__ */ jsx129(
|
|
21966
21989
|
SearchAndFilterProvider,
|
|
21967
21990
|
{
|
|
21968
21991
|
filters,
|
|
@@ -21974,15 +21997,15 @@ var SearchAndFilter = ({
|
|
|
21974
21997
|
onSearchChange,
|
|
21975
21998
|
onSortChange,
|
|
21976
21999
|
totalResults,
|
|
21977
|
-
children: /* @__PURE__ */
|
|
21978
|
-
/* @__PURE__ */
|
|
21979
|
-
/* @__PURE__ */
|
|
22000
|
+
children: /* @__PURE__ */ jsxs88(VerticalRhythm, { css: SearchAndFilterContainer, "data-testid": "search-and-filter", children: [
|
|
22001
|
+
/* @__PURE__ */ jsxs88("div", { css: SearchAndFilterOutterControlWrapper(viewSwitchControls ? "1fr auto" : "1fr"), children: [
|
|
22002
|
+
/* @__PURE__ */ jsx129(
|
|
21980
22003
|
"div",
|
|
21981
22004
|
{
|
|
21982
22005
|
css: SearchAndFilterControlsWrapper(
|
|
21983
22006
|
viewSwitchControls ? "auto auto 1fr 0.5fr" : "auto auto 1fr"
|
|
21984
22007
|
),
|
|
21985
|
-
children: !filterControls ? /* @__PURE__ */
|
|
22008
|
+
children: !filterControls ? /* @__PURE__ */ jsx129(FilterControls, { hideSearchInput: !onSearchChange, defaultSortByValue }) : filterControls
|
|
21986
22009
|
}
|
|
21987
22010
|
),
|
|
21988
22011
|
viewSwitchControls
|
|
@@ -21997,7 +22020,7 @@ var SearchAndFilter = ({
|
|
|
21997
22020
|
// src/components/SearchAndFilter/SearchOnlyFilter.tsx
|
|
21998
22021
|
import { createContext as createContext7, useState as useState19 } from "react";
|
|
21999
22022
|
import { useDebounce as useDebounce4 } from "react-use";
|
|
22000
|
-
import { jsx as
|
|
22023
|
+
import { jsx as jsx130 } from "@emotion/react/jsx-runtime";
|
|
22001
22024
|
var SearchOnlyContext = createContext7({
|
|
22002
22025
|
searchTerm: "",
|
|
22003
22026
|
setSearchTerm: () => {
|
|
@@ -22014,14 +22037,14 @@ var SearchOnlyFilter = ({ onSearchChange, maxWidth }) => {
|
|
|
22014
22037
|
300,
|
|
22015
22038
|
[localeSearchTerm]
|
|
22016
22039
|
);
|
|
22017
|
-
return /* @__PURE__ */
|
|
22040
|
+
return /* @__PURE__ */ jsx130(
|
|
22018
22041
|
SearchOnlyContext.Provider,
|
|
22019
22042
|
{
|
|
22020
22043
|
value: {
|
|
22021
22044
|
searchTerm,
|
|
22022
22045
|
setSearchTerm: setLocaleSearchTerm
|
|
22023
22046
|
},
|
|
22024
|
-
children: /* @__PURE__ */
|
|
22047
|
+
children: /* @__PURE__ */ jsx130("div", { css: { maxWidth: maxWidth != null ? maxWidth : "712px" }, children: /* @__PURE__ */ jsx130(
|
|
22025
22048
|
InputKeywordSearch,
|
|
22026
22049
|
{
|
|
22027
22050
|
placeholder: "Search...",
|
|
@@ -22047,7 +22070,7 @@ var skeletonStyles = css96`
|
|
|
22047
22070
|
`;
|
|
22048
22071
|
|
|
22049
22072
|
// src/components/Skeleton/Skeleton.tsx
|
|
22050
|
-
import { jsx as
|
|
22073
|
+
import { jsx as jsx131 } from "@emotion/react/jsx-runtime";
|
|
22051
22074
|
var Skeleton = ({
|
|
22052
22075
|
width = "100%",
|
|
22053
22076
|
height = "1.25rem",
|
|
@@ -22055,7 +22078,7 @@ var Skeleton = ({
|
|
|
22055
22078
|
circle = false,
|
|
22056
22079
|
children,
|
|
22057
22080
|
...otherProps
|
|
22058
|
-
}) => /* @__PURE__ */
|
|
22081
|
+
}) => /* @__PURE__ */ jsx131(
|
|
22059
22082
|
"div",
|
|
22060
22083
|
{
|
|
22061
22084
|
css: [
|
|
@@ -22162,19 +22185,19 @@ var SwitchText = css97`
|
|
|
22162
22185
|
`;
|
|
22163
22186
|
|
|
22164
22187
|
// src/components/Switch/Switch.tsx
|
|
22165
|
-
import { Fragment as Fragment23, jsx as
|
|
22188
|
+
import { Fragment as Fragment23, jsx as jsx132, jsxs as jsxs89 } from "@emotion/react/jsx-runtime";
|
|
22166
22189
|
var Switch = React26.forwardRef(
|
|
22167
22190
|
({ label, infoText, toggleText, children, ...inputProps }, ref) => {
|
|
22168
22191
|
let additionalText = infoText;
|
|
22169
22192
|
if (infoText && toggleText) {
|
|
22170
22193
|
additionalText = inputProps.checked ? toggleText : infoText;
|
|
22171
22194
|
}
|
|
22172
|
-
return /* @__PURE__ */
|
|
22173
|
-
/* @__PURE__ */
|
|
22174
|
-
/* @__PURE__ */
|
|
22175
|
-
/* @__PURE__ */
|
|
22195
|
+
return /* @__PURE__ */ jsxs89(Fragment23, { children: [
|
|
22196
|
+
/* @__PURE__ */ jsxs89("label", { css: [SwitchInputContainer, inputProps.disabled ? SwitchInputDisabled : void 0], children: [
|
|
22197
|
+
/* @__PURE__ */ jsx132("input", { type: "checkbox", css: SwitchInput, ...inputProps, ref }),
|
|
22198
|
+
/* @__PURE__ */ jsx132("span", { css: SwitchInputLabel, children: label })
|
|
22176
22199
|
] }),
|
|
22177
|
-
additionalText ? /* @__PURE__ */
|
|
22200
|
+
additionalText ? /* @__PURE__ */ jsx132("p", { css: SwitchText, children: additionalText }) : null,
|
|
22178
22201
|
children
|
|
22179
22202
|
] });
|
|
22180
22203
|
}
|
|
@@ -22211,40 +22234,40 @@ var tableCellHead = css98`
|
|
|
22211
22234
|
`;
|
|
22212
22235
|
|
|
22213
22236
|
// src/components/Table/Table.tsx
|
|
22214
|
-
import { jsx as
|
|
22237
|
+
import { jsx as jsx133 } from "@emotion/react/jsx-runtime";
|
|
22215
22238
|
var Table = React27.forwardRef(
|
|
22216
22239
|
({ children, cellPadding, ...otherProps }, ref) => {
|
|
22217
|
-
return /* @__PURE__ */
|
|
22240
|
+
return /* @__PURE__ */ jsx133("table", { ref, css: table({ cellPadding }), ...otherProps, children });
|
|
22218
22241
|
}
|
|
22219
22242
|
);
|
|
22220
22243
|
var TableHead = React27.forwardRef(
|
|
22221
22244
|
({ children, ...otherProps }, ref) => {
|
|
22222
|
-
return /* @__PURE__ */
|
|
22245
|
+
return /* @__PURE__ */ jsx133("thead", { ref, css: tableHead, ...otherProps, children });
|
|
22223
22246
|
}
|
|
22224
22247
|
);
|
|
22225
22248
|
var TableBody = React27.forwardRef(
|
|
22226
22249
|
({ children, ...otherProps }, ref) => {
|
|
22227
|
-
return /* @__PURE__ */
|
|
22250
|
+
return /* @__PURE__ */ jsx133("tbody", { ref, ...otherProps, children });
|
|
22228
22251
|
}
|
|
22229
22252
|
);
|
|
22230
22253
|
var TableFoot = React27.forwardRef(
|
|
22231
22254
|
({ children, ...otherProps }, ref) => {
|
|
22232
|
-
return /* @__PURE__ */
|
|
22255
|
+
return /* @__PURE__ */ jsx133("tfoot", { ref, ...otherProps, children });
|
|
22233
22256
|
}
|
|
22234
22257
|
);
|
|
22235
22258
|
var TableRow = React27.forwardRef(
|
|
22236
22259
|
({ children, ...otherProps }, ref) => {
|
|
22237
|
-
return /* @__PURE__ */
|
|
22260
|
+
return /* @__PURE__ */ jsx133("tr", { ref, css: tableRow, ...otherProps, children });
|
|
22238
22261
|
}
|
|
22239
22262
|
);
|
|
22240
22263
|
var TableCellHead = React27.forwardRef(
|
|
22241
22264
|
({ children, ...otherProps }, ref) => {
|
|
22242
|
-
return /* @__PURE__ */
|
|
22265
|
+
return /* @__PURE__ */ jsx133("th", { ref, css: tableCellHead, ...otherProps, children });
|
|
22243
22266
|
}
|
|
22244
22267
|
);
|
|
22245
22268
|
var TableCellData = React27.forwardRef(
|
|
22246
22269
|
({ children, ...otherProps }, ref) => {
|
|
22247
|
-
return /* @__PURE__ */
|
|
22270
|
+
return /* @__PURE__ */ jsx133("td", { ref, ...otherProps, children });
|
|
22248
22271
|
}
|
|
22249
22272
|
);
|
|
22250
22273
|
|
|
@@ -22284,7 +22307,7 @@ var tabButtonGroupStyles = css99`
|
|
|
22284
22307
|
`;
|
|
22285
22308
|
|
|
22286
22309
|
// src/components/Tabs/Tabs.tsx
|
|
22287
|
-
import { jsx as
|
|
22310
|
+
import { jsx as jsx134 } from "@emotion/react/jsx-runtime";
|
|
22288
22311
|
var useCurrentTab = () => {
|
|
22289
22312
|
const context = useAriakitTabStore();
|
|
22290
22313
|
if (!context) {
|
|
@@ -22322,23 +22345,23 @@ var Tabs = ({
|
|
|
22322
22345
|
tab.setSelectedId(selected);
|
|
22323
22346
|
}
|
|
22324
22347
|
}, [selected, tab]);
|
|
22325
|
-
return /* @__PURE__ */
|
|
22348
|
+
return /* @__PURE__ */ jsx134(AriakitTabProvider, { store: tab, setSelectedId: onTabSelect, children });
|
|
22326
22349
|
};
|
|
22327
22350
|
var TabButtonGroup = ({ children, ...props }) => {
|
|
22328
|
-
return /* @__PURE__ */
|
|
22351
|
+
return /* @__PURE__ */ jsx134(AriakitTabList, { ...props, css: tabButtonGroupStyles, children });
|
|
22329
22352
|
};
|
|
22330
22353
|
var TabButton = ({
|
|
22331
22354
|
children,
|
|
22332
22355
|
id,
|
|
22333
22356
|
...props
|
|
22334
22357
|
}) => {
|
|
22335
|
-
return /* @__PURE__ */
|
|
22358
|
+
return /* @__PURE__ */ jsx134(AriakitTab, { type: "button", id, ...props, css: tabButtonStyles, children });
|
|
22336
22359
|
};
|
|
22337
22360
|
var TabContent = ({
|
|
22338
22361
|
children,
|
|
22339
22362
|
...props
|
|
22340
22363
|
}) => {
|
|
22341
|
-
return /* @__PURE__ */
|
|
22364
|
+
return /* @__PURE__ */ jsx134(AriakitTabPanel, { ...props, children });
|
|
22342
22365
|
};
|
|
22343
22366
|
|
|
22344
22367
|
// src/components/Toast/Toast.tsx
|
|
@@ -22569,9 +22592,9 @@ var toastContainerStyles = css100`
|
|
|
22569
22592
|
`;
|
|
22570
22593
|
|
|
22571
22594
|
// src/components/Toast/Toast.tsx
|
|
22572
|
-
import { jsx as
|
|
22595
|
+
import { jsx as jsx135 } from "@emotion/react/jsx-runtime";
|
|
22573
22596
|
var ToastContainer = ({ limit = 4 }) => {
|
|
22574
|
-
return /* @__PURE__ */
|
|
22597
|
+
return /* @__PURE__ */ jsx135(
|
|
22575
22598
|
ToastifyContainer,
|
|
22576
22599
|
{
|
|
22577
22600
|
css: toastContainerStyles,
|
|
@@ -22670,6 +22693,7 @@ export {
|
|
|
22670
22693
|
MenuItemInner,
|
|
22671
22694
|
MenuItemSeparator,
|
|
22672
22695
|
Modal,
|
|
22696
|
+
ModalDialog,
|
|
22673
22697
|
MultilineChip,
|
|
22674
22698
|
NUMBER_OPERATORS,
|
|
22675
22699
|
PageHeaderSection,
|