@uniformdev/design-system 19.122.1-alpha.0 → 19.123.1-alpha.9
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 +193 -92
- package/dist/index.d.mts +3 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +187 -85
- package/package.json +4 -4
package/dist/esm/index.js
CHANGED
|
@@ -17561,6 +17561,16 @@ var toggleInput2 = css79`
|
|
|
17561
17561
|
color: var(--white);
|
|
17562
17562
|
}
|
|
17563
17563
|
|
|
17564
|
+
&:indeterminate,
|
|
17565
|
+
&:indeterminate:hover,
|
|
17566
|
+
&:indeterminate:focus {
|
|
17567
|
+
background: var(--accent-dark-active)
|
|
17568
|
+
url('data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNiIKICBoZWlnaHQ9IjE2IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKPgogIDxwYXRoCiAgICBkPSJNNCAxMkM0IDExLjQ0NzcgNC40NDc3MiAxMSA1IDExSDE5QzE5LjU1MjMgMTEgMjAgMTEuNDQ3NyAyMCAxMkMyMCAxMi41NTIzIDE5LjU1MjMgMTMgMTkgMTNINUM0LjQ0NzcyIDEzIDQgMTIuNTUyMyA0IDEyWiIKICAgIGZpbGw9IndoaXRlIgogIC8+Cjwvc3ZnPg==')
|
|
17569
|
+
no-repeat center center;
|
|
17570
|
+
border-color: var(--accent-dark-active);
|
|
17571
|
+
color: var(--white);
|
|
17572
|
+
}
|
|
17573
|
+
|
|
17564
17574
|
&:hover {
|
|
17565
17575
|
border-color: var(--accent-dark-hover);
|
|
17566
17576
|
}
|
|
@@ -20289,6 +20299,43 @@ var USER_OPERATORS = [
|
|
|
20289
20299
|
editorType: "text"
|
|
20290
20300
|
}
|
|
20291
20301
|
];
|
|
20302
|
+
var SYSTEM_DATE_OPERATORS = [
|
|
20303
|
+
{
|
|
20304
|
+
label: "is...",
|
|
20305
|
+
value: "eq",
|
|
20306
|
+
editorType: "date"
|
|
20307
|
+
},
|
|
20308
|
+
{
|
|
20309
|
+
label: "is between...",
|
|
20310
|
+
value: "between",
|
|
20311
|
+
editorType: "dateRange"
|
|
20312
|
+
},
|
|
20313
|
+
{
|
|
20314
|
+
label: "is before...",
|
|
20315
|
+
value: "lt",
|
|
20316
|
+
editorType: "date"
|
|
20317
|
+
},
|
|
20318
|
+
{
|
|
20319
|
+
label: "is after...",
|
|
20320
|
+
value: "gt",
|
|
20321
|
+
editorType: "date"
|
|
20322
|
+
},
|
|
20323
|
+
{
|
|
20324
|
+
label: "is on or before...",
|
|
20325
|
+
value: "lte",
|
|
20326
|
+
editorType: "date"
|
|
20327
|
+
},
|
|
20328
|
+
{
|
|
20329
|
+
label: "is on or after...",
|
|
20330
|
+
value: "gte",
|
|
20331
|
+
editorType: "date"
|
|
20332
|
+
},
|
|
20333
|
+
{
|
|
20334
|
+
label: "is not...",
|
|
20335
|
+
value: "neq",
|
|
20336
|
+
editorType: "date"
|
|
20337
|
+
}
|
|
20338
|
+
];
|
|
20292
20339
|
var RICHTEXT_OPERATORS = [
|
|
20293
20340
|
{
|
|
20294
20341
|
label: "is empty...",
|
|
@@ -20903,7 +20950,7 @@ var StatusBullet = ({
|
|
|
20903
20950
|
};
|
|
20904
20951
|
|
|
20905
20952
|
// src/components/SearchAndFilter/FilterEditor.tsx
|
|
20906
|
-
import { jsx as jsx121, jsxs as jsxs81 } from "@emotion/react/jsx-runtime";
|
|
20953
|
+
import { Fragment as Fragment20, jsx as jsx121, jsxs as jsxs81 } from "@emotion/react/jsx-runtime";
|
|
20907
20954
|
var readOnlyAttributes = {
|
|
20908
20955
|
isSearchable: false,
|
|
20909
20956
|
menuIsOpen: false,
|
|
@@ -20914,10 +20961,11 @@ var FilterMultiChoiceEditor = ({
|
|
|
20914
20961
|
options,
|
|
20915
20962
|
isDisabled,
|
|
20916
20963
|
readOnly,
|
|
20964
|
+
valueTestId,
|
|
20917
20965
|
...props
|
|
20918
20966
|
}) => {
|
|
20919
20967
|
const readOnlyProps = readOnly ? readOnlyAttributes : {};
|
|
20920
|
-
return /* @__PURE__ */ jsx121(
|
|
20968
|
+
return /* @__PURE__ */ jsx121("div", { "data-testid": valueTestId, children: /* @__PURE__ */ jsx121(
|
|
20921
20969
|
InputComboBox,
|
|
20922
20970
|
{
|
|
20923
20971
|
...props,
|
|
@@ -20934,17 +20982,18 @@ var FilterMultiChoiceEditor = ({
|
|
|
20934
20982
|
"aria-readonly": readOnly,
|
|
20935
20983
|
...readOnlyProps
|
|
20936
20984
|
}
|
|
20937
|
-
);
|
|
20985
|
+
) });
|
|
20938
20986
|
};
|
|
20939
20987
|
var FilterSingleChoiceEditor = ({
|
|
20940
20988
|
options,
|
|
20941
20989
|
value,
|
|
20942
20990
|
isDisabled,
|
|
20943
20991
|
readOnly,
|
|
20944
|
-
onChange
|
|
20992
|
+
onChange,
|
|
20993
|
+
valueTestId
|
|
20945
20994
|
}) => {
|
|
20946
20995
|
const readOnlyProps = readOnly ? readOnlyAttributes : {};
|
|
20947
|
-
return /* @__PURE__ */ jsx121(
|
|
20996
|
+
return /* @__PURE__ */ jsx121("div", { "data-testid": valueTestId, children: /* @__PURE__ */ jsx121(
|
|
20948
20997
|
InputComboBox,
|
|
20949
20998
|
{
|
|
20950
20999
|
placeholder: "Type to search...",
|
|
@@ -20959,7 +21008,7 @@ var FilterSingleChoiceEditor = ({
|
|
|
20959
21008
|
"aria-readonly": readOnly,
|
|
20960
21009
|
...readOnlyProps
|
|
20961
21010
|
}
|
|
20962
|
-
);
|
|
21011
|
+
) });
|
|
20963
21012
|
};
|
|
20964
21013
|
var CustomOptions = ({ label, value }) => {
|
|
20965
21014
|
return /* @__PURE__ */ jsx121(StatusBullet, { status: label, message: value });
|
|
@@ -20969,10 +21018,11 @@ var StatusMultiEditor = ({
|
|
|
20969
21018
|
value,
|
|
20970
21019
|
isDisabled,
|
|
20971
21020
|
readOnly,
|
|
20972
|
-
onChange
|
|
21021
|
+
onChange,
|
|
21022
|
+
valueTestId
|
|
20973
21023
|
}) => {
|
|
20974
21024
|
const readOnlyProps = readOnly ? readOnlyAttributes : {};
|
|
20975
|
-
return /* @__PURE__ */ jsx121(
|
|
21025
|
+
return /* @__PURE__ */ jsx121("div", { "data-testid": valueTestId, children: /* @__PURE__ */ jsx121(
|
|
20976
21026
|
InputComboBox,
|
|
20977
21027
|
{
|
|
20978
21028
|
options,
|
|
@@ -20986,17 +21036,18 @@ var StatusMultiEditor = ({
|
|
|
20986
21036
|
isDisabled,
|
|
20987
21037
|
...readOnlyProps
|
|
20988
21038
|
}
|
|
20989
|
-
);
|
|
21039
|
+
) });
|
|
20990
21040
|
};
|
|
20991
21041
|
var StatusSingleEditor = ({
|
|
20992
21042
|
options,
|
|
20993
21043
|
value,
|
|
20994
21044
|
isDisabled,
|
|
20995
21045
|
readOnly,
|
|
20996
|
-
onChange
|
|
21046
|
+
onChange,
|
|
21047
|
+
valueTestId
|
|
20997
21048
|
}) => {
|
|
20998
21049
|
const readOnlyProps = readOnly ? readOnlyAttributes : {};
|
|
20999
|
-
return /* @__PURE__ */ jsx121(
|
|
21050
|
+
return /* @__PURE__ */ jsx121("div", { "data-testid": valueTestId, children: /* @__PURE__ */ jsx121(
|
|
21000
21051
|
InputComboBox,
|
|
21001
21052
|
{
|
|
21002
21053
|
options,
|
|
@@ -21009,9 +21060,9 @@ var StatusSingleEditor = ({
|
|
|
21009
21060
|
isDisabled,
|
|
21010
21061
|
...readOnlyProps
|
|
21011
21062
|
}
|
|
21012
|
-
);
|
|
21063
|
+
) });
|
|
21013
21064
|
};
|
|
21014
|
-
var TextEditor = ({ onChange, ariaLabel, value, readOnly }) => {
|
|
21065
|
+
var TextEditor = ({ onChange, ariaLabel, value, readOnly, valueTestId }) => {
|
|
21015
21066
|
useDebounce3(() => onChange, 500, [value]);
|
|
21016
21067
|
return /* @__PURE__ */ jsx121(
|
|
21017
21068
|
Input,
|
|
@@ -21021,11 +21072,19 @@ var TextEditor = ({ onChange, ariaLabel, value, readOnly }) => {
|
|
|
21021
21072
|
onChange: (e) => onChange(e.currentTarget.value),
|
|
21022
21073
|
placeholder: "Enter phrase to search\u2026",
|
|
21023
21074
|
value,
|
|
21024
|
-
readOnly
|
|
21075
|
+
readOnly,
|
|
21076
|
+
"data-testid": valueTestId
|
|
21025
21077
|
}
|
|
21026
21078
|
);
|
|
21027
21079
|
};
|
|
21028
|
-
var NumberRangeEditor = ({
|
|
21080
|
+
var NumberRangeEditor = ({
|
|
21081
|
+
onChange,
|
|
21082
|
+
disabled: disabled2,
|
|
21083
|
+
ariaLabel,
|
|
21084
|
+
value,
|
|
21085
|
+
readOnly,
|
|
21086
|
+
valueTestId
|
|
21087
|
+
}) => {
|
|
21029
21088
|
const [minValue, setMinValue] = useState18("");
|
|
21030
21089
|
const [maxValue, setMaxValue] = useState18("");
|
|
21031
21090
|
const [error, setError] = useState18("");
|
|
@@ -21048,41 +21107,50 @@ var NumberRangeEditor = ({ onChange, disabled: disabled2, ariaLabel, value, read
|
|
|
21048
21107
|
setError("");
|
|
21049
21108
|
onChange([minValue, maxValue]);
|
|
21050
21109
|
}, [maxValue, minValue, setError]);
|
|
21051
|
-
return /* @__PURE__ */ jsxs81(
|
|
21052
|
-
/* @__PURE__ */
|
|
21053
|
-
|
|
21054
|
-
|
|
21055
|
-
|
|
21056
|
-
|
|
21057
|
-
|
|
21058
|
-
|
|
21059
|
-
|
|
21060
|
-
|
|
21061
|
-
|
|
21062
|
-
|
|
21063
|
-
|
|
21064
|
-
|
|
21065
|
-
|
|
21066
|
-
|
|
21067
|
-
|
|
21068
|
-
|
|
21069
|
-
|
|
21070
|
-
|
|
21071
|
-
|
|
21072
|
-
|
|
21073
|
-
|
|
21074
|
-
|
|
21075
|
-
|
|
21076
|
-
|
|
21077
|
-
|
|
21078
|
-
|
|
21079
|
-
|
|
21080
|
-
|
|
21081
|
-
|
|
21110
|
+
return /* @__PURE__ */ jsxs81(Fragment20, { children: [
|
|
21111
|
+
/* @__PURE__ */ jsxs81("div", { css: twoColumnGrid, "data-testid": valueTestId, children: [
|
|
21112
|
+
/* @__PURE__ */ jsx121(
|
|
21113
|
+
Input,
|
|
21114
|
+
{
|
|
21115
|
+
label: `${ariaLabel}-min`,
|
|
21116
|
+
type: "number",
|
|
21117
|
+
showLabel: false,
|
|
21118
|
+
min: 0,
|
|
21119
|
+
placeholder: "Low",
|
|
21120
|
+
onChange: (e) => setMinValue(e.currentTarget.value),
|
|
21121
|
+
"aria-invalid": !error ? false : true,
|
|
21122
|
+
disabled: disabled2,
|
|
21123
|
+
value: value ? value[0] : "",
|
|
21124
|
+
readOnly
|
|
21125
|
+
}
|
|
21126
|
+
),
|
|
21127
|
+
/* @__PURE__ */ jsx121(
|
|
21128
|
+
Input,
|
|
21129
|
+
{
|
|
21130
|
+
type: "number",
|
|
21131
|
+
label: `${ariaLabel}-max`,
|
|
21132
|
+
showLabel: false,
|
|
21133
|
+
min: 0,
|
|
21134
|
+
placeholder: "High",
|
|
21135
|
+
onChange: (e) => setMaxValue(e.currentTarget.value),
|
|
21136
|
+
"aria-invalid": !error ? false : true,
|
|
21137
|
+
disabled: disabled2,
|
|
21138
|
+
value: value ? value[1] : "",
|
|
21139
|
+
readOnly
|
|
21140
|
+
}
|
|
21141
|
+
)
|
|
21142
|
+
] }),
|
|
21082
21143
|
/* @__PURE__ */ jsx121(ErrorContainer, { errorMessage: error })
|
|
21083
21144
|
] });
|
|
21084
21145
|
};
|
|
21085
|
-
var NumberEditor = ({
|
|
21146
|
+
var NumberEditor = ({
|
|
21147
|
+
ariaLabel,
|
|
21148
|
+
onChange,
|
|
21149
|
+
disabled: disabled2,
|
|
21150
|
+
value,
|
|
21151
|
+
readOnly,
|
|
21152
|
+
valueTestId
|
|
21153
|
+
}) => {
|
|
21086
21154
|
return /* @__PURE__ */ jsx121(
|
|
21087
21155
|
Input,
|
|
21088
21156
|
{
|
|
@@ -21093,11 +21161,19 @@ var NumberEditor = ({ ariaLabel, onChange, disabled: disabled2, value, readOnly
|
|
|
21093
21161
|
onChange: (e) => onChange(e.currentTarget.value),
|
|
21094
21162
|
disabled: disabled2,
|
|
21095
21163
|
value,
|
|
21096
|
-
readOnly
|
|
21164
|
+
readOnly,
|
|
21165
|
+
"data-testid": valueTestId
|
|
21097
21166
|
}
|
|
21098
21167
|
);
|
|
21099
21168
|
};
|
|
21100
|
-
var DateEditor = ({
|
|
21169
|
+
var DateEditor = ({
|
|
21170
|
+
onChange,
|
|
21171
|
+
ariaLabel,
|
|
21172
|
+
disabled: disabled2,
|
|
21173
|
+
value,
|
|
21174
|
+
readOnly,
|
|
21175
|
+
valueTestId
|
|
21176
|
+
}) => {
|
|
21101
21177
|
return /* @__PURE__ */ jsx121(
|
|
21102
21178
|
Input,
|
|
21103
21179
|
{
|
|
@@ -21107,11 +21183,19 @@ var DateEditor = ({ onChange, ariaLabel, disabled: disabled2, value, readOnly })
|
|
|
21107
21183
|
onChange: (e) => onChange(e.currentTarget.value),
|
|
21108
21184
|
disabled: disabled2,
|
|
21109
21185
|
value,
|
|
21110
|
-
readOnly
|
|
21186
|
+
readOnly,
|
|
21187
|
+
"data-testid": valueTestId
|
|
21111
21188
|
}
|
|
21112
21189
|
);
|
|
21113
21190
|
};
|
|
21114
|
-
var DateRangeEditor = ({
|
|
21191
|
+
var DateRangeEditor = ({
|
|
21192
|
+
ariaLabel,
|
|
21193
|
+
onChange,
|
|
21194
|
+
disabled: disabled2,
|
|
21195
|
+
value,
|
|
21196
|
+
readOnly,
|
|
21197
|
+
valueTestId
|
|
21198
|
+
}) => {
|
|
21115
21199
|
const [minDateValue, setMinDateValue] = useState18(value ? value[0] : "");
|
|
21116
21200
|
const [maxDateValue, setMaxDateValue] = useState18(value ? value[1] : "");
|
|
21117
21201
|
const [error, setError] = useState18("");
|
|
@@ -21146,33 +21230,35 @@ var DateRangeEditor = ({ ariaLabel, onChange, disabled: disabled2, value, readOn
|
|
|
21146
21230
|
setError("");
|
|
21147
21231
|
onChange([minDateValue, maxDateValue]);
|
|
21148
21232
|
}, [minDateValue, maxDateValue, setError]);
|
|
21149
|
-
return /* @__PURE__ */ jsxs81(
|
|
21150
|
-
/* @__PURE__ */
|
|
21151
|
-
|
|
21152
|
-
|
|
21153
|
-
|
|
21154
|
-
|
|
21155
|
-
|
|
21156
|
-
|
|
21157
|
-
|
|
21158
|
-
|
|
21159
|
-
|
|
21160
|
-
|
|
21161
|
-
|
|
21162
|
-
|
|
21163
|
-
|
|
21164
|
-
|
|
21165
|
-
|
|
21166
|
-
|
|
21167
|
-
|
|
21168
|
-
|
|
21169
|
-
|
|
21170
|
-
|
|
21171
|
-
|
|
21172
|
-
|
|
21173
|
-
|
|
21174
|
-
|
|
21175
|
-
|
|
21233
|
+
return /* @__PURE__ */ jsxs81(Fragment20, { children: [
|
|
21234
|
+
/* @__PURE__ */ jsxs81("div", { css: twoColumnGrid, "data-testid": valueTestId, children: [
|
|
21235
|
+
/* @__PURE__ */ jsx121(
|
|
21236
|
+
Input,
|
|
21237
|
+
{
|
|
21238
|
+
label: `${ariaLabel}-min-date`,
|
|
21239
|
+
type: "date",
|
|
21240
|
+
showLabel: false,
|
|
21241
|
+
value: minDateValue,
|
|
21242
|
+
onChange: (e) => setMinDateValue(e.currentTarget.value),
|
|
21243
|
+
"aria-invalid": !error ? false : true,
|
|
21244
|
+
disabled: disabled2,
|
|
21245
|
+
readOnly
|
|
21246
|
+
}
|
|
21247
|
+
),
|
|
21248
|
+
/* @__PURE__ */ jsx121(
|
|
21249
|
+
Input,
|
|
21250
|
+
{
|
|
21251
|
+
label: `${ariaLabel}-max-date`,
|
|
21252
|
+
type: "date",
|
|
21253
|
+
showLabel: false,
|
|
21254
|
+
value: maxDateValue,
|
|
21255
|
+
onChange: (e) => setMaxDateValue(e.currentTarget.value),
|
|
21256
|
+
"aria-invalid": !error ? false : true,
|
|
21257
|
+
disabled: disabled2,
|
|
21258
|
+
readOnly
|
|
21259
|
+
}
|
|
21260
|
+
)
|
|
21261
|
+
] }),
|
|
21176
21262
|
/* @__PURE__ */ jsx121(ErrorContainer, { errorMessage: error })
|
|
21177
21263
|
] });
|
|
21178
21264
|
};
|
|
@@ -21263,7 +21349,7 @@ var FilterMenu = ({ id, filterTitle = "Show records", menuControls, children })
|
|
|
21263
21349
|
};
|
|
21264
21350
|
|
|
21265
21351
|
// src/components/SearchAndFilter/FilterItem.tsx
|
|
21266
|
-
import { Fragment as
|
|
21352
|
+
import { Fragment as Fragment21, jsx as jsx123, jsxs as jsxs83 } from "@emotion/react/jsx-runtime";
|
|
21267
21353
|
var FilterItem = ({
|
|
21268
21354
|
index,
|
|
21269
21355
|
paramOptions,
|
|
@@ -21311,7 +21397,7 @@ var FilterItem = ({
|
|
|
21311
21397
|
menuIsOpen: false,
|
|
21312
21398
|
isClearable: false
|
|
21313
21399
|
} : {};
|
|
21314
|
-
return /* @__PURE__ */ jsxs83("div", { css: ConditionalFilterRow, children: [
|
|
21400
|
+
return /* @__PURE__ */ jsxs83("div", { css: ConditionalFilterRow, "data-testid": "filter-item", children: [
|
|
21315
21401
|
/* @__PURE__ */ jsx123("span", { children: index === 0 ? "where" : "and" }),
|
|
21316
21402
|
/* @__PURE__ */ jsxs83("div", { css: ConditionalInputRow, children: [
|
|
21317
21403
|
/* @__PURE__ */ jsx123(
|
|
@@ -21324,7 +21410,8 @@ var FilterItem = ({
|
|
|
21324
21410
|
onParamChange((_a2 = e == null ? void 0 : e.value) != null ? _a2 : "");
|
|
21325
21411
|
},
|
|
21326
21412
|
value: selectedFieldValue,
|
|
21327
|
-
...readOnlyProps
|
|
21413
|
+
...readOnlyProps,
|
|
21414
|
+
id: "filter-field"
|
|
21328
21415
|
}
|
|
21329
21416
|
),
|
|
21330
21417
|
/* @__PURE__ */ jsx123(
|
|
@@ -21338,7 +21425,8 @@ var FilterItem = ({
|
|
|
21338
21425
|
},
|
|
21339
21426
|
isDisabled: !filters[index].field,
|
|
21340
21427
|
value: selectedOperatorValue,
|
|
21341
|
-
...readOnlyProps
|
|
21428
|
+
...readOnlyProps,
|
|
21429
|
+
id: "filter-operator"
|
|
21342
21430
|
}
|
|
21343
21431
|
),
|
|
21344
21432
|
/* @__PURE__ */ jsx123(
|
|
@@ -21350,7 +21438,8 @@ var FilterItem = ({
|
|
|
21350
21438
|
onChange: (e) => onValueChange(e != null ? e : ""),
|
|
21351
21439
|
readOnly,
|
|
21352
21440
|
isDisabled: !filters[index].operator,
|
|
21353
|
-
value: selectedMetaValue
|
|
21441
|
+
value: selectedMetaValue,
|
|
21442
|
+
valueTestId: "filter-value"
|
|
21354
21443
|
}
|
|
21355
21444
|
),
|
|
21356
21445
|
/* @__PURE__ */ jsx123(
|
|
@@ -21360,6 +21449,7 @@ var FilterItem = ({
|
|
|
21360
21449
|
onClick: () => handleDeleteFilter(index),
|
|
21361
21450
|
"aria-label": "delete filter",
|
|
21362
21451
|
css: IconBtn,
|
|
21452
|
+
"data-testid": "delete-filter",
|
|
21363
21453
|
children: /* @__PURE__ */ jsx123(Icon, { icon: "trash", iconColor: "red", size: "1rem" })
|
|
21364
21454
|
}
|
|
21365
21455
|
)
|
|
@@ -21393,11 +21483,20 @@ var FilterItems = ({
|
|
|
21393
21483
|
FilterMenu,
|
|
21394
21484
|
{
|
|
21395
21485
|
id: "search-and-filter-options",
|
|
21396
|
-
menuControls: /* @__PURE__ */ jsxs83(
|
|
21397
|
-
/* @__PURE__ */ jsxs83(
|
|
21398
|
-
|
|
21399
|
-
|
|
21400
|
-
|
|
21486
|
+
menuControls: /* @__PURE__ */ jsxs83(Fragment21, { children: [
|
|
21487
|
+
/* @__PURE__ */ jsxs83(
|
|
21488
|
+
"button",
|
|
21489
|
+
{
|
|
21490
|
+
type: "button",
|
|
21491
|
+
css: AddConditionalBtn,
|
|
21492
|
+
onClick: handleAddFilter,
|
|
21493
|
+
"data-testid": "add-filter",
|
|
21494
|
+
children: [
|
|
21495
|
+
/* @__PURE__ */ jsx123(Icon, { icon: "math-plus", iconColor: "currentColor", size: "1rem" }),
|
|
21496
|
+
addButtonText
|
|
21497
|
+
]
|
|
21498
|
+
}
|
|
21499
|
+
),
|
|
21401
21500
|
(filters == null ? void 0 : filters.length) ? /* @__PURE__ */ jsx123(
|
|
21402
21501
|
"button",
|
|
21403
21502
|
{
|
|
@@ -21407,6 +21506,7 @@ var FilterItems = ({
|
|
|
21407
21506
|
handleResetFilters();
|
|
21408
21507
|
setFilterVisibility(void 0);
|
|
21409
21508
|
},
|
|
21509
|
+
"data-testid": "reset-filters",
|
|
21410
21510
|
children: resetButtonText
|
|
21411
21511
|
}
|
|
21412
21512
|
) : null
|
|
@@ -21693,7 +21793,7 @@ var FilterModeView = () => {
|
|
|
21693
21793
|
};
|
|
21694
21794
|
|
|
21695
21795
|
// src/components/SearchAndFilter/SearchAndFilterResultContainer.tsx
|
|
21696
|
-
import { Fragment as
|
|
21796
|
+
import { Fragment as Fragment22, jsx as jsx127, jsxs as jsxs86 } from "@emotion/react/jsx-runtime";
|
|
21697
21797
|
var SearchAndFilterResultContainer = ({
|
|
21698
21798
|
buttonText,
|
|
21699
21799
|
clearButtonLabel = "clear",
|
|
@@ -21727,7 +21827,7 @@ var SearchAndFilterResultContainer = ({
|
|
|
21727
21827
|
if (totalResults && totalResults > 0) {
|
|
21728
21828
|
return null;
|
|
21729
21829
|
}
|
|
21730
|
-
return /* @__PURE__ */ jsxs86(
|
|
21830
|
+
return /* @__PURE__ */ jsxs86(Fragment22, { children: [
|
|
21731
21831
|
/* @__PURE__ */ jsxs86(HorizontalRhythm, { children: [
|
|
21732
21832
|
/* @__PURE__ */ jsxs86("span", { children: [
|
|
21733
21833
|
totalResults,
|
|
@@ -21960,14 +22060,14 @@ var SwitchText = css97`
|
|
|
21960
22060
|
`;
|
|
21961
22061
|
|
|
21962
22062
|
// src/components/Switch/Switch.tsx
|
|
21963
|
-
import { Fragment as
|
|
22063
|
+
import { Fragment as Fragment23, jsx as jsx131, jsxs as jsxs88 } from "@emotion/react/jsx-runtime";
|
|
21964
22064
|
var Switch = React26.forwardRef(
|
|
21965
22065
|
({ label, infoText, toggleText, children, ...inputProps }, ref) => {
|
|
21966
22066
|
let additionalText = infoText;
|
|
21967
22067
|
if (infoText && toggleText) {
|
|
21968
22068
|
additionalText = inputProps.checked ? toggleText : infoText;
|
|
21969
22069
|
}
|
|
21970
|
-
return /* @__PURE__ */ jsxs88(
|
|
22070
|
+
return /* @__PURE__ */ jsxs88(Fragment23, { children: [
|
|
21971
22071
|
/* @__PURE__ */ jsxs88("label", { css: [SwitchInputContainer, inputProps.disabled ? SwitchInputDisabled : void 0], children: [
|
|
21972
22072
|
/* @__PURE__ */ jsx131("input", { type: "checkbox", css: SwitchInput, ...inputProps, ref }),
|
|
21973
22073
|
/* @__PURE__ */ jsx131("span", { css: SwitchInputLabel, children: label })
|
|
@@ -22505,6 +22605,7 @@ export {
|
|
|
22505
22605
|
RICHTEXT_OPERATORS,
|
|
22506
22606
|
ResolveIcon,
|
|
22507
22607
|
RichTextToolbarIcon,
|
|
22608
|
+
SYSTEM_DATE_OPERATORS,
|
|
22508
22609
|
SYSTEM_FIELD_OPERATORS,
|
|
22509
22610
|
ScrollableList,
|
|
22510
22611
|
ScrollableListInputItem,
|
package/dist/index.d.mts
CHANGED
|
@@ -23054,6 +23054,8 @@ declare const DATE_OPERATORS: OperatorType;
|
|
|
23054
23054
|
declare const TEXTBOX_OPERATORS: OperatorType;
|
|
23055
23055
|
/** @deprecated beta - uniform user operators */
|
|
23056
23056
|
declare const USER_OPERATORS: OperatorType;
|
|
23057
|
+
/** @deprecated beta - uniform system date operators */
|
|
23058
|
+
declare const SYSTEM_DATE_OPERATORS: OperatorType;
|
|
23057
23059
|
/** @deprecated beta - uniform rich text operators */
|
|
23058
23060
|
declare const RICHTEXT_OPERATORS: OperatorType;
|
|
23059
23061
|
/** @deprecated beta - uniform checkbox operators */
|
|
@@ -23778,4 +23780,4 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
|
23778
23780
|
};
|
|
23779
23781
|
declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23780
23782
|
|
|
23781
|
-
export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AnimationFile, type AnimationFileProps, type ArrowPositionProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, type BadgeSizeProps, type BadgeThemeProps, type BadgeThemeStyleProps, Banner, type BannerProps, type BannerType, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, CHECKBOX_OPERATORS, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, ConnectToDataElementButton, type ConnectToDataElementButtonProps, Container, type ContainerProps, Counter, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DATE_OPERATORS, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, type DateTimePickerValue, DateTimePickerVariant, DebouncedInputKeywordSearch, type DebouncedInputKeywordSearchProps, DescriptionList, type DescriptionListProps, Details, type DetailsProps, DismissibleChipAction, Drawer, DrawerContent, type DrawerContentProps, type DrawerContextValue, type DrawerItem, type DrawerProps, DrawerProvider, DrawerRenderer, type DrawerRendererItemProps, type DrawerRendererProps, type DrawersRegistryRecord, EditTeamIntegrationTile, type EditTeamIntegrationTileProps, ErrorMessage, type ErrorMessageProps, Fieldset, type FieldsetProps, type Filter, FilterButton, type FilterButtonProps, FilterControls, type FilterEditor, FilterItem, FilterItems, type FilterItemsProps, FilterMenu, type FilterOption, type FilterRowProps, type FiltersProps, Heading, type HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, type IconButtonProps, type IconColor, type IconName, type IconProps, type IconType, IconsProvider, Image, ImageBroken, type ImageProps, InfoMessage, type InfoMessageProps, InlineAlert, type InlineAlertProps, Input, InputComboBox, type InputComboBoxOption, type InputComboBoxProps, InputInlineSelect, type InputInlineSelectOption, type InputInlineSelectProps, InputKeywordSearch, type InputKeywordSearchProps, type InputOption, type InputProps, InputSelect, type InputSelectProps, InputTime, type InputTimeProps, InputToggle, type InputToggleProps, IntegrationComingSoon, type IntegrationComingSoonProps, IntegrationHeaderSection, type IntegrationHeaderSectionProps, IntegrationLoadingTile, type IntegrationLoadingTileProps, IntegrationModalHeader, type IntegrationModalHeaderProps, IntegrationModalIcon, type IntegrationModalIconProps, IntegrationTile, type IntegrationTileProps, type IsoDateString, type IsoDateTimeString, type IsoTimeString, JsonEditor, type JsonEditorProps, Label, LabelLeadingIcon, type LabelProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, MediaCard, type MediaCardProps, Menu, MenuGroup, type MenuGroupProps, MenuItem, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, Modal, type ModalProps, MultilineChip, type MultilineChipProps, NUMBER_OPERATORS, type Operator, type OperatorType, type OperatorValue, type OperatorValueType, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, type ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, RICHTEXT_OPERATORS, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, SYSTEM_FIELD_OPERATORS, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, SearchAndFilter, SearchAndFilterContext, type SearchAndFilterContextProps, SearchAndFilterOptionsContainer, type SearchAndFilterOptionsContainerProps, type SearchAndFilterProps, SearchAndFilterProvider, type SearchAndFilterProviderProps, SearchAndFilterResultContainer, type SearchAndFilterResultContainerProps, SearchOnlyContext, SearchOnlyFilter, type SearchOnlyProviderProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, type SerializedLinkNode, ShortcutContext, ShortcutRevealer, Skeleton, type SkeletonProps, StatusBullet, type StatusBulletProps, type StatusTypeProps, SuccessMessage, type SuccessMessageProps, Switch, type SwitchProps, TAKEOVER_STACK_ID, TEXTBOX_OPERATORS, TabButton, TabButtonGroup, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, USER_OPERATORS, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, type filterMode, fullWidthScreenIcon, getDrawerAttributes, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isMacLike, isSecureURL, isValidUrl, jsonIcon, labelText, loader as loaderAnimationData, macifyShortcut, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInTtb, spinner as spinnerAnimationData, structurePanelIcon, supports, textInput, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, useSearchAndFilter, useShortcut, warningIcon, yesNoIcon };
|
|
23783
|
+
export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AnimationFile, type AnimationFileProps, type ArrowPositionProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, type BadgeSizeProps, type BadgeThemeProps, type BadgeThemeStyleProps, Banner, type BannerProps, type BannerType, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, CHECKBOX_OPERATORS, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, ConnectToDataElementButton, type ConnectToDataElementButtonProps, Container, type ContainerProps, Counter, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DATE_OPERATORS, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, type DateTimePickerValue, DateTimePickerVariant, DebouncedInputKeywordSearch, type DebouncedInputKeywordSearchProps, DescriptionList, type DescriptionListProps, Details, type DetailsProps, DismissibleChipAction, Drawer, DrawerContent, type DrawerContentProps, type DrawerContextValue, type DrawerItem, type DrawerProps, DrawerProvider, DrawerRenderer, type DrawerRendererItemProps, type DrawerRendererProps, type DrawersRegistryRecord, EditTeamIntegrationTile, type EditTeamIntegrationTileProps, ErrorMessage, type ErrorMessageProps, Fieldset, type FieldsetProps, type Filter, FilterButton, type FilterButtonProps, FilterControls, type FilterEditor, FilterItem, FilterItems, type FilterItemsProps, FilterMenu, type FilterOption, type FilterRowProps, type FiltersProps, Heading, type HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, type IconButtonProps, type IconColor, type IconName, type IconProps, type IconType, IconsProvider, Image, ImageBroken, type ImageProps, InfoMessage, type InfoMessageProps, InlineAlert, type InlineAlertProps, Input, InputComboBox, type InputComboBoxOption, type InputComboBoxProps, InputInlineSelect, type InputInlineSelectOption, type InputInlineSelectProps, InputKeywordSearch, type InputKeywordSearchProps, type InputOption, type InputProps, InputSelect, type InputSelectProps, InputTime, type InputTimeProps, InputToggle, type InputToggleProps, IntegrationComingSoon, type IntegrationComingSoonProps, IntegrationHeaderSection, type IntegrationHeaderSectionProps, IntegrationLoadingTile, type IntegrationLoadingTileProps, IntegrationModalHeader, type IntegrationModalHeaderProps, IntegrationModalIcon, type IntegrationModalIconProps, IntegrationTile, type IntegrationTileProps, type IsoDateString, type IsoDateTimeString, type IsoTimeString, JsonEditor, type JsonEditorProps, Label, LabelLeadingIcon, type LabelProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, MediaCard, type MediaCardProps, Menu, MenuGroup, type MenuGroupProps, MenuItem, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, Modal, type ModalProps, MultilineChip, type MultilineChipProps, NUMBER_OPERATORS, type Operator, type OperatorType, type OperatorValue, type OperatorValueType, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, type ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, RICHTEXT_OPERATORS, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, SYSTEM_DATE_OPERATORS, SYSTEM_FIELD_OPERATORS, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, SearchAndFilter, SearchAndFilterContext, type SearchAndFilterContextProps, SearchAndFilterOptionsContainer, type SearchAndFilterOptionsContainerProps, type SearchAndFilterProps, SearchAndFilterProvider, type SearchAndFilterProviderProps, SearchAndFilterResultContainer, type SearchAndFilterResultContainerProps, SearchOnlyContext, SearchOnlyFilter, type SearchOnlyProviderProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, type SerializedLinkNode, ShortcutContext, ShortcutRevealer, Skeleton, type SkeletonProps, StatusBullet, type StatusBulletProps, type StatusTypeProps, SuccessMessage, type SuccessMessageProps, Switch, type SwitchProps, TAKEOVER_STACK_ID, TEXTBOX_OPERATORS, TabButton, TabButtonGroup, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, USER_OPERATORS, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, type filterMode, fullWidthScreenIcon, getDrawerAttributes, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isMacLike, isSecureURL, isValidUrl, jsonIcon, labelText, loader as loaderAnimationData, macifyShortcut, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInTtb, spinner as spinnerAnimationData, structurePanelIcon, supports, textInput, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, useSearchAndFilter, useShortcut, warningIcon, yesNoIcon };
|
package/dist/index.d.ts
CHANGED
|
@@ -23054,6 +23054,8 @@ declare const DATE_OPERATORS: OperatorType;
|
|
|
23054
23054
|
declare const TEXTBOX_OPERATORS: OperatorType;
|
|
23055
23055
|
/** @deprecated beta - uniform user operators */
|
|
23056
23056
|
declare const USER_OPERATORS: OperatorType;
|
|
23057
|
+
/** @deprecated beta - uniform system date operators */
|
|
23058
|
+
declare const SYSTEM_DATE_OPERATORS: OperatorType;
|
|
23057
23059
|
/** @deprecated beta - uniform rich text operators */
|
|
23058
23060
|
declare const RICHTEXT_OPERATORS: OperatorType;
|
|
23059
23061
|
/** @deprecated beta - uniform checkbox operators */
|
|
@@ -23778,4 +23780,4 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
|
23778
23780
|
};
|
|
23779
23781
|
declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23780
23782
|
|
|
23781
|
-
export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AnimationFile, type AnimationFileProps, type ArrowPositionProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, type BadgeSizeProps, type BadgeThemeProps, type BadgeThemeStyleProps, Banner, type BannerProps, type BannerType, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, CHECKBOX_OPERATORS, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, ConnectToDataElementButton, type ConnectToDataElementButtonProps, Container, type ContainerProps, Counter, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DATE_OPERATORS, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, type DateTimePickerValue, DateTimePickerVariant, DebouncedInputKeywordSearch, type DebouncedInputKeywordSearchProps, DescriptionList, type DescriptionListProps, Details, type DetailsProps, DismissibleChipAction, Drawer, DrawerContent, type DrawerContentProps, type DrawerContextValue, type DrawerItem, type DrawerProps, DrawerProvider, DrawerRenderer, type DrawerRendererItemProps, type DrawerRendererProps, type DrawersRegistryRecord, EditTeamIntegrationTile, type EditTeamIntegrationTileProps, ErrorMessage, type ErrorMessageProps, Fieldset, type FieldsetProps, type Filter, FilterButton, type FilterButtonProps, FilterControls, type FilterEditor, FilterItem, FilterItems, type FilterItemsProps, FilterMenu, type FilterOption, type FilterRowProps, type FiltersProps, Heading, type HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, type IconButtonProps, type IconColor, type IconName, type IconProps, type IconType, IconsProvider, Image, ImageBroken, type ImageProps, InfoMessage, type InfoMessageProps, InlineAlert, type InlineAlertProps, Input, InputComboBox, type InputComboBoxOption, type InputComboBoxProps, InputInlineSelect, type InputInlineSelectOption, type InputInlineSelectProps, InputKeywordSearch, type InputKeywordSearchProps, type InputOption, type InputProps, InputSelect, type InputSelectProps, InputTime, type InputTimeProps, InputToggle, type InputToggleProps, IntegrationComingSoon, type IntegrationComingSoonProps, IntegrationHeaderSection, type IntegrationHeaderSectionProps, IntegrationLoadingTile, type IntegrationLoadingTileProps, IntegrationModalHeader, type IntegrationModalHeaderProps, IntegrationModalIcon, type IntegrationModalIconProps, IntegrationTile, type IntegrationTileProps, type IsoDateString, type IsoDateTimeString, type IsoTimeString, JsonEditor, type JsonEditorProps, Label, LabelLeadingIcon, type LabelProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, MediaCard, type MediaCardProps, Menu, MenuGroup, type MenuGroupProps, MenuItem, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, Modal, type ModalProps, MultilineChip, type MultilineChipProps, NUMBER_OPERATORS, type Operator, type OperatorType, type OperatorValue, type OperatorValueType, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, type ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, RICHTEXT_OPERATORS, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, SYSTEM_FIELD_OPERATORS, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, SearchAndFilter, SearchAndFilterContext, type SearchAndFilterContextProps, SearchAndFilterOptionsContainer, type SearchAndFilterOptionsContainerProps, type SearchAndFilterProps, SearchAndFilterProvider, type SearchAndFilterProviderProps, SearchAndFilterResultContainer, type SearchAndFilterResultContainerProps, SearchOnlyContext, SearchOnlyFilter, type SearchOnlyProviderProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, type SerializedLinkNode, ShortcutContext, ShortcutRevealer, Skeleton, type SkeletonProps, StatusBullet, type StatusBulletProps, type StatusTypeProps, SuccessMessage, type SuccessMessageProps, Switch, type SwitchProps, TAKEOVER_STACK_ID, TEXTBOX_OPERATORS, TabButton, TabButtonGroup, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, USER_OPERATORS, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, type filterMode, fullWidthScreenIcon, getDrawerAttributes, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isMacLike, isSecureURL, isValidUrl, jsonIcon, labelText, loader as loaderAnimationData, macifyShortcut, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInTtb, spinner as spinnerAnimationData, structurePanelIcon, supports, textInput, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, useSearchAndFilter, useShortcut, warningIcon, yesNoIcon };
|
|
23783
|
+
export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AnimationFile, type AnimationFileProps, type ArrowPositionProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, type BadgeSizeProps, type BadgeThemeProps, type BadgeThemeStyleProps, Banner, type BannerProps, type BannerType, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, CHECKBOX_OPERATORS, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, ConnectToDataElementButton, type ConnectToDataElementButtonProps, Container, type ContainerProps, Counter, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DATE_OPERATORS, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, type DateTimePickerValue, DateTimePickerVariant, DebouncedInputKeywordSearch, type DebouncedInputKeywordSearchProps, DescriptionList, type DescriptionListProps, Details, type DetailsProps, DismissibleChipAction, Drawer, DrawerContent, type DrawerContentProps, type DrawerContextValue, type DrawerItem, type DrawerProps, DrawerProvider, DrawerRenderer, type DrawerRendererItemProps, type DrawerRendererProps, type DrawersRegistryRecord, EditTeamIntegrationTile, type EditTeamIntegrationTileProps, ErrorMessage, type ErrorMessageProps, Fieldset, type FieldsetProps, type Filter, FilterButton, type FilterButtonProps, FilterControls, type FilterEditor, FilterItem, FilterItems, type FilterItemsProps, FilterMenu, type FilterOption, type FilterRowProps, type FiltersProps, Heading, type HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, type IconButtonProps, type IconColor, type IconName, type IconProps, type IconType, IconsProvider, Image, ImageBroken, type ImageProps, InfoMessage, type InfoMessageProps, InlineAlert, type InlineAlertProps, Input, InputComboBox, type InputComboBoxOption, type InputComboBoxProps, InputInlineSelect, type InputInlineSelectOption, type InputInlineSelectProps, InputKeywordSearch, type InputKeywordSearchProps, type InputOption, type InputProps, InputSelect, type InputSelectProps, InputTime, type InputTimeProps, InputToggle, type InputToggleProps, IntegrationComingSoon, type IntegrationComingSoonProps, IntegrationHeaderSection, type IntegrationHeaderSectionProps, IntegrationLoadingTile, type IntegrationLoadingTileProps, IntegrationModalHeader, type IntegrationModalHeaderProps, IntegrationModalIcon, type IntegrationModalIconProps, IntegrationTile, type IntegrationTileProps, type IsoDateString, type IsoDateTimeString, type IsoTimeString, JsonEditor, type JsonEditorProps, Label, LabelLeadingIcon, type LabelProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, MediaCard, type MediaCardProps, Menu, MenuGroup, type MenuGroupProps, MenuItem, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, Modal, type ModalProps, MultilineChip, type MultilineChipProps, NUMBER_OPERATORS, type Operator, type OperatorType, type OperatorValue, type OperatorValueType, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, type ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, RICHTEXT_OPERATORS, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, SYSTEM_DATE_OPERATORS, SYSTEM_FIELD_OPERATORS, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, SearchAndFilter, SearchAndFilterContext, type SearchAndFilterContextProps, SearchAndFilterOptionsContainer, type SearchAndFilterOptionsContainerProps, type SearchAndFilterProps, SearchAndFilterProvider, type SearchAndFilterProviderProps, SearchAndFilterResultContainer, type SearchAndFilterResultContainerProps, SearchOnlyContext, SearchOnlyFilter, type SearchOnlyProviderProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, type SerializedLinkNode, ShortcutContext, ShortcutRevealer, Skeleton, type SkeletonProps, StatusBullet, type StatusBulletProps, type StatusTypeProps, SuccessMessage, type SuccessMessageProps, Switch, type SwitchProps, TAKEOVER_STACK_ID, TEXTBOX_OPERATORS, TabButton, TabButtonGroup, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, USER_OPERATORS, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, type filterMode, fullWidthScreenIcon, getDrawerAttributes, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isMacLike, isSecureURL, isValidUrl, jsonIcon, labelText, loader as loaderAnimationData, macifyShortcut, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInTtb, spinner as spinnerAnimationData, structurePanelIcon, supports, textInput, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, useSearchAndFilter, useShortcut, warningIcon, yesNoIcon };
|
package/dist/index.js
CHANGED
|
@@ -1467,6 +1467,7 @@ __export(src_exports, {
|
|
|
1467
1467
|
RICHTEXT_OPERATORS: () => RICHTEXT_OPERATORS,
|
|
1468
1468
|
ResolveIcon: () => ResolveIcon,
|
|
1469
1469
|
RichTextToolbarIcon: () => RichTextToolbarIcon,
|
|
1470
|
+
SYSTEM_DATE_OPERATORS: () => SYSTEM_DATE_OPERATORS,
|
|
1470
1471
|
SYSTEM_FIELD_OPERATORS: () => SYSTEM_FIELD_OPERATORS,
|
|
1471
1472
|
ScrollableList: () => ScrollableList,
|
|
1472
1473
|
ScrollableListInputItem: () => ScrollableListInputItem,
|
|
@@ -19390,6 +19391,16 @@ var toggleInput2 = import_react110.css`
|
|
|
19390
19391
|
color: var(--white);
|
|
19391
19392
|
}
|
|
19392
19393
|
|
|
19394
|
+
&:indeterminate,
|
|
19395
|
+
&:indeterminate:hover,
|
|
19396
|
+
&:indeterminate:focus {
|
|
19397
|
+
background: var(--accent-dark-active)
|
|
19398
|
+
url('data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNiIKICBoZWlnaHQ9IjE2IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKPgogIDxwYXRoCiAgICBkPSJNNCAxMkM0IDExLjQ0NzcgNC40NDc3MiAxMSA1IDExSDE5QzE5LjU1MjMgMTEgMjAgMTEuNDQ3NyAyMCAxMkMyMCAxMi41NTIzIDE5LjU1MjMgMTMgMTkgMTNINUM0LjQ0NzcyIDEzIDQgMTIuNTUyMyA0IDEyWiIKICAgIGZpbGw9IndoaXRlIgogIC8+Cjwvc3ZnPg==')
|
|
19399
|
+
no-repeat center center;
|
|
19400
|
+
border-color: var(--accent-dark-active);
|
|
19401
|
+
color: var(--white);
|
|
19402
|
+
}
|
|
19403
|
+
|
|
19393
19404
|
&:hover {
|
|
19394
19405
|
border-color: var(--accent-dark-hover);
|
|
19395
19406
|
}
|
|
@@ -22116,6 +22127,43 @@ var USER_OPERATORS = [
|
|
|
22116
22127
|
editorType: "text"
|
|
22117
22128
|
}
|
|
22118
22129
|
];
|
|
22130
|
+
var SYSTEM_DATE_OPERATORS = [
|
|
22131
|
+
{
|
|
22132
|
+
label: "is...",
|
|
22133
|
+
value: "eq",
|
|
22134
|
+
editorType: "date"
|
|
22135
|
+
},
|
|
22136
|
+
{
|
|
22137
|
+
label: "is between...",
|
|
22138
|
+
value: "between",
|
|
22139
|
+
editorType: "dateRange"
|
|
22140
|
+
},
|
|
22141
|
+
{
|
|
22142
|
+
label: "is before...",
|
|
22143
|
+
value: "lt",
|
|
22144
|
+
editorType: "date"
|
|
22145
|
+
},
|
|
22146
|
+
{
|
|
22147
|
+
label: "is after...",
|
|
22148
|
+
value: "gt",
|
|
22149
|
+
editorType: "date"
|
|
22150
|
+
},
|
|
22151
|
+
{
|
|
22152
|
+
label: "is on or before...",
|
|
22153
|
+
value: "lte",
|
|
22154
|
+
editorType: "date"
|
|
22155
|
+
},
|
|
22156
|
+
{
|
|
22157
|
+
label: "is on or after...",
|
|
22158
|
+
value: "gte",
|
|
22159
|
+
editorType: "date"
|
|
22160
|
+
},
|
|
22161
|
+
{
|
|
22162
|
+
label: "is not...",
|
|
22163
|
+
value: "neq",
|
|
22164
|
+
editorType: "date"
|
|
22165
|
+
}
|
|
22166
|
+
];
|
|
22119
22167
|
var RICHTEXT_OPERATORS = [
|
|
22120
22168
|
{
|
|
22121
22169
|
label: "is empty...",
|
|
@@ -22745,10 +22793,11 @@ var FilterMultiChoiceEditor = ({
|
|
|
22745
22793
|
options,
|
|
22746
22794
|
isDisabled,
|
|
22747
22795
|
readOnly,
|
|
22796
|
+
valueTestId,
|
|
22748
22797
|
...props
|
|
22749
22798
|
}) => {
|
|
22750
22799
|
const readOnlyProps = readOnly ? readOnlyAttributes : {};
|
|
22751
|
-
return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
22800
|
+
return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { "data-testid": valueTestId, children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
22752
22801
|
InputComboBox,
|
|
22753
22802
|
{
|
|
22754
22803
|
...props,
|
|
@@ -22765,17 +22814,18 @@ var FilterMultiChoiceEditor = ({
|
|
|
22765
22814
|
"aria-readonly": readOnly,
|
|
22766
22815
|
...readOnlyProps
|
|
22767
22816
|
}
|
|
22768
|
-
);
|
|
22817
|
+
) });
|
|
22769
22818
|
};
|
|
22770
22819
|
var FilterSingleChoiceEditor = ({
|
|
22771
22820
|
options,
|
|
22772
22821
|
value,
|
|
22773
22822
|
isDisabled,
|
|
22774
22823
|
readOnly,
|
|
22775
|
-
onChange
|
|
22824
|
+
onChange,
|
|
22825
|
+
valueTestId
|
|
22776
22826
|
}) => {
|
|
22777
22827
|
const readOnlyProps = readOnly ? readOnlyAttributes : {};
|
|
22778
|
-
return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
22828
|
+
return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { "data-testid": valueTestId, children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
22779
22829
|
InputComboBox,
|
|
22780
22830
|
{
|
|
22781
22831
|
placeholder: "Type to search...",
|
|
@@ -22790,7 +22840,7 @@ var FilterSingleChoiceEditor = ({
|
|
|
22790
22840
|
"aria-readonly": readOnly,
|
|
22791
22841
|
...readOnlyProps
|
|
22792
22842
|
}
|
|
22793
|
-
);
|
|
22843
|
+
) });
|
|
22794
22844
|
};
|
|
22795
22845
|
var CustomOptions = ({ label, value }) => {
|
|
22796
22846
|
return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(StatusBullet, { status: label, message: value });
|
|
@@ -22800,10 +22850,11 @@ var StatusMultiEditor = ({
|
|
|
22800
22850
|
value,
|
|
22801
22851
|
isDisabled,
|
|
22802
22852
|
readOnly,
|
|
22803
|
-
onChange
|
|
22853
|
+
onChange,
|
|
22854
|
+
valueTestId
|
|
22804
22855
|
}) => {
|
|
22805
22856
|
const readOnlyProps = readOnly ? readOnlyAttributes : {};
|
|
22806
|
-
return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
22857
|
+
return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { "data-testid": valueTestId, children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
22807
22858
|
InputComboBox,
|
|
22808
22859
|
{
|
|
22809
22860
|
options,
|
|
@@ -22817,17 +22868,18 @@ var StatusMultiEditor = ({
|
|
|
22817
22868
|
isDisabled,
|
|
22818
22869
|
...readOnlyProps
|
|
22819
22870
|
}
|
|
22820
|
-
);
|
|
22871
|
+
) });
|
|
22821
22872
|
};
|
|
22822
22873
|
var StatusSingleEditor = ({
|
|
22823
22874
|
options,
|
|
22824
22875
|
value,
|
|
22825
22876
|
isDisabled,
|
|
22826
22877
|
readOnly,
|
|
22827
|
-
onChange
|
|
22878
|
+
onChange,
|
|
22879
|
+
valueTestId
|
|
22828
22880
|
}) => {
|
|
22829
22881
|
const readOnlyProps = readOnly ? readOnlyAttributes : {};
|
|
22830
|
-
return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
22882
|
+
return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { "data-testid": valueTestId, children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
22831
22883
|
InputComboBox,
|
|
22832
22884
|
{
|
|
22833
22885
|
options,
|
|
@@ -22840,9 +22892,9 @@ var StatusSingleEditor = ({
|
|
|
22840
22892
|
isDisabled,
|
|
22841
22893
|
...readOnlyProps
|
|
22842
22894
|
}
|
|
22843
|
-
);
|
|
22895
|
+
) });
|
|
22844
22896
|
};
|
|
22845
|
-
var TextEditor = ({ onChange, ariaLabel, value, readOnly }) => {
|
|
22897
|
+
var TextEditor = ({ onChange, ariaLabel, value, readOnly, valueTestId }) => {
|
|
22846
22898
|
(0, import_react_use4.useDebounce)(() => onChange, 500, [value]);
|
|
22847
22899
|
return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
22848
22900
|
Input,
|
|
@@ -22852,11 +22904,19 @@ var TextEditor = ({ onChange, ariaLabel, value, readOnly }) => {
|
|
|
22852
22904
|
onChange: (e) => onChange(e.currentTarget.value),
|
|
22853
22905
|
placeholder: "Enter phrase to search\u2026",
|
|
22854
22906
|
value,
|
|
22855
|
-
readOnly
|
|
22907
|
+
readOnly,
|
|
22908
|
+
"data-testid": valueTestId
|
|
22856
22909
|
}
|
|
22857
22910
|
);
|
|
22858
22911
|
};
|
|
22859
|
-
var NumberRangeEditor = ({
|
|
22912
|
+
var NumberRangeEditor = ({
|
|
22913
|
+
onChange,
|
|
22914
|
+
disabled: disabled2,
|
|
22915
|
+
ariaLabel,
|
|
22916
|
+
value,
|
|
22917
|
+
readOnly,
|
|
22918
|
+
valueTestId
|
|
22919
|
+
}) => {
|
|
22860
22920
|
const [minValue, setMinValue] = (0, import_react142.useState)("");
|
|
22861
22921
|
const [maxValue, setMaxValue] = (0, import_react142.useState)("");
|
|
22862
22922
|
const [error, setError] = (0, import_react142.useState)("");
|
|
@@ -22879,41 +22939,50 @@ var NumberRangeEditor = ({ onChange, disabled: disabled2, ariaLabel, value, read
|
|
|
22879
22939
|
setError("");
|
|
22880
22940
|
onChange([minValue, maxValue]);
|
|
22881
22941
|
}, [maxValue, minValue, setError]);
|
|
22882
|
-
return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
|
|
22883
|
-
/* @__PURE__ */ (0, import_jsx_runtime121.
|
|
22884
|
-
|
|
22885
|
-
|
|
22886
|
-
|
|
22887
|
-
|
|
22888
|
-
|
|
22889
|
-
|
|
22890
|
-
|
|
22891
|
-
|
|
22892
|
-
|
|
22893
|
-
|
|
22894
|
-
|
|
22895
|
-
|
|
22896
|
-
|
|
22897
|
-
|
|
22898
|
-
|
|
22899
|
-
|
|
22900
|
-
|
|
22901
|
-
|
|
22902
|
-
|
|
22903
|
-
|
|
22904
|
-
|
|
22905
|
-
|
|
22906
|
-
|
|
22907
|
-
|
|
22908
|
-
|
|
22909
|
-
|
|
22910
|
-
|
|
22911
|
-
|
|
22912
|
-
|
|
22942
|
+
return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(import_jsx_runtime121.Fragment, { children: [
|
|
22943
|
+
/* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { css: twoColumnGrid, "data-testid": valueTestId, children: [
|
|
22944
|
+
/* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
22945
|
+
Input,
|
|
22946
|
+
{
|
|
22947
|
+
label: `${ariaLabel}-min`,
|
|
22948
|
+
type: "number",
|
|
22949
|
+
showLabel: false,
|
|
22950
|
+
min: 0,
|
|
22951
|
+
placeholder: "Low",
|
|
22952
|
+
onChange: (e) => setMinValue(e.currentTarget.value),
|
|
22953
|
+
"aria-invalid": !error ? false : true,
|
|
22954
|
+
disabled: disabled2,
|
|
22955
|
+
value: value ? value[0] : "",
|
|
22956
|
+
readOnly
|
|
22957
|
+
}
|
|
22958
|
+
),
|
|
22959
|
+
/* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
22960
|
+
Input,
|
|
22961
|
+
{
|
|
22962
|
+
type: "number",
|
|
22963
|
+
label: `${ariaLabel}-max`,
|
|
22964
|
+
showLabel: false,
|
|
22965
|
+
min: 0,
|
|
22966
|
+
placeholder: "High",
|
|
22967
|
+
onChange: (e) => setMaxValue(e.currentTarget.value),
|
|
22968
|
+
"aria-invalid": !error ? false : true,
|
|
22969
|
+
disabled: disabled2,
|
|
22970
|
+
value: value ? value[1] : "",
|
|
22971
|
+
readOnly
|
|
22972
|
+
}
|
|
22973
|
+
)
|
|
22974
|
+
] }),
|
|
22913
22975
|
/* @__PURE__ */ (0, import_jsx_runtime121.jsx)(ErrorContainer, { errorMessage: error })
|
|
22914
22976
|
] });
|
|
22915
22977
|
};
|
|
22916
|
-
var NumberEditor = ({
|
|
22978
|
+
var NumberEditor = ({
|
|
22979
|
+
ariaLabel,
|
|
22980
|
+
onChange,
|
|
22981
|
+
disabled: disabled2,
|
|
22982
|
+
value,
|
|
22983
|
+
readOnly,
|
|
22984
|
+
valueTestId
|
|
22985
|
+
}) => {
|
|
22917
22986
|
return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
22918
22987
|
Input,
|
|
22919
22988
|
{
|
|
@@ -22924,11 +22993,19 @@ var NumberEditor = ({ ariaLabel, onChange, disabled: disabled2, value, readOnly
|
|
|
22924
22993
|
onChange: (e) => onChange(e.currentTarget.value),
|
|
22925
22994
|
disabled: disabled2,
|
|
22926
22995
|
value,
|
|
22927
|
-
readOnly
|
|
22996
|
+
readOnly,
|
|
22997
|
+
"data-testid": valueTestId
|
|
22928
22998
|
}
|
|
22929
22999
|
);
|
|
22930
23000
|
};
|
|
22931
|
-
var DateEditor = ({
|
|
23001
|
+
var DateEditor = ({
|
|
23002
|
+
onChange,
|
|
23003
|
+
ariaLabel,
|
|
23004
|
+
disabled: disabled2,
|
|
23005
|
+
value,
|
|
23006
|
+
readOnly,
|
|
23007
|
+
valueTestId
|
|
23008
|
+
}) => {
|
|
22932
23009
|
return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
22933
23010
|
Input,
|
|
22934
23011
|
{
|
|
@@ -22938,11 +23015,19 @@ var DateEditor = ({ onChange, ariaLabel, disabled: disabled2, value, readOnly })
|
|
|
22938
23015
|
onChange: (e) => onChange(e.currentTarget.value),
|
|
22939
23016
|
disabled: disabled2,
|
|
22940
23017
|
value,
|
|
22941
|
-
readOnly
|
|
23018
|
+
readOnly,
|
|
23019
|
+
"data-testid": valueTestId
|
|
22942
23020
|
}
|
|
22943
23021
|
);
|
|
22944
23022
|
};
|
|
22945
|
-
var DateRangeEditor = ({
|
|
23023
|
+
var DateRangeEditor = ({
|
|
23024
|
+
ariaLabel,
|
|
23025
|
+
onChange,
|
|
23026
|
+
disabled: disabled2,
|
|
23027
|
+
value,
|
|
23028
|
+
readOnly,
|
|
23029
|
+
valueTestId
|
|
23030
|
+
}) => {
|
|
22946
23031
|
const [minDateValue, setMinDateValue] = (0, import_react142.useState)(value ? value[0] : "");
|
|
22947
23032
|
const [maxDateValue, setMaxDateValue] = (0, import_react142.useState)(value ? value[1] : "");
|
|
22948
23033
|
const [error, setError] = (0, import_react142.useState)("");
|
|
@@ -22977,33 +23062,35 @@ var DateRangeEditor = ({ ariaLabel, onChange, disabled: disabled2, value, readOn
|
|
|
22977
23062
|
setError("");
|
|
22978
23063
|
onChange([minDateValue, maxDateValue]);
|
|
22979
23064
|
}, [minDateValue, maxDateValue, setError]);
|
|
22980
|
-
return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
|
|
22981
|
-
/* @__PURE__ */ (0, import_jsx_runtime121.
|
|
22982
|
-
|
|
22983
|
-
|
|
22984
|
-
|
|
22985
|
-
|
|
22986
|
-
|
|
22987
|
-
|
|
22988
|
-
|
|
22989
|
-
|
|
22990
|
-
|
|
22991
|
-
|
|
22992
|
-
|
|
22993
|
-
|
|
22994
|
-
|
|
22995
|
-
|
|
22996
|
-
|
|
22997
|
-
|
|
22998
|
-
|
|
22999
|
-
|
|
23000
|
-
|
|
23001
|
-
|
|
23002
|
-
|
|
23003
|
-
|
|
23004
|
-
|
|
23005
|
-
|
|
23006
|
-
|
|
23065
|
+
return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(import_jsx_runtime121.Fragment, { children: [
|
|
23066
|
+
/* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { css: twoColumnGrid, "data-testid": valueTestId, children: [
|
|
23067
|
+
/* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
23068
|
+
Input,
|
|
23069
|
+
{
|
|
23070
|
+
label: `${ariaLabel}-min-date`,
|
|
23071
|
+
type: "date",
|
|
23072
|
+
showLabel: false,
|
|
23073
|
+
value: minDateValue,
|
|
23074
|
+
onChange: (e) => setMinDateValue(e.currentTarget.value),
|
|
23075
|
+
"aria-invalid": !error ? false : true,
|
|
23076
|
+
disabled: disabled2,
|
|
23077
|
+
readOnly
|
|
23078
|
+
}
|
|
23079
|
+
),
|
|
23080
|
+
/* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
23081
|
+
Input,
|
|
23082
|
+
{
|
|
23083
|
+
label: `${ariaLabel}-max-date`,
|
|
23084
|
+
type: "date",
|
|
23085
|
+
showLabel: false,
|
|
23086
|
+
value: maxDateValue,
|
|
23087
|
+
onChange: (e) => setMaxDateValue(e.currentTarget.value),
|
|
23088
|
+
"aria-invalid": !error ? false : true,
|
|
23089
|
+
disabled: disabled2,
|
|
23090
|
+
readOnly
|
|
23091
|
+
}
|
|
23092
|
+
)
|
|
23093
|
+
] }),
|
|
23007
23094
|
/* @__PURE__ */ (0, import_jsx_runtime121.jsx)(ErrorContainer, { errorMessage: error })
|
|
23008
23095
|
] });
|
|
23009
23096
|
};
|
|
@@ -23143,7 +23230,7 @@ var FilterItem = ({
|
|
|
23143
23230
|
menuIsOpen: false,
|
|
23144
23231
|
isClearable: false
|
|
23145
23232
|
} : {};
|
|
23146
|
-
return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { css: ConditionalFilterRow, children: [
|
|
23233
|
+
return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { css: ConditionalFilterRow, "data-testid": "filter-item", children: [
|
|
23147
23234
|
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { children: index === 0 ? "where" : "and" }),
|
|
23148
23235
|
/* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { css: ConditionalInputRow, children: [
|
|
23149
23236
|
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
@@ -23156,7 +23243,8 @@ var FilterItem = ({
|
|
|
23156
23243
|
onParamChange((_a2 = e == null ? void 0 : e.value) != null ? _a2 : "");
|
|
23157
23244
|
},
|
|
23158
23245
|
value: selectedFieldValue,
|
|
23159
|
-
...readOnlyProps
|
|
23246
|
+
...readOnlyProps,
|
|
23247
|
+
id: "filter-field"
|
|
23160
23248
|
}
|
|
23161
23249
|
),
|
|
23162
23250
|
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
@@ -23170,7 +23258,8 @@ var FilterItem = ({
|
|
|
23170
23258
|
},
|
|
23171
23259
|
isDisabled: !filters[index].field,
|
|
23172
23260
|
value: selectedOperatorValue,
|
|
23173
|
-
...readOnlyProps
|
|
23261
|
+
...readOnlyProps,
|
|
23262
|
+
id: "filter-operator"
|
|
23174
23263
|
}
|
|
23175
23264
|
),
|
|
23176
23265
|
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
@@ -23182,7 +23271,8 @@ var FilterItem = ({
|
|
|
23182
23271
|
onChange: (e) => onValueChange(e != null ? e : ""),
|
|
23183
23272
|
readOnly,
|
|
23184
23273
|
isDisabled: !filters[index].operator,
|
|
23185
|
-
value: selectedMetaValue
|
|
23274
|
+
value: selectedMetaValue,
|
|
23275
|
+
valueTestId: "filter-value"
|
|
23186
23276
|
}
|
|
23187
23277
|
),
|
|
23188
23278
|
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
@@ -23192,6 +23282,7 @@ var FilterItem = ({
|
|
|
23192
23282
|
onClick: () => handleDeleteFilter(index),
|
|
23193
23283
|
"aria-label": "delete filter",
|
|
23194
23284
|
css: IconBtn,
|
|
23285
|
+
"data-testid": "delete-filter",
|
|
23195
23286
|
children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Icon, { icon: "trash", iconColor: "red", size: "1rem" })
|
|
23196
23287
|
}
|
|
23197
23288
|
)
|
|
@@ -23226,10 +23317,19 @@ var FilterItems = ({
|
|
|
23226
23317
|
{
|
|
23227
23318
|
id: "search-and-filter-options",
|
|
23228
23319
|
menuControls: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_jsx_runtime123.Fragment, { children: [
|
|
23229
|
-
/* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
|
|
23230
|
-
|
|
23231
|
-
|
|
23232
|
-
|
|
23320
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
|
|
23321
|
+
"button",
|
|
23322
|
+
{
|
|
23323
|
+
type: "button",
|
|
23324
|
+
css: AddConditionalBtn,
|
|
23325
|
+
onClick: handleAddFilter,
|
|
23326
|
+
"data-testid": "add-filter",
|
|
23327
|
+
children: [
|
|
23328
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Icon, { icon: "math-plus", iconColor: "currentColor", size: "1rem" }),
|
|
23329
|
+
addButtonText
|
|
23330
|
+
]
|
|
23331
|
+
}
|
|
23332
|
+
),
|
|
23233
23333
|
(filters == null ? void 0 : filters.length) ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
23234
23334
|
"button",
|
|
23235
23335
|
{
|
|
@@ -23239,6 +23339,7 @@ var FilterItems = ({
|
|
|
23239
23339
|
handleResetFilters();
|
|
23240
23340
|
setFilterVisibility(void 0);
|
|
23241
23341
|
},
|
|
23342
|
+
"data-testid": "reset-filters",
|
|
23242
23343
|
children: resetButtonText
|
|
23243
23344
|
}
|
|
23244
23345
|
) : null
|
|
@@ -24357,6 +24458,7 @@ var ToastContainer = ({ limit = 4 }) => {
|
|
|
24357
24458
|
RICHTEXT_OPERATORS,
|
|
24358
24459
|
ResolveIcon,
|
|
24359
24460
|
RichTextToolbarIcon,
|
|
24461
|
+
SYSTEM_DATE_OPERATORS,
|
|
24360
24462
|
SYSTEM_FIELD_OPERATORS,
|
|
24361
24463
|
ScrollableList,
|
|
24362
24464
|
ScrollableListInputItem,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uniformdev/design-system",
|
|
3
|
-
"version": "19.
|
|
3
|
+
"version": "19.123.1-alpha.9+0f8fa37358",
|
|
4
4
|
"description": "Uniform design system components",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -23,8 +23,8 @@
|
|
|
23
23
|
"@storybook/react": "6.5.16",
|
|
24
24
|
"@types/react": "18.2.40",
|
|
25
25
|
"@types/react-dom": "18.2.17",
|
|
26
|
-
"@uniformdev/canvas": "^19.
|
|
27
|
-
"@uniformdev/richtext": "^19.
|
|
26
|
+
"@uniformdev/canvas": "^19.123.1-alpha.9+0f8fa37358",
|
|
27
|
+
"@uniformdev/richtext": "^19.123.1-alpha.9+0f8fa37358",
|
|
28
28
|
"autoprefixer": "10.4.16",
|
|
29
29
|
"hygen": "6.2.11",
|
|
30
30
|
"postcss": "8.4.32",
|
|
@@ -71,5 +71,5 @@
|
|
|
71
71
|
"publishConfig": {
|
|
72
72
|
"access": "public"
|
|
73
73
|
},
|
|
74
|
-
"gitHead": "
|
|
74
|
+
"gitHead": "0f8fa37358fa0d8bc2e77e00b09d456c7053ee63"
|
|
75
75
|
}
|