@uniformdev/design-system 19.114.1-alpha.7 → 19.115.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 +61 -165
- package/dist/index.d.mts +3 -20
- package/dist/index.d.ts +3 -20
- package/dist/index.js +19 -127
- package/package.json +4 -4
package/dist/esm/index.js
CHANGED
|
@@ -13376,7 +13376,7 @@ var DashedBox = ({
|
|
|
13376
13376
|
|
|
13377
13377
|
// src/components/DateTimePicker/DateTimePicker.tsx
|
|
13378
13378
|
import { getLocalTimeZone as getLocalTimeZone2, parseDate as parseDate2, parseTime as parseTime2 } from "@internationalized/date";
|
|
13379
|
-
import { createContext as createContext2, useCallback as useCallback3, useContext as useContext3, useEffect as useEffect4, useMemo, useState as
|
|
13379
|
+
import { createContext as createContext2, useCallback as useCallback3, useContext as useContext3, useEffect as useEffect4, useMemo, useState as useState5 } from "react";
|
|
13380
13380
|
import { Popover as Popover2, PopoverDisclosure, usePopoverState } from "reakit/Popover";
|
|
13381
13381
|
|
|
13382
13382
|
// src/components/Input/styles/CaptionText.styles.ts
|
|
@@ -14027,8 +14027,6 @@ var InputInlineSelect = ({
|
|
|
14027
14027
|
// src/components/Input/InputKeywordSearch.tsx
|
|
14028
14028
|
import { CgClose as CgClose4 } from "@react-icons/all-files/cg/CgClose";
|
|
14029
14029
|
import { CgSearch } from "@react-icons/all-files/cg/CgSearch";
|
|
14030
|
-
import * as React12 from "react";
|
|
14031
|
-
import { useDebounce } from "react-use";
|
|
14032
14030
|
import { jsx as jsx53 } from "@emotion/react/jsx-runtime";
|
|
14033
14031
|
var InputKeywordSearch = ({
|
|
14034
14032
|
onSearchTextChanged,
|
|
@@ -14050,9 +14048,6 @@ var InputKeywordSearch = ({
|
|
|
14050
14048
|
e.preventDefault();
|
|
14051
14049
|
}
|
|
14052
14050
|
};
|
|
14053
|
-
const handleClear = () => {
|
|
14054
|
-
onClear ? onClear() : onSearchTextChanged("");
|
|
14055
|
-
};
|
|
14056
14051
|
return /* @__PURE__ */ jsx53(
|
|
14057
14052
|
Input,
|
|
14058
14053
|
{
|
|
@@ -14061,16 +14056,7 @@ var InputKeywordSearch = ({
|
|
|
14061
14056
|
placeholder,
|
|
14062
14057
|
showLabel: false,
|
|
14063
14058
|
value,
|
|
14064
|
-
icon: value ? /* @__PURE__ */ jsx53(
|
|
14065
|
-
"button",
|
|
14066
|
-
{
|
|
14067
|
-
css: inputSearchCloseBtn,
|
|
14068
|
-
onClick: handleClear,
|
|
14069
|
-
type: "button",
|
|
14070
|
-
"data-testid": "keyword-search-clear-button",
|
|
14071
|
-
children: /* @__PURE__ */ jsx53(Icon, { icon: CgClose4, iconColor: "red", size: "1rem" })
|
|
14072
|
-
}
|
|
14073
|
-
) : /* @__PURE__ */ jsx53(Icon, { icon: CgSearch, iconColor: "gray", size: "1rem" }),
|
|
14059
|
+
icon: value ? /* @__PURE__ */ jsx53("button", { css: inputSearchCloseBtn, onClick: onClear, type: "button", children: /* @__PURE__ */ jsx53(Icon, { icon: CgClose4, iconColor: "red", size: "1rem" }) }) : /* @__PURE__ */ jsx53(Icon, { icon: CgSearch, iconColor: "gray", size: "1rem" }),
|
|
14074
14060
|
onChange: handleSearchTextChanged,
|
|
14075
14061
|
onKeyPress: preventSubmitOnField,
|
|
14076
14062
|
disabled: disabled2,
|
|
@@ -14087,16 +14073,6 @@ var InputKeywordSearch = ({
|
|
|
14087
14073
|
}
|
|
14088
14074
|
);
|
|
14089
14075
|
};
|
|
14090
|
-
var DebouncedInputKeywordSearch = ({
|
|
14091
|
-
delay = 300,
|
|
14092
|
-
onSearchTextChanged,
|
|
14093
|
-
defaultValue,
|
|
14094
|
-
...props
|
|
14095
|
-
}) => {
|
|
14096
|
-
const [searchText, setSearchText] = React12.useState(defaultValue != null ? defaultValue : "");
|
|
14097
|
-
useDebounce(() => onSearchTextChanged(searchText), delay, [searchText]);
|
|
14098
|
-
return /* @__PURE__ */ jsx53(InputKeywordSearch, { ...props, value: searchText, onSearchTextChanged: setSearchText });
|
|
14099
|
-
};
|
|
14100
14076
|
|
|
14101
14077
|
// src/components/Input/InputSelect.tsx
|
|
14102
14078
|
import { forwardRef as forwardRef8 } from "react";
|
|
@@ -14165,7 +14141,7 @@ var InputSelect = forwardRef8(
|
|
|
14165
14141
|
|
|
14166
14142
|
// src/components/Input/InputTime.tsx
|
|
14167
14143
|
import { parseTime } from "@internationalized/date";
|
|
14168
|
-
import * as
|
|
14144
|
+
import * as React12 from "react";
|
|
14169
14145
|
import { useCallback as useCallback2 } from "react";
|
|
14170
14146
|
import {
|
|
14171
14147
|
DateInput,
|
|
@@ -14229,7 +14205,7 @@ function tryParseTime(isoTime) {
|
|
|
14229
14205
|
return void 0;
|
|
14230
14206
|
}
|
|
14231
14207
|
}
|
|
14232
|
-
var InputTime =
|
|
14208
|
+
var InputTime = React12.forwardRef(
|
|
14233
14209
|
({
|
|
14234
14210
|
id,
|
|
14235
14211
|
label,
|
|
@@ -14310,9 +14286,9 @@ var InputTime = React13.forwardRef(
|
|
|
14310
14286
|
InputTime.displayName = "InputTime";
|
|
14311
14287
|
|
|
14312
14288
|
// src/components/Input/InputToggle.tsx
|
|
14313
|
-
import * as
|
|
14289
|
+
import * as React13 from "react";
|
|
14314
14290
|
import { jsx as jsx56, jsxs as jsxs34 } from "@emotion/react/jsx-runtime";
|
|
14315
|
-
var InputToggle =
|
|
14291
|
+
var InputToggle = React13.forwardRef(
|
|
14316
14292
|
({
|
|
14317
14293
|
label,
|
|
14318
14294
|
type,
|
|
@@ -14622,9 +14598,9 @@ var DateTimePicker = ({
|
|
|
14622
14598
|
() => tryParseAbsoluteToDateString(maxVisible, value == null ? void 0 : value.timeZone),
|
|
14623
14599
|
[maxVisible, value == null ? void 0 : value.timeZone]
|
|
14624
14600
|
);
|
|
14625
|
-
const [draftDate, setDraftDate] =
|
|
14626
|
-
const [draftTime, setDraftTime] =
|
|
14627
|
-
const [draftTimeZone, setDraftTimeZone] =
|
|
14601
|
+
const [draftDate, setDraftDate] = useState5(null);
|
|
14602
|
+
const [draftTime, setDraftTime] = useState5(null);
|
|
14603
|
+
const [draftTimeZone, setDraftTimeZone] = useState5(() => {
|
|
14628
14604
|
const timeZone = (parsedValue == null ? void 0 : parsedValue.timeZone) || getLocalTimeZone2();
|
|
14629
14605
|
return TIMEZONE_OPTIONS.find(({ value: value2 }) => value2 === timeZone);
|
|
14630
14606
|
});
|
|
@@ -14759,7 +14735,7 @@ var DateTimePicker = ({
|
|
|
14759
14735
|
// src/components/DescriptionList/DescriptionList.tsx
|
|
14760
14736
|
import { TbCheck } from "@react-icons/all-files/tb/TbCheck";
|
|
14761
14737
|
import { TbMinus } from "@react-icons/all-files/tb/TbMinus";
|
|
14762
|
-
import
|
|
14738
|
+
import React14 from "react";
|
|
14763
14739
|
|
|
14764
14740
|
// src/components/DescriptionList/DescriptionList.styles.ts
|
|
14765
14741
|
import { css as css53 } from "@emotion/react";
|
|
@@ -14790,7 +14766,7 @@ var descriptionListValueStyles = css53`
|
|
|
14790
14766
|
|
|
14791
14767
|
// src/components/DescriptionList/DescriptionList.tsx
|
|
14792
14768
|
import { jsx as jsx62, jsxs as jsxs39 } from "@emotion/react/jsx-runtime";
|
|
14793
|
-
var DescriptionList =
|
|
14769
|
+
var DescriptionList = React14.forwardRef(
|
|
14794
14770
|
({ items, variant = "horizontal", ...listProps }, ref) => {
|
|
14795
14771
|
if (!(items == null ? void 0 : items.length)) {
|
|
14796
14772
|
return null;
|
|
@@ -14801,7 +14777,7 @@ var DescriptionList = React15.forwardRef(
|
|
|
14801
14777
|
ref,
|
|
14802
14778
|
css: variant === "vertical" ? descriptionListVertical : descriptionListHorizontal,
|
|
14803
14779
|
...listProps,
|
|
14804
|
-
children: items == null ? void 0 : items.map(({ label, value }) => /* @__PURE__ */ jsxs39(
|
|
14780
|
+
children: items == null ? void 0 : items.map(({ label, value }) => /* @__PURE__ */ jsxs39(React14.Fragment, { children: [
|
|
14805
14781
|
/* @__PURE__ */ jsx62("dt", { css: descriptionListLabelStyles, children: label }),
|
|
14806
14782
|
/* @__PURE__ */ jsx62("dd", { css: descriptionListValueStyles, children: typeof value === "boolean" ? /* @__PURE__ */ jsx62(DescriptionListValueBoolean, { value }) : value })
|
|
14807
14783
|
] }, label))
|
|
@@ -14817,7 +14793,7 @@ var DescriptionListValueBoolean = ({ value }) => {
|
|
|
14817
14793
|
};
|
|
14818
14794
|
|
|
14819
14795
|
// src/components/Details/Details.tsx
|
|
14820
|
-
import * as
|
|
14796
|
+
import * as React15 from "react";
|
|
14821
14797
|
|
|
14822
14798
|
// src/components/Details/Details.styles.ts
|
|
14823
14799
|
import { css as css54 } from "@emotion/react";
|
|
@@ -14876,9 +14852,9 @@ var Details = ({
|
|
|
14876
14852
|
onChange,
|
|
14877
14853
|
...props
|
|
14878
14854
|
}) => {
|
|
14879
|
-
const detailsRef =
|
|
14880
|
-
const [internalOpen, setInternalOpen] =
|
|
14881
|
-
const memoizedIsOpen =
|
|
14855
|
+
const detailsRef = React15.useRef(null);
|
|
14856
|
+
const [internalOpen, setInternalOpen] = React15.useState(isOpenByDefault);
|
|
14857
|
+
const memoizedIsOpen = React15.useMemo(() => {
|
|
14882
14858
|
return isOpen !== void 0 ? isOpen : internalOpen;
|
|
14883
14859
|
}, [internalOpen, isOpen]);
|
|
14884
14860
|
return /* @__PURE__ */ jsxs40(
|
|
@@ -14921,7 +14897,7 @@ var Details = ({
|
|
|
14921
14897
|
|
|
14922
14898
|
// src/components/Drawer/Drawer.tsx
|
|
14923
14899
|
import { CgChevronRight } from "@react-icons/all-files/cg/CgChevronRight";
|
|
14924
|
-
import
|
|
14900
|
+
import React17, { createContext as createContext4, useContext as useContext5, useEffect as useEffect5, useRef as useRef4, useState as useState8 } from "react";
|
|
14925
14901
|
import { createPortal } from "react-dom";
|
|
14926
14902
|
|
|
14927
14903
|
// src/components/Drawer/Drawer.styles.ts
|
|
@@ -15032,7 +15008,7 @@ var drawerWrapperOverlayStyles = css55`
|
|
|
15032
15008
|
`;
|
|
15033
15009
|
|
|
15034
15010
|
// src/components/Drawer/DrawerProvider.tsx
|
|
15035
|
-
import { createContext as createContext3, useCallback as useCallback4, useContext as useContext4, useRef as useRef3, useState as
|
|
15011
|
+
import { createContext as createContext3, useCallback as useCallback4, useContext as useContext4, useRef as useRef3, useState as useState7 } from "react";
|
|
15036
15012
|
import { jsx as jsx64 } from "@emotion/react/jsx-runtime";
|
|
15037
15013
|
var DrawerContext = createContext3({
|
|
15038
15014
|
providerId: "",
|
|
@@ -15050,9 +15026,9 @@ function renderDrawerId(drawer) {
|
|
|
15050
15026
|
return `${drawer.stackId ? `\u{1F95E} ${drawer.stackId} ` : ""}\u{1F194} ${drawer.id}${drawer.instanceKey ? ` \u{1F511} ${drawer.instanceKey}` : ""}`;
|
|
15051
15027
|
}
|
|
15052
15028
|
var DrawerProvider = ({ children }) => {
|
|
15053
|
-
const [drawersRegistry, setDrawersRegistry] =
|
|
15029
|
+
const [drawersRegistry, setDrawersRegistry] = useState7([]);
|
|
15054
15030
|
const providerId = useRef3(crypto.randomUUID());
|
|
15055
|
-
const [drawerTakeoverStackId, setDrawerTakeoverStackId] =
|
|
15031
|
+
const [drawerTakeoverStackId, setDrawerTakeoverStackId] = useState7(void 0);
|
|
15056
15032
|
useShortcut({
|
|
15057
15033
|
handler: () => {
|
|
15058
15034
|
var _a, _b;
|
|
@@ -15166,7 +15142,7 @@ var CurrentDrawerContext = createContext4({});
|
|
|
15166
15142
|
var useCurrentDrawer = () => {
|
|
15167
15143
|
return useContext5(CurrentDrawerContext);
|
|
15168
15144
|
};
|
|
15169
|
-
var Drawer =
|
|
15145
|
+
var Drawer = React17.forwardRef(
|
|
15170
15146
|
({ minWidth, maxWidth, position, leftAligned, ...drawerProps }, ref) => {
|
|
15171
15147
|
var _a;
|
|
15172
15148
|
const { stackId: inheritedStackId } = useCurrentDrawer();
|
|
@@ -15194,7 +15170,7 @@ var DrawerInner = ({
|
|
|
15194
15170
|
}) => {
|
|
15195
15171
|
const { registerDrawer, unregisterDrawer, providerId } = useDrawer();
|
|
15196
15172
|
const closeButtonRef = useRef4(null);
|
|
15197
|
-
const [rendererElement, setRendererElement] =
|
|
15173
|
+
const [rendererElement, setRendererElement] = useState8(null);
|
|
15198
15174
|
useEffect5(() => {
|
|
15199
15175
|
registerDrawer({
|
|
15200
15176
|
drawer: {
|
|
@@ -15467,7 +15443,7 @@ var IconButton = forwardRef12(
|
|
|
15467
15443
|
IconButton.displayName = "IconButton";
|
|
15468
15444
|
|
|
15469
15445
|
// src/components/Image/Image.tsx
|
|
15470
|
-
import { useCallback as useCallback5, useEffect as useEffect8, useState as
|
|
15446
|
+
import { useCallback as useCallback5, useEffect as useEffect8, useState as useState9 } from "react";
|
|
15471
15447
|
|
|
15472
15448
|
// src/components/Image/Image.styles.ts
|
|
15473
15449
|
import { css as css58 } from "@emotion/react";
|
|
@@ -15568,8 +15544,8 @@ function Image({
|
|
|
15568
15544
|
height,
|
|
15569
15545
|
...imgAttribs
|
|
15570
15546
|
}) {
|
|
15571
|
-
const [loading, setLoading] =
|
|
15572
|
-
const [loadErrorText, setLoadErrorText] =
|
|
15547
|
+
const [loading, setLoading] = useState9(true);
|
|
15548
|
+
const [loadErrorText, setLoadErrorText] = useState9("");
|
|
15573
15549
|
const errorText = "The text you provided is not a valid URL";
|
|
15574
15550
|
const updateImageSrc = useCallback5(() => {
|
|
15575
15551
|
let message = "";
|
|
@@ -15923,7 +15899,7 @@ var EditTeamIntegrationTile = ({
|
|
|
15923
15899
|
// src/components/Tiles/IntegrationComingSoon.tsx
|
|
15924
15900
|
import { css as css61 } from "@emotion/react";
|
|
15925
15901
|
import { CgHeart } from "@react-icons/all-files/cg/CgHeart";
|
|
15926
|
-
import { useEffect as useEffect9, useState as
|
|
15902
|
+
import { useEffect as useEffect9, useState as useState10 } from "react";
|
|
15927
15903
|
import { jsx as jsx76, jsxs as jsxs49 } from "@emotion/react/jsx-runtime";
|
|
15928
15904
|
var IntegrationComingSoon = ({
|
|
15929
15905
|
name,
|
|
@@ -15933,7 +15909,7 @@ var IntegrationComingSoon = ({
|
|
|
15933
15909
|
timing = 1e3,
|
|
15934
15910
|
...props
|
|
15935
15911
|
}) => {
|
|
15936
|
-
const [upVote, setUpVote] =
|
|
15912
|
+
const [upVote, setUpVote] = useState10(false);
|
|
15937
15913
|
const handleUpVoteInteraction = () => {
|
|
15938
15914
|
setUpVote((prev) => !prev);
|
|
15939
15915
|
onUpVoteClick();
|
|
@@ -17060,7 +17036,7 @@ var MediaCard = ({
|
|
|
17060
17036
|
|
|
17061
17037
|
// src/components/Modal/Modal.tsx
|
|
17062
17038
|
import { CgClose as CgClose5 } from "@react-icons/all-files/cg/CgClose";
|
|
17063
|
-
import
|
|
17039
|
+
import React20, { useEffect as useEffect11, useRef as useRef6 } from "react";
|
|
17064
17040
|
|
|
17065
17041
|
// src/components/Modal/Modal.styles.ts
|
|
17066
17042
|
import { css as css76 } from "@emotion/react";
|
|
@@ -17137,7 +17113,7 @@ var modalContentStyles = css76`
|
|
|
17137
17113
|
// src/components/Modal/Modal.tsx
|
|
17138
17114
|
import { jsx as jsx94, jsxs as jsxs63 } from "@emotion/react/jsx-runtime";
|
|
17139
17115
|
var defaultModalHeight = "51rem";
|
|
17140
|
-
var Modal =
|
|
17116
|
+
var Modal = React20.forwardRef(
|
|
17141
17117
|
({
|
|
17142
17118
|
header: header2,
|
|
17143
17119
|
children,
|
|
@@ -17766,7 +17742,7 @@ var ParameterGroup = forwardRef13(
|
|
|
17766
17742
|
import { forwardRef as forwardRef15, useDeferredValue } from "react";
|
|
17767
17743
|
|
|
17768
17744
|
// src/components/ParameterInputs/ParameterImagePreview.tsx
|
|
17769
|
-
import { useState as
|
|
17745
|
+
import { useState as useState11 } from "react";
|
|
17770
17746
|
import { createPortal as createPortal2 } from "react-dom";
|
|
17771
17747
|
|
|
17772
17748
|
// src/components/ParameterInputs/styles/ParameterImage.styles.ts
|
|
@@ -17809,7 +17785,7 @@ var previewModalImage = css82`
|
|
|
17809
17785
|
// src/components/ParameterInputs/ParameterImagePreview.tsx
|
|
17810
17786
|
import { Fragment as Fragment13, jsx as jsx100, jsxs as jsxs68 } from "@emotion/react/jsx-runtime";
|
|
17811
17787
|
function ParameterImagePreview({ imageSrc }) {
|
|
17812
|
-
const [showModal, setShowModal] =
|
|
17788
|
+
const [showModal, setShowModal] = useState11(false);
|
|
17813
17789
|
return imageSrc ? /* @__PURE__ */ jsxs68("div", { css: previewWrapper, children: [
|
|
17814
17790
|
/* @__PURE__ */ jsx100(PreviewImageModal, { open: showModal, imageSrc, onRequestClose: () => setShowModal(false) }),
|
|
17815
17791
|
/* @__PURE__ */ jsx100(
|
|
@@ -17841,7 +17817,7 @@ var PreviewImageModal = ({ open, onRequestClose, imageSrc }) => {
|
|
|
17841
17817
|
|
|
17842
17818
|
// src/components/ParameterInputs/ParameterShell.tsx
|
|
17843
17819
|
import { css as css84 } from "@emotion/react";
|
|
17844
|
-
import { useState as
|
|
17820
|
+
import { useState as useState12 } from "react";
|
|
17845
17821
|
|
|
17846
17822
|
// src/components/ParameterInputs/ParameterLabel.tsx
|
|
17847
17823
|
import { jsx as jsx101 } from "@emotion/react/jsx-runtime";
|
|
@@ -17962,7 +17938,7 @@ var ParameterShell = ({
|
|
|
17962
17938
|
isParameterGroup = false,
|
|
17963
17939
|
...props
|
|
17964
17940
|
}) => {
|
|
17965
|
-
const [manualErrorMessage, setManualErrorMessage] =
|
|
17941
|
+
const [manualErrorMessage, setManualErrorMessage] = useState12(void 0);
|
|
17966
17942
|
const setErrorMessage = (message) => setManualErrorMessage(message);
|
|
17967
17943
|
const errorMessaging = errorMessage || manualErrorMessage;
|
|
17968
17944
|
return /* @__PURE__ */ jsxs69("div", { css: inputContainer2, ...props, id, children: [
|
|
@@ -18580,7 +18556,7 @@ import {
|
|
|
18580
18556
|
ElementNode as ElementNode2,
|
|
18581
18557
|
FOCUS_COMMAND
|
|
18582
18558
|
} from "lexical";
|
|
18583
|
-
import { useCallback as useCallback8, useEffect as useEffect13, useRef as useRef7, useState as
|
|
18559
|
+
import { useCallback as useCallback8, useEffect as useEffect13, useRef as useRef7, useState as useState13 } from "react";
|
|
18584
18560
|
|
|
18585
18561
|
// src/components/ParameterInputs/rich-text/utils.ts
|
|
18586
18562
|
import { $isAtNodeEnd } from "@lexical/selection";
|
|
@@ -18923,10 +18899,10 @@ function LinkNodePlugin({ onConnectLink, getBoundPath }) {
|
|
|
18923
18899
|
return path;
|
|
18924
18900
|
};
|
|
18925
18901
|
const [editor] = useLexicalComposerContext2();
|
|
18926
|
-
const [linkPopoverState, setLinkPopoverState] =
|
|
18902
|
+
const [linkPopoverState, setLinkPopoverState] = useState13();
|
|
18927
18903
|
const linkPopoverElRef = useRef7(null);
|
|
18928
|
-
const [isEditorFocused, setIsEditorFocused] =
|
|
18929
|
-
const [isLinkPopoverFocused, setIsLinkPopoverFocused] =
|
|
18904
|
+
const [isEditorFocused, setIsEditorFocused] = useState13(false);
|
|
18905
|
+
const [isLinkPopoverFocused, setIsLinkPopoverFocused] = useState13(false);
|
|
18930
18906
|
useEffect13(() => {
|
|
18931
18907
|
if (!isEditorFocused && !isLinkPopoverFocused) {
|
|
18932
18908
|
setLinkPopoverState(void 0);
|
|
@@ -19183,7 +19159,7 @@ import {
|
|
|
19183
19159
|
FORMAT_TEXT_COMMAND,
|
|
19184
19160
|
SELECTION_CHANGE_COMMAND
|
|
19185
19161
|
} from "lexical";
|
|
19186
|
-
import { useCallback as useCallback9, useEffect as useEffect15, useMemo as useMemo4, useState as
|
|
19162
|
+
import { useCallback as useCallback9, useEffect as useEffect15, useMemo as useMemo4, useState as useState14 } from "react";
|
|
19187
19163
|
import { Fragment as Fragment17, jsx as jsx110, jsxs as jsxs74 } from "@emotion/react/jsx-runtime";
|
|
19188
19164
|
var toolbar = css87`
|
|
19189
19165
|
background: var(--gray-50);
|
|
@@ -19494,7 +19470,7 @@ var useRichTextToolbarState = ({ config }) => {
|
|
|
19494
19470
|
const enabledBuiltInFormatsWithoutIcon = enabledBuiltInFormats.filter(
|
|
19495
19471
|
(format) => !FORMATS_WITH_ICON.has(format.type)
|
|
19496
19472
|
);
|
|
19497
|
-
const [activeFormats, setActiveFormats] =
|
|
19473
|
+
const [activeFormats, setActiveFormats] = useState14([]);
|
|
19498
19474
|
const visibleFormatsWithIcon = useMemo4(() => {
|
|
19499
19475
|
const visibleFormats = /* @__PURE__ */ new Set();
|
|
19500
19476
|
activeFormats.filter((type) => FORMATS_WITH_ICON.has(type)).forEach((type) => {
|
|
@@ -19515,7 +19491,7 @@ var useRichTextToolbarState = ({ config }) => {
|
|
|
19515
19491
|
});
|
|
19516
19492
|
return richTextBuiltInFormats.filter((format) => visibleFormats.has(format.type));
|
|
19517
19493
|
}, [activeFormats, enabledBuiltInFormatsWithoutIcon]);
|
|
19518
|
-
const [activeElement, setActiveElement] =
|
|
19494
|
+
const [activeElement, setActiveElement] = useState14("paragraph");
|
|
19519
19495
|
const enabledTextualElements = enabledBuiltInElements.filter(
|
|
19520
19496
|
(element) => TEXTUAL_ELEMENTS.includes(element.type)
|
|
19521
19497
|
);
|
|
@@ -19530,7 +19506,7 @@ var useRichTextToolbarState = ({ config }) => {
|
|
|
19530
19506
|
}
|
|
19531
19507
|
);
|
|
19532
19508
|
}, [activeElement, (_a = config == null ? void 0 : config.elements) == null ? void 0 : _a.builtIn, enabledTextualElements]);
|
|
19533
|
-
const [isLink, setIsLink] =
|
|
19509
|
+
const [isLink, setIsLink] = useState14(false);
|
|
19534
19510
|
const linkElementVisible = useMemo4(() => {
|
|
19535
19511
|
return enabledBuiltInElements.some((element) => element.type === "link") || isLink;
|
|
19536
19512
|
}, [isLink, enabledBuiltInElements]);
|
|
@@ -20164,11 +20140,6 @@ var NUMBER_OPERATORS = [
|
|
|
20164
20140
|
label: "is not empty...",
|
|
20165
20141
|
value: "def",
|
|
20166
20142
|
editorType: "empty"
|
|
20167
|
-
},
|
|
20168
|
-
{
|
|
20169
|
-
label: "is not between...",
|
|
20170
|
-
value: "nbetween",
|
|
20171
|
-
editorType: "numberRange"
|
|
20172
20143
|
}
|
|
20173
20144
|
];
|
|
20174
20145
|
var DATE_OPERATORS = [
|
|
@@ -20212,11 +20183,6 @@ var DATE_OPERATORS = [
|
|
|
20212
20183
|
value: "neq",
|
|
20213
20184
|
editorType: "date"
|
|
20214
20185
|
},
|
|
20215
|
-
{
|
|
20216
|
-
label: "is not between...",
|
|
20217
|
-
value: "nbetween",
|
|
20218
|
-
editorType: "dateRange"
|
|
20219
|
-
},
|
|
20220
20186
|
{
|
|
20221
20187
|
label: "is not empty...",
|
|
20222
20188
|
value: "def",
|
|
@@ -20279,28 +20245,6 @@ var CHECKBOX_OPERATORS = [
|
|
|
20279
20245
|
editorType: "empty"
|
|
20280
20246
|
}
|
|
20281
20247
|
];
|
|
20282
|
-
var STATUS_OPERATORS = [
|
|
20283
|
-
{
|
|
20284
|
-
label: "is...",
|
|
20285
|
-
value: "eq",
|
|
20286
|
-
editorType: "statusSingleChoice"
|
|
20287
|
-
},
|
|
20288
|
-
{
|
|
20289
|
-
label: "contains...",
|
|
20290
|
-
value: "match",
|
|
20291
|
-
editorType: "statusMultiChoice"
|
|
20292
|
-
},
|
|
20293
|
-
{
|
|
20294
|
-
label: "is not...",
|
|
20295
|
-
value: "neq",
|
|
20296
|
-
editorType: "statusSingleChoice"
|
|
20297
|
-
},
|
|
20298
|
-
{
|
|
20299
|
-
label: "does not contain...",
|
|
20300
|
-
value: "nin",
|
|
20301
|
-
editorType: "statusMultiChoice"
|
|
20302
|
-
}
|
|
20303
|
-
];
|
|
20304
20248
|
var SYSTEM_FIELD_OPERATORS = [
|
|
20305
20249
|
{
|
|
20306
20250
|
label: "is...",
|
|
@@ -20323,50 +20267,6 @@ var SYSTEM_FIELD_OPERATORS = [
|
|
|
20323
20267
|
editorType: "multiChoice"
|
|
20324
20268
|
}
|
|
20325
20269
|
];
|
|
20326
|
-
var CONTENT_TYPE_OPERATORS = [
|
|
20327
|
-
{
|
|
20328
|
-
label: "is...",
|
|
20329
|
-
value: "eq",
|
|
20330
|
-
editorType: "singleChoice"
|
|
20331
|
-
},
|
|
20332
|
-
{
|
|
20333
|
-
label: "is any of...",
|
|
20334
|
-
value: "in",
|
|
20335
|
-
editorType: "multiChoice"
|
|
20336
|
-
},
|
|
20337
|
-
{
|
|
20338
|
-
label: "is not...",
|
|
20339
|
-
value: "neq",
|
|
20340
|
-
editorType: "singleChoice"
|
|
20341
|
-
},
|
|
20342
|
-
{
|
|
20343
|
-
label: "is none of...",
|
|
20344
|
-
value: "nin",
|
|
20345
|
-
editorType: "multiChoice"
|
|
20346
|
-
}
|
|
20347
|
-
];
|
|
20348
|
-
var LOCALE_OPERATORS = [
|
|
20349
|
-
{
|
|
20350
|
-
label: "is...",
|
|
20351
|
-
value: "eq",
|
|
20352
|
-
editorType: "singleChoice"
|
|
20353
|
-
},
|
|
20354
|
-
{
|
|
20355
|
-
label: "is any of...",
|
|
20356
|
-
value: "in",
|
|
20357
|
-
editorType: "multiChoice"
|
|
20358
|
-
},
|
|
20359
|
-
{
|
|
20360
|
-
label: "is not...",
|
|
20361
|
-
value: "neq",
|
|
20362
|
-
editorType: "singleChoice"
|
|
20363
|
-
},
|
|
20364
|
-
{
|
|
20365
|
-
label: "is none of...",
|
|
20366
|
-
value: "nin",
|
|
20367
|
-
editorType: "multiChoice"
|
|
20368
|
-
}
|
|
20369
|
-
];
|
|
20370
20270
|
|
|
20371
20271
|
// src/components/SearchAndFilter/styles/SearchAndFilter.styles.ts
|
|
20372
20272
|
import { css as css92 } from "@emotion/react";
|
|
@@ -20571,7 +20471,7 @@ import {
|
|
|
20571
20471
|
useDeferredValue as useDeferredValue2,
|
|
20572
20472
|
useEffect as useEffect17,
|
|
20573
20473
|
useMemo as useMemo6,
|
|
20574
|
-
useState as
|
|
20474
|
+
useState as useState15
|
|
20575
20475
|
} from "react";
|
|
20576
20476
|
import { jsx as jsx118 } from "@emotion/react/jsx-runtime";
|
|
20577
20477
|
var SearchAndFilterContext = createContext6({
|
|
@@ -20599,9 +20499,9 @@ var SearchAndFilterProvider = ({
|
|
|
20599
20499
|
onChange,
|
|
20600
20500
|
children
|
|
20601
20501
|
}) => {
|
|
20602
|
-
const [searchTerm, setSearchTerm] =
|
|
20502
|
+
const [searchTerm, setSearchTerm] = useState15("");
|
|
20603
20503
|
const deferredSearchTerm = useDeferredValue2(searchTerm);
|
|
20604
|
-
const [filterVisibility, setFilterVisibility] =
|
|
20504
|
+
const [filterVisibility, setFilterVisibility] = useState15(false);
|
|
20605
20505
|
const handleSearchTerm = useCallback10((term) => setSearchTerm(term), [setSearchTerm]);
|
|
20606
20506
|
const handleToggleFilterVisibilty = useCallback10(
|
|
20607
20507
|
(visible) => setFilterVisibility(visible),
|
|
@@ -20696,7 +20596,7 @@ var FilterControls = ({ children }) => {
|
|
|
20696
20596
|
|
|
20697
20597
|
// src/components/SearchAndFilter/FilterEditor.tsx
|
|
20698
20598
|
import { css as css94 } from "@emotion/react";
|
|
20699
|
-
import { useEffect as useEffect18, useState as
|
|
20599
|
+
import { useEffect as useEffect18, useState as useState16 } from "react";
|
|
20700
20600
|
|
|
20701
20601
|
// src/components/Validation/StatusBullet.styles.ts
|
|
20702
20602
|
import { css as css93 } from "@emotion/react";
|
|
@@ -20895,9 +20795,9 @@ var TextEditor = ({ onChange, ariaLabel }) => {
|
|
|
20895
20795
|
);
|
|
20896
20796
|
};
|
|
20897
20797
|
var NumberRangeEditor = ({ onChange, ...props }) => {
|
|
20898
|
-
const [minValue, setMinValue] =
|
|
20899
|
-
const [maxValue, setMaxValue] =
|
|
20900
|
-
const [error, setError] =
|
|
20798
|
+
const [minValue, setMinValue] = useState16("");
|
|
20799
|
+
const [maxValue, setMaxValue] = useState16("");
|
|
20800
|
+
const [error, setError] = useState16("");
|
|
20901
20801
|
useEffect18(() => {
|
|
20902
20802
|
if (!maxValue && !minValue) {
|
|
20903
20803
|
return;
|
|
@@ -20961,9 +20861,9 @@ var DateEditor = ({ onChange, ...props }) => {
|
|
|
20961
20861
|
return /* @__PURE__ */ jsx121(Input, { type: "date", ...props, showLabel: false, onChange: (e) => onChange(e.currentTarget.value) });
|
|
20962
20862
|
};
|
|
20963
20863
|
var DateRangeEditor = ({ ariaLabel, onChange }) => {
|
|
20964
|
-
const [minDateValue, setMinDateValue] =
|
|
20965
|
-
const [maxDateValue, setMaxDateValue] =
|
|
20966
|
-
const [error, setError] =
|
|
20864
|
+
const [minDateValue, setMinDateValue] = useState16("");
|
|
20865
|
+
const [maxDateValue, setMaxDateValue] = useState16("");
|
|
20866
|
+
const [error, setError] = useState16("");
|
|
20967
20867
|
useEffect18(() => {
|
|
20968
20868
|
if (!minDateValue || !maxDateValue) {
|
|
20969
20869
|
return;
|
|
@@ -21501,7 +21401,7 @@ var Skeleton = ({
|
|
|
21501
21401
|
);
|
|
21502
21402
|
|
|
21503
21403
|
// src/components/Switch/Switch.tsx
|
|
21504
|
-
import * as
|
|
21404
|
+
import * as React24 from "react";
|
|
21505
21405
|
|
|
21506
21406
|
// src/components/Switch/Switch.styles.ts
|
|
21507
21407
|
import { css as css98 } from "@emotion/react";
|
|
@@ -21589,7 +21489,7 @@ var SwitchText = css98`
|
|
|
21589
21489
|
|
|
21590
21490
|
// src/components/Switch/Switch.tsx
|
|
21591
21491
|
import { Fragment as Fragment22, jsx as jsx127, jsxs as jsxs86 } from "@emotion/react/jsx-runtime";
|
|
21592
|
-
var Switch =
|
|
21492
|
+
var Switch = React24.forwardRef(
|
|
21593
21493
|
({ label, infoText, toggleText, children, ...inputProps }, ref) => {
|
|
21594
21494
|
let additionalText = infoText;
|
|
21595
21495
|
if (infoText && toggleText) {
|
|
@@ -21607,7 +21507,7 @@ var Switch = React25.forwardRef(
|
|
|
21607
21507
|
);
|
|
21608
21508
|
|
|
21609
21509
|
// src/components/Table/Table.tsx
|
|
21610
|
-
import * as
|
|
21510
|
+
import * as React25 from "react";
|
|
21611
21511
|
|
|
21612
21512
|
// src/components/Table/Table.styles.ts
|
|
21613
21513
|
import { css as css99 } from "@emotion/react";
|
|
@@ -21638,37 +21538,37 @@ var tableCellHead = css99`
|
|
|
21638
21538
|
|
|
21639
21539
|
// src/components/Table/Table.tsx
|
|
21640
21540
|
import { jsx as jsx128 } from "@emotion/react/jsx-runtime";
|
|
21641
|
-
var Table =
|
|
21541
|
+
var Table = React25.forwardRef(
|
|
21642
21542
|
({ children, cellPadding, ...otherProps }, ref) => {
|
|
21643
21543
|
return /* @__PURE__ */ jsx128("table", { ref, css: table({ cellPadding }), ...otherProps, children });
|
|
21644
21544
|
}
|
|
21645
21545
|
);
|
|
21646
|
-
var TableHead =
|
|
21546
|
+
var TableHead = React25.forwardRef(
|
|
21647
21547
|
({ children, ...otherProps }, ref) => {
|
|
21648
21548
|
return /* @__PURE__ */ jsx128("thead", { ref, css: tableHead, ...otherProps, children });
|
|
21649
21549
|
}
|
|
21650
21550
|
);
|
|
21651
|
-
var TableBody =
|
|
21551
|
+
var TableBody = React25.forwardRef(
|
|
21652
21552
|
({ children, ...otherProps }, ref) => {
|
|
21653
21553
|
return /* @__PURE__ */ jsx128("tbody", { ref, ...otherProps, children });
|
|
21654
21554
|
}
|
|
21655
21555
|
);
|
|
21656
|
-
var TableFoot =
|
|
21556
|
+
var TableFoot = React25.forwardRef(
|
|
21657
21557
|
({ children, ...otherProps }, ref) => {
|
|
21658
21558
|
return /* @__PURE__ */ jsx128("tfoot", { ref, ...otherProps, children });
|
|
21659
21559
|
}
|
|
21660
21560
|
);
|
|
21661
|
-
var TableRow =
|
|
21561
|
+
var TableRow = React25.forwardRef(
|
|
21662
21562
|
({ children, ...otherProps }, ref) => {
|
|
21663
21563
|
return /* @__PURE__ */ jsx128("tr", { ref, css: tableRow, ...otherProps, children });
|
|
21664
21564
|
}
|
|
21665
21565
|
);
|
|
21666
|
-
var TableCellHead =
|
|
21566
|
+
var TableCellHead = React25.forwardRef(
|
|
21667
21567
|
({ children, ...otherProps }, ref) => {
|
|
21668
21568
|
return /* @__PURE__ */ jsx128("th", { ref, css: tableCellHead, ...otherProps, children });
|
|
21669
21569
|
}
|
|
21670
21570
|
);
|
|
21671
|
-
var TableCellData =
|
|
21571
|
+
var TableCellData = React25.forwardRef(
|
|
21672
21572
|
({ children, ...otherProps }, ref) => {
|
|
21673
21573
|
return /* @__PURE__ */ jsx128("td", { ref, ...otherProps, children });
|
|
21674
21574
|
}
|
|
@@ -22020,7 +21920,6 @@ export {
|
|
|
22020
21920
|
Button,
|
|
22021
21921
|
ButtonWithMenu,
|
|
22022
21922
|
CHECKBOX_OPERATORS,
|
|
22023
|
-
CONTENT_TYPE_OPERATORS,
|
|
22024
21923
|
Calendar,
|
|
22025
21924
|
Callout,
|
|
22026
21925
|
Caption,
|
|
@@ -22038,7 +21937,6 @@ export {
|
|
|
22038
21937
|
DashedBox,
|
|
22039
21938
|
DateTimePicker,
|
|
22040
21939
|
DateTimePickerVariant,
|
|
22041
|
-
DebouncedInputKeywordSearch,
|
|
22042
21940
|
DescriptionList,
|
|
22043
21941
|
Details,
|
|
22044
21942
|
DismissibleChipAction,
|
|
@@ -22078,7 +21976,6 @@ export {
|
|
|
22078
21976
|
IntegrationModalIcon,
|
|
22079
21977
|
IntegrationTile,
|
|
22080
21978
|
JsonEditor,
|
|
22081
|
-
LOCALE_OPERATORS,
|
|
22082
21979
|
Label,
|
|
22083
21980
|
LabelLeadingIcon,
|
|
22084
21981
|
Legend,
|
|
@@ -22135,7 +22032,6 @@ export {
|
|
|
22135
22032
|
RICHTEXT_OPERATORS,
|
|
22136
22033
|
ResolveIcon,
|
|
22137
22034
|
RichTextToolbarIcon,
|
|
22138
|
-
STATUS_OPERATORS,
|
|
22139
22035
|
SYSTEM_FIELD_OPERATORS,
|
|
22140
22036
|
ScrollableList,
|
|
22141
22037
|
ScrollableListInputItem,
|
package/dist/index.d.mts
CHANGED
|
@@ -21815,23 +21815,9 @@ interface InputKeywordSearchProps extends React$1.InputHTMLAttributes<HTMLInputE
|
|
|
21815
21815
|
}
|
|
21816
21816
|
/**
|
|
21817
21817
|
* Component used for keyword search functionality
|
|
21818
|
-
*
|
|
21819
|
-
* @example <InputKeywordSearch onSearchTextChanged={setKeyword} delay={500} value={keyword} compact />
|
|
21818
|
+
* @example <InlineSelectInput disabled={index > 1} value={currentValue ?? '&'} options={[{ label: 'AND', value: '&' }, { label: 'OR', value: '|' }]} onChange={(s) => {setState(s.value)}} />
|
|
21820
21819
|
*/
|
|
21821
21820
|
declare const InputKeywordSearch: ({ onSearchTextChanged, disabled, placeholder, inputFieldName, disabledFieldSubmission, value, onClear, compact, rounded, ...props }: InputKeywordSearchProps) => React$1.ReactElement;
|
|
21822
|
-
type DebouncedInputKeywordSearchProps = Omit<InputKeywordSearchProps, 'value'> & {
|
|
21823
|
-
/** Debounce delay in milliseconds */
|
|
21824
|
-
delay?: number;
|
|
21825
|
-
/**Default value to initialize field with, as it is not controlled component and does not support providing values */
|
|
21826
|
-
defaultValue?: string;
|
|
21827
|
-
};
|
|
21828
|
-
/**
|
|
21829
|
-
* Wrapper for InputKeywordSearch that debounces the onSearchTextChanged callback
|
|
21830
|
-
* to avoid triggering any business logic on every keystroke.
|
|
21831
|
-
*
|
|
21832
|
-
* @example <DebouncedInputKeywordSearch onSearchTextChanged={setKeyword} delay={500} />
|
|
21833
|
-
*/
|
|
21834
|
-
declare const DebouncedInputKeywordSearch: ({ delay, onSearchTextChanged, defaultValue, ...props }: DebouncedInputKeywordSearchProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21835
21821
|
|
|
21836
21822
|
type InputSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
|
|
21837
21823
|
/** (optional) sets the first item in the options list with empty value */
|
|
@@ -23013,7 +22999,7 @@ type Filter = {
|
|
|
23013
22999
|
value: string;
|
|
23014
23000
|
};
|
|
23015
23001
|
|
|
23016
|
-
type OperatorValue = 'eq' | 'neq' | 'gt' | 'gte' | 'lt' | 'lte' | 'in' | 'nin' | 'between' | '
|
|
23002
|
+
type OperatorValue = 'eq' | 'neq' | 'gt' | 'gte' | 'lt' | 'lte' | 'in' | 'nin' | 'between' | 'ndef' | 'def' | 'match';
|
|
23017
23003
|
type OperatorValueType = {
|
|
23018
23004
|
value: OperatorValue;
|
|
23019
23005
|
};
|
|
@@ -23023,10 +23009,7 @@ declare const DATE_OPERATORS: OperatorType;
|
|
|
23023
23009
|
declare const TEXTBOX_OPERATORS: OperatorType;
|
|
23024
23010
|
declare const RICHTEXT_OPERATORS: OperatorType;
|
|
23025
23011
|
declare const CHECKBOX_OPERATORS: OperatorType;
|
|
23026
|
-
declare const STATUS_OPERATORS: OperatorType;
|
|
23027
23012
|
declare const SYSTEM_FIELD_OPERATORS: OperatorType;
|
|
23028
|
-
declare const CONTENT_TYPE_OPERATORS: OperatorType;
|
|
23029
|
-
declare const LOCALE_OPERATORS: OperatorType;
|
|
23030
23013
|
|
|
23031
23014
|
type FilterButtonProps = {
|
|
23032
23015
|
text?: string;
|
|
@@ -23612,4 +23595,4 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
|
23612
23595
|
};
|
|
23613
23596
|
declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23614
23597
|
|
|
23615
|
-
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,
|
|
23598
|
+
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, 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, 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, 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, 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, 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
|
@@ -21815,23 +21815,9 @@ interface InputKeywordSearchProps extends React$1.InputHTMLAttributes<HTMLInputE
|
|
|
21815
21815
|
}
|
|
21816
21816
|
/**
|
|
21817
21817
|
* Component used for keyword search functionality
|
|
21818
|
-
*
|
|
21819
|
-
* @example <InputKeywordSearch onSearchTextChanged={setKeyword} delay={500} value={keyword} compact />
|
|
21818
|
+
* @example <InlineSelectInput disabled={index > 1} value={currentValue ?? '&'} options={[{ label: 'AND', value: '&' }, { label: 'OR', value: '|' }]} onChange={(s) => {setState(s.value)}} />
|
|
21820
21819
|
*/
|
|
21821
21820
|
declare const InputKeywordSearch: ({ onSearchTextChanged, disabled, placeholder, inputFieldName, disabledFieldSubmission, value, onClear, compact, rounded, ...props }: InputKeywordSearchProps) => React$1.ReactElement;
|
|
21822
|
-
type DebouncedInputKeywordSearchProps = Omit<InputKeywordSearchProps, 'value'> & {
|
|
21823
|
-
/** Debounce delay in milliseconds */
|
|
21824
|
-
delay?: number;
|
|
21825
|
-
/**Default value to initialize field with, as it is not controlled component and does not support providing values */
|
|
21826
|
-
defaultValue?: string;
|
|
21827
|
-
};
|
|
21828
|
-
/**
|
|
21829
|
-
* Wrapper for InputKeywordSearch that debounces the onSearchTextChanged callback
|
|
21830
|
-
* to avoid triggering any business logic on every keystroke.
|
|
21831
|
-
*
|
|
21832
|
-
* @example <DebouncedInputKeywordSearch onSearchTextChanged={setKeyword} delay={500} />
|
|
21833
|
-
*/
|
|
21834
|
-
declare const DebouncedInputKeywordSearch: ({ delay, onSearchTextChanged, defaultValue, ...props }: DebouncedInputKeywordSearchProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21835
21821
|
|
|
21836
21822
|
type InputSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
|
|
21837
21823
|
/** (optional) sets the first item in the options list with empty value */
|
|
@@ -23013,7 +22999,7 @@ type Filter = {
|
|
|
23013
22999
|
value: string;
|
|
23014
23000
|
};
|
|
23015
23001
|
|
|
23016
|
-
type OperatorValue = 'eq' | 'neq' | 'gt' | 'gte' | 'lt' | 'lte' | 'in' | 'nin' | 'between' | '
|
|
23002
|
+
type OperatorValue = 'eq' | 'neq' | 'gt' | 'gte' | 'lt' | 'lte' | 'in' | 'nin' | 'between' | 'ndef' | 'def' | 'match';
|
|
23017
23003
|
type OperatorValueType = {
|
|
23018
23004
|
value: OperatorValue;
|
|
23019
23005
|
};
|
|
@@ -23023,10 +23009,7 @@ declare const DATE_OPERATORS: OperatorType;
|
|
|
23023
23009
|
declare const TEXTBOX_OPERATORS: OperatorType;
|
|
23024
23010
|
declare const RICHTEXT_OPERATORS: OperatorType;
|
|
23025
23011
|
declare const CHECKBOX_OPERATORS: OperatorType;
|
|
23026
|
-
declare const STATUS_OPERATORS: OperatorType;
|
|
23027
23012
|
declare const SYSTEM_FIELD_OPERATORS: OperatorType;
|
|
23028
|
-
declare const CONTENT_TYPE_OPERATORS: OperatorType;
|
|
23029
|
-
declare const LOCALE_OPERATORS: OperatorType;
|
|
23030
23013
|
|
|
23031
23014
|
type FilterButtonProps = {
|
|
23032
23015
|
text?: string;
|
|
@@ -23612,4 +23595,4 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
|
23612
23595
|
};
|
|
23613
23596
|
declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23614
23597
|
|
|
23615
|
-
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,
|
|
23598
|
+
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, 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, 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, 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, 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, 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
|
@@ -1354,7 +1354,6 @@ __export(src_exports, {
|
|
|
1354
1354
|
Button: () => Button,
|
|
1355
1355
|
ButtonWithMenu: () => ButtonWithMenu,
|
|
1356
1356
|
CHECKBOX_OPERATORS: () => CHECKBOX_OPERATORS,
|
|
1357
|
-
CONTENT_TYPE_OPERATORS: () => CONTENT_TYPE_OPERATORS,
|
|
1358
1357
|
Calendar: () => Calendar,
|
|
1359
1358
|
Callout: () => Callout,
|
|
1360
1359
|
Caption: () => Caption,
|
|
@@ -1372,7 +1371,6 @@ __export(src_exports, {
|
|
|
1372
1371
|
DashedBox: () => DashedBox,
|
|
1373
1372
|
DateTimePicker: () => DateTimePicker,
|
|
1374
1373
|
DateTimePickerVariant: () => DateTimePickerVariant,
|
|
1375
|
-
DebouncedInputKeywordSearch: () => DebouncedInputKeywordSearch,
|
|
1376
1374
|
DescriptionList: () => DescriptionList,
|
|
1377
1375
|
Details: () => Details,
|
|
1378
1376
|
DismissibleChipAction: () => DismissibleChipAction,
|
|
@@ -1412,7 +1410,6 @@ __export(src_exports, {
|
|
|
1412
1410
|
IntegrationModalIcon: () => IntegrationModalIcon,
|
|
1413
1411
|
IntegrationTile: () => IntegrationTile,
|
|
1414
1412
|
JsonEditor: () => JsonEditor,
|
|
1415
|
-
LOCALE_OPERATORS: () => LOCALE_OPERATORS,
|
|
1416
1413
|
Label: () => Label,
|
|
1417
1414
|
LabelLeadingIcon: () => LabelLeadingIcon,
|
|
1418
1415
|
Legend: () => Legend,
|
|
@@ -1469,7 +1466,6 @@ __export(src_exports, {
|
|
|
1469
1466
|
RICHTEXT_OPERATORS: () => RICHTEXT_OPERATORS,
|
|
1470
1467
|
ResolveIcon: () => ResolveIcon,
|
|
1471
1468
|
RichTextToolbarIcon: () => RichTextToolbarIcon,
|
|
1472
|
-
STATUS_OPERATORS: () => STATUS_OPERATORS,
|
|
1473
1469
|
SYSTEM_FIELD_OPERATORS: () => SYSTEM_FIELD_OPERATORS,
|
|
1474
1470
|
ScrollableList: () => ScrollableList,
|
|
1475
1471
|
ScrollableListInputItem: () => ScrollableListInputItem,
|
|
@@ -15763,8 +15759,6 @@ var InputInlineSelect = ({
|
|
|
15763
15759
|
init_emotion_jsx_shim();
|
|
15764
15760
|
var import_CgClose5 = require("@react-icons/all-files/cg/CgClose");
|
|
15765
15761
|
var import_CgSearch2 = require("@react-icons/all-files/cg/CgSearch");
|
|
15766
|
-
var React12 = __toESM(require("react"));
|
|
15767
|
-
var import_react_use2 = require("react-use");
|
|
15768
15762
|
var import_jsx_runtime53 = require("@emotion/react/jsx-runtime");
|
|
15769
15763
|
var InputKeywordSearch = ({
|
|
15770
15764
|
onSearchTextChanged,
|
|
@@ -15786,9 +15780,6 @@ var InputKeywordSearch = ({
|
|
|
15786
15780
|
e.preventDefault();
|
|
15787
15781
|
}
|
|
15788
15782
|
};
|
|
15789
|
-
const handleClear = () => {
|
|
15790
|
-
onClear ? onClear() : onSearchTextChanged("");
|
|
15791
|
-
};
|
|
15792
15783
|
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
15793
15784
|
Input,
|
|
15794
15785
|
{
|
|
@@ -15797,16 +15788,7 @@ var InputKeywordSearch = ({
|
|
|
15797
15788
|
placeholder,
|
|
15798
15789
|
showLabel: false,
|
|
15799
15790
|
value,
|
|
15800
|
-
icon: value ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
15801
|
-
"button",
|
|
15802
|
-
{
|
|
15803
|
-
css: inputSearchCloseBtn,
|
|
15804
|
-
onClick: handleClear,
|
|
15805
|
-
type: "button",
|
|
15806
|
-
"data-testid": "keyword-search-clear-button",
|
|
15807
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { icon: import_CgClose5.CgClose, iconColor: "red", size: "1rem" })
|
|
15808
|
-
}
|
|
15809
|
-
) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { icon: import_CgSearch2.CgSearch, iconColor: "gray", size: "1rem" }),
|
|
15791
|
+
icon: value ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("button", { css: inputSearchCloseBtn, onClick: onClear, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { icon: import_CgClose5.CgClose, iconColor: "red", size: "1rem" }) }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { icon: import_CgSearch2.CgSearch, iconColor: "gray", size: "1rem" }),
|
|
15810
15792
|
onChange: handleSearchTextChanged,
|
|
15811
15793
|
onKeyPress: preventSubmitOnField,
|
|
15812
15794
|
disabled: disabled2,
|
|
@@ -15823,16 +15805,6 @@ var InputKeywordSearch = ({
|
|
|
15823
15805
|
}
|
|
15824
15806
|
);
|
|
15825
15807
|
};
|
|
15826
|
-
var DebouncedInputKeywordSearch = ({
|
|
15827
|
-
delay = 300,
|
|
15828
|
-
onSearchTextChanged,
|
|
15829
|
-
defaultValue,
|
|
15830
|
-
...props
|
|
15831
|
-
}) => {
|
|
15832
|
-
const [searchText, setSearchText] = React12.useState(defaultValue != null ? defaultValue : "");
|
|
15833
|
-
(0, import_react_use2.useDebounce)(() => onSearchTextChanged(searchText), delay, [searchText]);
|
|
15834
|
-
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(InputKeywordSearch, { ...props, value: searchText, onSearchTextChanged: setSearchText });
|
|
15835
|
-
};
|
|
15836
15808
|
|
|
15837
15809
|
// src/components/Input/InputSelect.tsx
|
|
15838
15810
|
init_emotion_jsx_shim();
|
|
@@ -15903,7 +15875,7 @@ var InputSelect = (0, import_react63.forwardRef)(
|
|
|
15903
15875
|
// src/components/Input/InputTime.tsx
|
|
15904
15876
|
init_emotion_jsx_shim();
|
|
15905
15877
|
var import_date2 = require("@internationalized/date");
|
|
15906
|
-
var
|
|
15878
|
+
var React12 = __toESM(require("react"));
|
|
15907
15879
|
var import_react65 = require("react");
|
|
15908
15880
|
var import_react_aria_components2 = require("react-aria-components");
|
|
15909
15881
|
|
|
@@ -15963,7 +15935,7 @@ function tryParseTime(isoTime) {
|
|
|
15963
15935
|
return void 0;
|
|
15964
15936
|
}
|
|
15965
15937
|
}
|
|
15966
|
-
var InputTime =
|
|
15938
|
+
var InputTime = React12.forwardRef(
|
|
15967
15939
|
({
|
|
15968
15940
|
id,
|
|
15969
15941
|
label,
|
|
@@ -16045,9 +16017,9 @@ InputTime.displayName = "InputTime";
|
|
|
16045
16017
|
|
|
16046
16018
|
// src/components/Input/InputToggle.tsx
|
|
16047
16019
|
init_emotion_jsx_shim();
|
|
16048
|
-
var
|
|
16020
|
+
var React13 = __toESM(require("react"));
|
|
16049
16021
|
var import_jsx_runtime56 = require("@emotion/react/jsx-runtime");
|
|
16050
|
-
var InputToggle =
|
|
16022
|
+
var InputToggle = React13.forwardRef(
|
|
16051
16023
|
({
|
|
16052
16024
|
label,
|
|
16053
16025
|
type,
|
|
@@ -16556,7 +16528,7 @@ var DescriptionListValueBoolean = ({ value }) => {
|
|
|
16556
16528
|
|
|
16557
16529
|
// src/components/Details/Details.tsx
|
|
16558
16530
|
init_emotion_jsx_shim();
|
|
16559
|
-
var
|
|
16531
|
+
var React15 = __toESM(require("react"));
|
|
16560
16532
|
|
|
16561
16533
|
// src/components/Details/Details.styles.ts
|
|
16562
16534
|
init_emotion_jsx_shim();
|
|
@@ -16616,9 +16588,9 @@ var Details = ({
|
|
|
16616
16588
|
onChange,
|
|
16617
16589
|
...props
|
|
16618
16590
|
}) => {
|
|
16619
|
-
const detailsRef =
|
|
16620
|
-
const [internalOpen, setInternalOpen] =
|
|
16621
|
-
const memoizedIsOpen =
|
|
16591
|
+
const detailsRef = React15.useRef(null);
|
|
16592
|
+
const [internalOpen, setInternalOpen] = React15.useState(isOpenByDefault);
|
|
16593
|
+
const memoizedIsOpen = React15.useMemo(() => {
|
|
16622
16594
|
return isOpen !== void 0 ? isOpen : internalOpen;
|
|
16623
16595
|
}, [internalOpen, isOpen]);
|
|
16624
16596
|
return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
@@ -21990,11 +21962,6 @@ var NUMBER_OPERATORS = [
|
|
|
21990
21962
|
label: "is not empty...",
|
|
21991
21963
|
value: "def",
|
|
21992
21964
|
editorType: "empty"
|
|
21993
|
-
},
|
|
21994
|
-
{
|
|
21995
|
-
label: "is not between...",
|
|
21996
|
-
value: "nbetween",
|
|
21997
|
-
editorType: "numberRange"
|
|
21998
21965
|
}
|
|
21999
21966
|
];
|
|
22000
21967
|
var DATE_OPERATORS = [
|
|
@@ -22038,11 +22005,6 @@ var DATE_OPERATORS = [
|
|
|
22038
22005
|
value: "neq",
|
|
22039
22006
|
editorType: "date"
|
|
22040
22007
|
},
|
|
22041
|
-
{
|
|
22042
|
-
label: "is not between...",
|
|
22043
|
-
value: "nbetween",
|
|
22044
|
-
editorType: "dateRange"
|
|
22045
|
-
},
|
|
22046
22008
|
{
|
|
22047
22009
|
label: "is not empty...",
|
|
22048
22010
|
value: "def",
|
|
@@ -22105,28 +22067,6 @@ var CHECKBOX_OPERATORS = [
|
|
|
22105
22067
|
editorType: "empty"
|
|
22106
22068
|
}
|
|
22107
22069
|
];
|
|
22108
|
-
var STATUS_OPERATORS = [
|
|
22109
|
-
{
|
|
22110
|
-
label: "is...",
|
|
22111
|
-
value: "eq",
|
|
22112
|
-
editorType: "statusSingleChoice"
|
|
22113
|
-
},
|
|
22114
|
-
{
|
|
22115
|
-
label: "contains...",
|
|
22116
|
-
value: "match",
|
|
22117
|
-
editorType: "statusMultiChoice"
|
|
22118
|
-
},
|
|
22119
|
-
{
|
|
22120
|
-
label: "is not...",
|
|
22121
|
-
value: "neq",
|
|
22122
|
-
editorType: "statusSingleChoice"
|
|
22123
|
-
},
|
|
22124
|
-
{
|
|
22125
|
-
label: "does not contain...",
|
|
22126
|
-
value: "nin",
|
|
22127
|
-
editorType: "statusMultiChoice"
|
|
22128
|
-
}
|
|
22129
|
-
];
|
|
22130
22070
|
var SYSTEM_FIELD_OPERATORS = [
|
|
22131
22071
|
{
|
|
22132
22072
|
label: "is...",
|
|
@@ -22149,50 +22089,6 @@ var SYSTEM_FIELD_OPERATORS = [
|
|
|
22149
22089
|
editorType: "multiChoice"
|
|
22150
22090
|
}
|
|
22151
22091
|
];
|
|
22152
|
-
var CONTENT_TYPE_OPERATORS = [
|
|
22153
|
-
{
|
|
22154
|
-
label: "is...",
|
|
22155
|
-
value: "eq",
|
|
22156
|
-
editorType: "singleChoice"
|
|
22157
|
-
},
|
|
22158
|
-
{
|
|
22159
|
-
label: "is any of...",
|
|
22160
|
-
value: "in",
|
|
22161
|
-
editorType: "multiChoice"
|
|
22162
|
-
},
|
|
22163
|
-
{
|
|
22164
|
-
label: "is not...",
|
|
22165
|
-
value: "neq",
|
|
22166
|
-
editorType: "singleChoice"
|
|
22167
|
-
},
|
|
22168
|
-
{
|
|
22169
|
-
label: "is none of...",
|
|
22170
|
-
value: "nin",
|
|
22171
|
-
editorType: "multiChoice"
|
|
22172
|
-
}
|
|
22173
|
-
];
|
|
22174
|
-
var LOCALE_OPERATORS = [
|
|
22175
|
-
{
|
|
22176
|
-
label: "is...",
|
|
22177
|
-
value: "eq",
|
|
22178
|
-
editorType: "singleChoice"
|
|
22179
|
-
},
|
|
22180
|
-
{
|
|
22181
|
-
label: "is any of...",
|
|
22182
|
-
value: "in",
|
|
22183
|
-
editorType: "multiChoice"
|
|
22184
|
-
},
|
|
22185
|
-
{
|
|
22186
|
-
label: "is not...",
|
|
22187
|
-
value: "neq",
|
|
22188
|
-
editorType: "singleChoice"
|
|
22189
|
-
},
|
|
22190
|
-
{
|
|
22191
|
-
label: "is none of...",
|
|
22192
|
-
value: "nin",
|
|
22193
|
-
editorType: "multiChoice"
|
|
22194
|
-
}
|
|
22195
|
-
];
|
|
22196
22092
|
|
|
22197
22093
|
// src/components/SearchAndFilter/FilterButton.tsx
|
|
22198
22094
|
init_emotion_jsx_shim();
|
|
@@ -23344,7 +23240,7 @@ var Skeleton = ({
|
|
|
23344
23240
|
|
|
23345
23241
|
// src/components/Switch/Switch.tsx
|
|
23346
23242
|
init_emotion_jsx_shim();
|
|
23347
|
-
var
|
|
23243
|
+
var React24 = __toESM(require("react"));
|
|
23348
23244
|
|
|
23349
23245
|
// src/components/Switch/Switch.styles.ts
|
|
23350
23246
|
init_emotion_jsx_shim();
|
|
@@ -23433,7 +23329,7 @@ var SwitchText = import_react147.css`
|
|
|
23433
23329
|
|
|
23434
23330
|
// src/components/Switch/Switch.tsx
|
|
23435
23331
|
var import_jsx_runtime127 = require("@emotion/react/jsx-runtime");
|
|
23436
|
-
var Switch =
|
|
23332
|
+
var Switch = React24.forwardRef(
|
|
23437
23333
|
({ label, infoText, toggleText, children, ...inputProps }, ref) => {
|
|
23438
23334
|
let additionalText = infoText;
|
|
23439
23335
|
if (infoText && toggleText) {
|
|
@@ -23452,7 +23348,7 @@ var Switch = React25.forwardRef(
|
|
|
23452
23348
|
|
|
23453
23349
|
// src/components/Table/Table.tsx
|
|
23454
23350
|
init_emotion_jsx_shim();
|
|
23455
|
-
var
|
|
23351
|
+
var React25 = __toESM(require("react"));
|
|
23456
23352
|
|
|
23457
23353
|
// src/components/Table/Table.styles.ts
|
|
23458
23354
|
init_emotion_jsx_shim();
|
|
@@ -23484,37 +23380,37 @@ var tableCellHead = import_react148.css`
|
|
|
23484
23380
|
|
|
23485
23381
|
// src/components/Table/Table.tsx
|
|
23486
23382
|
var import_jsx_runtime128 = require("@emotion/react/jsx-runtime");
|
|
23487
|
-
var Table =
|
|
23383
|
+
var Table = React25.forwardRef(
|
|
23488
23384
|
({ children, cellPadding, ...otherProps }, ref) => {
|
|
23489
23385
|
return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("table", { ref, css: table({ cellPadding }), ...otherProps, children });
|
|
23490
23386
|
}
|
|
23491
23387
|
);
|
|
23492
|
-
var TableHead =
|
|
23388
|
+
var TableHead = React25.forwardRef(
|
|
23493
23389
|
({ children, ...otherProps }, ref) => {
|
|
23494
23390
|
return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("thead", { ref, css: tableHead, ...otherProps, children });
|
|
23495
23391
|
}
|
|
23496
23392
|
);
|
|
23497
|
-
var TableBody =
|
|
23393
|
+
var TableBody = React25.forwardRef(
|
|
23498
23394
|
({ children, ...otherProps }, ref) => {
|
|
23499
23395
|
return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("tbody", { ref, ...otherProps, children });
|
|
23500
23396
|
}
|
|
23501
23397
|
);
|
|
23502
|
-
var TableFoot =
|
|
23398
|
+
var TableFoot = React25.forwardRef(
|
|
23503
23399
|
({ children, ...otherProps }, ref) => {
|
|
23504
23400
|
return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("tfoot", { ref, ...otherProps, children });
|
|
23505
23401
|
}
|
|
23506
23402
|
);
|
|
23507
|
-
var TableRow =
|
|
23403
|
+
var TableRow = React25.forwardRef(
|
|
23508
23404
|
({ children, ...otherProps }, ref) => {
|
|
23509
23405
|
return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("tr", { ref, css: tableRow, ...otherProps, children });
|
|
23510
23406
|
}
|
|
23511
23407
|
);
|
|
23512
|
-
var TableCellHead =
|
|
23408
|
+
var TableCellHead = React25.forwardRef(
|
|
23513
23409
|
({ children, ...otherProps }, ref) => {
|
|
23514
23410
|
return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("th", { ref, css: tableCellHead, ...otherProps, children });
|
|
23515
23411
|
}
|
|
23516
23412
|
);
|
|
23517
|
-
var TableCellData =
|
|
23413
|
+
var TableCellData = React25.forwardRef(
|
|
23518
23414
|
({ children, ...otherProps }, ref) => {
|
|
23519
23415
|
return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("td", { ref, ...otherProps, children });
|
|
23520
23416
|
}
|
|
@@ -23865,7 +23761,6 @@ var ToastContainer = ({ limit = 4 }) => {
|
|
|
23865
23761
|
Button,
|
|
23866
23762
|
ButtonWithMenu,
|
|
23867
23763
|
CHECKBOX_OPERATORS,
|
|
23868
|
-
CONTENT_TYPE_OPERATORS,
|
|
23869
23764
|
Calendar,
|
|
23870
23765
|
Callout,
|
|
23871
23766
|
Caption,
|
|
@@ -23883,7 +23778,6 @@ var ToastContainer = ({ limit = 4 }) => {
|
|
|
23883
23778
|
DashedBox,
|
|
23884
23779
|
DateTimePicker,
|
|
23885
23780
|
DateTimePickerVariant,
|
|
23886
|
-
DebouncedInputKeywordSearch,
|
|
23887
23781
|
DescriptionList,
|
|
23888
23782
|
Details,
|
|
23889
23783
|
DismissibleChipAction,
|
|
@@ -23923,7 +23817,6 @@ var ToastContainer = ({ limit = 4 }) => {
|
|
|
23923
23817
|
IntegrationModalIcon,
|
|
23924
23818
|
IntegrationTile,
|
|
23925
23819
|
JsonEditor,
|
|
23926
|
-
LOCALE_OPERATORS,
|
|
23927
23820
|
Label,
|
|
23928
23821
|
LabelLeadingIcon,
|
|
23929
23822
|
Legend,
|
|
@@ -23980,7 +23873,6 @@ var ToastContainer = ({ limit = 4 }) => {
|
|
|
23980
23873
|
RICHTEXT_OPERATORS,
|
|
23981
23874
|
ResolveIcon,
|
|
23982
23875
|
RichTextToolbarIcon,
|
|
23983
|
-
STATUS_OPERATORS,
|
|
23984
23876
|
SYSTEM_FIELD_OPERATORS,
|
|
23985
23877
|
ScrollableList,
|
|
23986
23878
|
ScrollableListInputItem,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uniformdev/design-system",
|
|
3
|
-
"version": "19.
|
|
3
|
+
"version": "19.115.0",
|
|
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.115.0",
|
|
27
|
+
"@uniformdev/richtext": "^19.115.0",
|
|
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": "739467c9c4e6daee786fac0f1b7c2bf443243a54"
|
|
75
75
|
}
|