@uniformdev/design-system 19.115.0 → 19.115.1-alpha.3
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 +86 -61
- package/dist/index.d.mts +16 -2
- package/dist/index.d.ts +16 -2
- package/dist/index.js +45 -19
- 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 useState6 } 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,6 +14027,8 @@ 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";
|
|
14030
14032
|
import { jsx as jsx53 } from "@emotion/react/jsx-runtime";
|
|
14031
14033
|
var InputKeywordSearch = ({
|
|
14032
14034
|
onSearchTextChanged,
|
|
@@ -14048,6 +14050,9 @@ var InputKeywordSearch = ({
|
|
|
14048
14050
|
e.preventDefault();
|
|
14049
14051
|
}
|
|
14050
14052
|
};
|
|
14053
|
+
const handleClear = () => {
|
|
14054
|
+
onClear ? onClear() : onSearchTextChanged("");
|
|
14055
|
+
};
|
|
14051
14056
|
return /* @__PURE__ */ jsx53(
|
|
14052
14057
|
Input,
|
|
14053
14058
|
{
|
|
@@ -14056,7 +14061,16 @@ var InputKeywordSearch = ({
|
|
|
14056
14061
|
placeholder,
|
|
14057
14062
|
showLabel: false,
|
|
14058
14063
|
value,
|
|
14059
|
-
icon: value ? /* @__PURE__ */ jsx53(
|
|
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" }),
|
|
14060
14074
|
onChange: handleSearchTextChanged,
|
|
14061
14075
|
onKeyPress: preventSubmitOnField,
|
|
14062
14076
|
disabled: disabled2,
|
|
@@ -14073,6 +14087,16 @@ var InputKeywordSearch = ({
|
|
|
14073
14087
|
}
|
|
14074
14088
|
);
|
|
14075
14089
|
};
|
|
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
|
+
};
|
|
14076
14100
|
|
|
14077
14101
|
// src/components/Input/InputSelect.tsx
|
|
14078
14102
|
import { forwardRef as forwardRef8 } from "react";
|
|
@@ -14141,7 +14165,7 @@ var InputSelect = forwardRef8(
|
|
|
14141
14165
|
|
|
14142
14166
|
// src/components/Input/InputTime.tsx
|
|
14143
14167
|
import { parseTime } from "@internationalized/date";
|
|
14144
|
-
import * as
|
|
14168
|
+
import * as React13 from "react";
|
|
14145
14169
|
import { useCallback as useCallback2 } from "react";
|
|
14146
14170
|
import {
|
|
14147
14171
|
DateInput,
|
|
@@ -14205,7 +14229,7 @@ function tryParseTime(isoTime) {
|
|
|
14205
14229
|
return void 0;
|
|
14206
14230
|
}
|
|
14207
14231
|
}
|
|
14208
|
-
var InputTime =
|
|
14232
|
+
var InputTime = React13.forwardRef(
|
|
14209
14233
|
({
|
|
14210
14234
|
id,
|
|
14211
14235
|
label,
|
|
@@ -14286,9 +14310,9 @@ var InputTime = React12.forwardRef(
|
|
|
14286
14310
|
InputTime.displayName = "InputTime";
|
|
14287
14311
|
|
|
14288
14312
|
// src/components/Input/InputToggle.tsx
|
|
14289
|
-
import * as
|
|
14313
|
+
import * as React14 from "react";
|
|
14290
14314
|
import { jsx as jsx56, jsxs as jsxs34 } from "@emotion/react/jsx-runtime";
|
|
14291
|
-
var InputToggle =
|
|
14315
|
+
var InputToggle = React14.forwardRef(
|
|
14292
14316
|
({
|
|
14293
14317
|
label,
|
|
14294
14318
|
type,
|
|
@@ -14598,9 +14622,9 @@ var DateTimePicker = ({
|
|
|
14598
14622
|
() => tryParseAbsoluteToDateString(maxVisible, value == null ? void 0 : value.timeZone),
|
|
14599
14623
|
[maxVisible, value == null ? void 0 : value.timeZone]
|
|
14600
14624
|
);
|
|
14601
|
-
const [draftDate, setDraftDate] =
|
|
14602
|
-
const [draftTime, setDraftTime] =
|
|
14603
|
-
const [draftTimeZone, setDraftTimeZone] =
|
|
14625
|
+
const [draftDate, setDraftDate] = useState6(null);
|
|
14626
|
+
const [draftTime, setDraftTime] = useState6(null);
|
|
14627
|
+
const [draftTimeZone, setDraftTimeZone] = useState6(() => {
|
|
14604
14628
|
const timeZone = (parsedValue == null ? void 0 : parsedValue.timeZone) || getLocalTimeZone2();
|
|
14605
14629
|
return TIMEZONE_OPTIONS.find(({ value: value2 }) => value2 === timeZone);
|
|
14606
14630
|
});
|
|
@@ -14735,7 +14759,7 @@ var DateTimePicker = ({
|
|
|
14735
14759
|
// src/components/DescriptionList/DescriptionList.tsx
|
|
14736
14760
|
import { TbCheck } from "@react-icons/all-files/tb/TbCheck";
|
|
14737
14761
|
import { TbMinus } from "@react-icons/all-files/tb/TbMinus";
|
|
14738
|
-
import
|
|
14762
|
+
import React15 from "react";
|
|
14739
14763
|
|
|
14740
14764
|
// src/components/DescriptionList/DescriptionList.styles.ts
|
|
14741
14765
|
import { css as css53 } from "@emotion/react";
|
|
@@ -14766,7 +14790,7 @@ var descriptionListValueStyles = css53`
|
|
|
14766
14790
|
|
|
14767
14791
|
// src/components/DescriptionList/DescriptionList.tsx
|
|
14768
14792
|
import { jsx as jsx62, jsxs as jsxs39 } from "@emotion/react/jsx-runtime";
|
|
14769
|
-
var DescriptionList =
|
|
14793
|
+
var DescriptionList = React15.forwardRef(
|
|
14770
14794
|
({ items, variant = "horizontal", ...listProps }, ref) => {
|
|
14771
14795
|
if (!(items == null ? void 0 : items.length)) {
|
|
14772
14796
|
return null;
|
|
@@ -14777,7 +14801,7 @@ var DescriptionList = React14.forwardRef(
|
|
|
14777
14801
|
ref,
|
|
14778
14802
|
css: variant === "vertical" ? descriptionListVertical : descriptionListHorizontal,
|
|
14779
14803
|
...listProps,
|
|
14780
|
-
children: items == null ? void 0 : items.map(({ label, value }) => /* @__PURE__ */ jsxs39(
|
|
14804
|
+
children: items == null ? void 0 : items.map(({ label, value }) => /* @__PURE__ */ jsxs39(React15.Fragment, { children: [
|
|
14781
14805
|
/* @__PURE__ */ jsx62("dt", { css: descriptionListLabelStyles, children: label }),
|
|
14782
14806
|
/* @__PURE__ */ jsx62("dd", { css: descriptionListValueStyles, children: typeof value === "boolean" ? /* @__PURE__ */ jsx62(DescriptionListValueBoolean, { value }) : value })
|
|
14783
14807
|
] }, label))
|
|
@@ -14793,7 +14817,7 @@ var DescriptionListValueBoolean = ({ value }) => {
|
|
|
14793
14817
|
};
|
|
14794
14818
|
|
|
14795
14819
|
// src/components/Details/Details.tsx
|
|
14796
|
-
import * as
|
|
14820
|
+
import * as React16 from "react";
|
|
14797
14821
|
|
|
14798
14822
|
// src/components/Details/Details.styles.ts
|
|
14799
14823
|
import { css as css54 } from "@emotion/react";
|
|
@@ -14852,9 +14876,9 @@ var Details = ({
|
|
|
14852
14876
|
onChange,
|
|
14853
14877
|
...props
|
|
14854
14878
|
}) => {
|
|
14855
|
-
const detailsRef =
|
|
14856
|
-
const [internalOpen, setInternalOpen] =
|
|
14857
|
-
const memoizedIsOpen =
|
|
14879
|
+
const detailsRef = React16.useRef(null);
|
|
14880
|
+
const [internalOpen, setInternalOpen] = React16.useState(isOpenByDefault);
|
|
14881
|
+
const memoizedIsOpen = React16.useMemo(() => {
|
|
14858
14882
|
return isOpen !== void 0 ? isOpen : internalOpen;
|
|
14859
14883
|
}, [internalOpen, isOpen]);
|
|
14860
14884
|
return /* @__PURE__ */ jsxs40(
|
|
@@ -14897,7 +14921,7 @@ var Details = ({
|
|
|
14897
14921
|
|
|
14898
14922
|
// src/components/Drawer/Drawer.tsx
|
|
14899
14923
|
import { CgChevronRight } from "@react-icons/all-files/cg/CgChevronRight";
|
|
14900
|
-
import
|
|
14924
|
+
import React18, { createContext as createContext4, useContext as useContext5, useEffect as useEffect5, useRef as useRef4, useState as useState9 } from "react";
|
|
14901
14925
|
import { createPortal } from "react-dom";
|
|
14902
14926
|
|
|
14903
14927
|
// src/components/Drawer/Drawer.styles.ts
|
|
@@ -15008,7 +15032,7 @@ var drawerWrapperOverlayStyles = css55`
|
|
|
15008
15032
|
`;
|
|
15009
15033
|
|
|
15010
15034
|
// src/components/Drawer/DrawerProvider.tsx
|
|
15011
|
-
import { createContext as createContext3, useCallback as useCallback4, useContext as useContext4, useRef as useRef3, useState as
|
|
15035
|
+
import { createContext as createContext3, useCallback as useCallback4, useContext as useContext4, useRef as useRef3, useState as useState8 } from "react";
|
|
15012
15036
|
import { jsx as jsx64 } from "@emotion/react/jsx-runtime";
|
|
15013
15037
|
var DrawerContext = createContext3({
|
|
15014
15038
|
providerId: "",
|
|
@@ -15026,9 +15050,9 @@ function renderDrawerId(drawer) {
|
|
|
15026
15050
|
return `${drawer.stackId ? `\u{1F95E} ${drawer.stackId} ` : ""}\u{1F194} ${drawer.id}${drawer.instanceKey ? ` \u{1F511} ${drawer.instanceKey}` : ""}`;
|
|
15027
15051
|
}
|
|
15028
15052
|
var DrawerProvider = ({ children }) => {
|
|
15029
|
-
const [drawersRegistry, setDrawersRegistry] =
|
|
15053
|
+
const [drawersRegistry, setDrawersRegistry] = useState8([]);
|
|
15030
15054
|
const providerId = useRef3(crypto.randomUUID());
|
|
15031
|
-
const [drawerTakeoverStackId, setDrawerTakeoverStackId] =
|
|
15055
|
+
const [drawerTakeoverStackId, setDrawerTakeoverStackId] = useState8(void 0);
|
|
15032
15056
|
useShortcut({
|
|
15033
15057
|
handler: () => {
|
|
15034
15058
|
var _a, _b;
|
|
@@ -15142,7 +15166,7 @@ var CurrentDrawerContext = createContext4({});
|
|
|
15142
15166
|
var useCurrentDrawer = () => {
|
|
15143
15167
|
return useContext5(CurrentDrawerContext);
|
|
15144
15168
|
};
|
|
15145
|
-
var Drawer =
|
|
15169
|
+
var Drawer = React18.forwardRef(
|
|
15146
15170
|
({ minWidth, maxWidth, position, leftAligned, ...drawerProps }, ref) => {
|
|
15147
15171
|
var _a;
|
|
15148
15172
|
const { stackId: inheritedStackId } = useCurrentDrawer();
|
|
@@ -15170,7 +15194,7 @@ var DrawerInner = ({
|
|
|
15170
15194
|
}) => {
|
|
15171
15195
|
const { registerDrawer, unregisterDrawer, providerId } = useDrawer();
|
|
15172
15196
|
const closeButtonRef = useRef4(null);
|
|
15173
|
-
const [rendererElement, setRendererElement] =
|
|
15197
|
+
const [rendererElement, setRendererElement] = useState9(null);
|
|
15174
15198
|
useEffect5(() => {
|
|
15175
15199
|
registerDrawer({
|
|
15176
15200
|
drawer: {
|
|
@@ -15443,7 +15467,7 @@ var IconButton = forwardRef12(
|
|
|
15443
15467
|
IconButton.displayName = "IconButton";
|
|
15444
15468
|
|
|
15445
15469
|
// src/components/Image/Image.tsx
|
|
15446
|
-
import { useCallback as useCallback5, useEffect as useEffect8, useState as
|
|
15470
|
+
import { useCallback as useCallback5, useEffect as useEffect8, useState as useState10 } from "react";
|
|
15447
15471
|
|
|
15448
15472
|
// src/components/Image/Image.styles.ts
|
|
15449
15473
|
import { css as css58 } from "@emotion/react";
|
|
@@ -15544,8 +15568,8 @@ function Image({
|
|
|
15544
15568
|
height,
|
|
15545
15569
|
...imgAttribs
|
|
15546
15570
|
}) {
|
|
15547
|
-
const [loading, setLoading] =
|
|
15548
|
-
const [loadErrorText, setLoadErrorText] =
|
|
15571
|
+
const [loading, setLoading] = useState10(true);
|
|
15572
|
+
const [loadErrorText, setLoadErrorText] = useState10("");
|
|
15549
15573
|
const errorText = "The text you provided is not a valid URL";
|
|
15550
15574
|
const updateImageSrc = useCallback5(() => {
|
|
15551
15575
|
let message = "";
|
|
@@ -15899,7 +15923,7 @@ var EditTeamIntegrationTile = ({
|
|
|
15899
15923
|
// src/components/Tiles/IntegrationComingSoon.tsx
|
|
15900
15924
|
import { css as css61 } from "@emotion/react";
|
|
15901
15925
|
import { CgHeart } from "@react-icons/all-files/cg/CgHeart";
|
|
15902
|
-
import { useEffect as useEffect9, useState as
|
|
15926
|
+
import { useEffect as useEffect9, useState as useState11 } from "react";
|
|
15903
15927
|
import { jsx as jsx76, jsxs as jsxs49 } from "@emotion/react/jsx-runtime";
|
|
15904
15928
|
var IntegrationComingSoon = ({
|
|
15905
15929
|
name,
|
|
@@ -15909,7 +15933,7 @@ var IntegrationComingSoon = ({
|
|
|
15909
15933
|
timing = 1e3,
|
|
15910
15934
|
...props
|
|
15911
15935
|
}) => {
|
|
15912
|
-
const [upVote, setUpVote] =
|
|
15936
|
+
const [upVote, setUpVote] = useState11(false);
|
|
15913
15937
|
const handleUpVoteInteraction = () => {
|
|
15914
15938
|
setUpVote((prev) => !prev);
|
|
15915
15939
|
onUpVoteClick();
|
|
@@ -17036,7 +17060,7 @@ var MediaCard = ({
|
|
|
17036
17060
|
|
|
17037
17061
|
// src/components/Modal/Modal.tsx
|
|
17038
17062
|
import { CgClose as CgClose5 } from "@react-icons/all-files/cg/CgClose";
|
|
17039
|
-
import
|
|
17063
|
+
import React21, { useEffect as useEffect11, useRef as useRef6 } from "react";
|
|
17040
17064
|
|
|
17041
17065
|
// src/components/Modal/Modal.styles.ts
|
|
17042
17066
|
import { css as css76 } from "@emotion/react";
|
|
@@ -17113,7 +17137,7 @@ var modalContentStyles = css76`
|
|
|
17113
17137
|
// src/components/Modal/Modal.tsx
|
|
17114
17138
|
import { jsx as jsx94, jsxs as jsxs63 } from "@emotion/react/jsx-runtime";
|
|
17115
17139
|
var defaultModalHeight = "51rem";
|
|
17116
|
-
var Modal =
|
|
17140
|
+
var Modal = React21.forwardRef(
|
|
17117
17141
|
({
|
|
17118
17142
|
header: header2,
|
|
17119
17143
|
children,
|
|
@@ -17742,7 +17766,7 @@ var ParameterGroup = forwardRef13(
|
|
|
17742
17766
|
import { forwardRef as forwardRef15, useDeferredValue } from "react";
|
|
17743
17767
|
|
|
17744
17768
|
// src/components/ParameterInputs/ParameterImagePreview.tsx
|
|
17745
|
-
import { useState as
|
|
17769
|
+
import { useState as useState12 } from "react";
|
|
17746
17770
|
import { createPortal as createPortal2 } from "react-dom";
|
|
17747
17771
|
|
|
17748
17772
|
// src/components/ParameterInputs/styles/ParameterImage.styles.ts
|
|
@@ -17785,7 +17809,7 @@ var previewModalImage = css82`
|
|
|
17785
17809
|
// src/components/ParameterInputs/ParameterImagePreview.tsx
|
|
17786
17810
|
import { Fragment as Fragment13, jsx as jsx100, jsxs as jsxs68 } from "@emotion/react/jsx-runtime";
|
|
17787
17811
|
function ParameterImagePreview({ imageSrc }) {
|
|
17788
|
-
const [showModal, setShowModal] =
|
|
17812
|
+
const [showModal, setShowModal] = useState12(false);
|
|
17789
17813
|
return imageSrc ? /* @__PURE__ */ jsxs68("div", { css: previewWrapper, children: [
|
|
17790
17814
|
/* @__PURE__ */ jsx100(PreviewImageModal, { open: showModal, imageSrc, onRequestClose: () => setShowModal(false) }),
|
|
17791
17815
|
/* @__PURE__ */ jsx100(
|
|
@@ -17817,7 +17841,7 @@ var PreviewImageModal = ({ open, onRequestClose, imageSrc }) => {
|
|
|
17817
17841
|
|
|
17818
17842
|
// src/components/ParameterInputs/ParameterShell.tsx
|
|
17819
17843
|
import { css as css84 } from "@emotion/react";
|
|
17820
|
-
import { useState as
|
|
17844
|
+
import { useState as useState13 } from "react";
|
|
17821
17845
|
|
|
17822
17846
|
// src/components/ParameterInputs/ParameterLabel.tsx
|
|
17823
17847
|
import { jsx as jsx101 } from "@emotion/react/jsx-runtime";
|
|
@@ -17938,7 +17962,7 @@ var ParameterShell = ({
|
|
|
17938
17962
|
isParameterGroup = false,
|
|
17939
17963
|
...props
|
|
17940
17964
|
}) => {
|
|
17941
|
-
const [manualErrorMessage, setManualErrorMessage] =
|
|
17965
|
+
const [manualErrorMessage, setManualErrorMessage] = useState13(void 0);
|
|
17942
17966
|
const setErrorMessage = (message) => setManualErrorMessage(message);
|
|
17943
17967
|
const errorMessaging = errorMessage || manualErrorMessage;
|
|
17944
17968
|
return /* @__PURE__ */ jsxs69("div", { css: inputContainer2, ...props, id, children: [
|
|
@@ -18556,7 +18580,7 @@ import {
|
|
|
18556
18580
|
ElementNode as ElementNode2,
|
|
18557
18581
|
FOCUS_COMMAND
|
|
18558
18582
|
} from "lexical";
|
|
18559
|
-
import { useCallback as useCallback8, useEffect as useEffect13, useRef as useRef7, useState as
|
|
18583
|
+
import { useCallback as useCallback8, useEffect as useEffect13, useRef as useRef7, useState as useState14 } from "react";
|
|
18560
18584
|
|
|
18561
18585
|
// src/components/ParameterInputs/rich-text/utils.ts
|
|
18562
18586
|
import { $isAtNodeEnd } from "@lexical/selection";
|
|
@@ -18899,10 +18923,10 @@ function LinkNodePlugin({ onConnectLink, getBoundPath }) {
|
|
|
18899
18923
|
return path;
|
|
18900
18924
|
};
|
|
18901
18925
|
const [editor] = useLexicalComposerContext2();
|
|
18902
|
-
const [linkPopoverState, setLinkPopoverState] =
|
|
18926
|
+
const [linkPopoverState, setLinkPopoverState] = useState14();
|
|
18903
18927
|
const linkPopoverElRef = useRef7(null);
|
|
18904
|
-
const [isEditorFocused, setIsEditorFocused] =
|
|
18905
|
-
const [isLinkPopoverFocused, setIsLinkPopoverFocused] =
|
|
18928
|
+
const [isEditorFocused, setIsEditorFocused] = useState14(false);
|
|
18929
|
+
const [isLinkPopoverFocused, setIsLinkPopoverFocused] = useState14(false);
|
|
18906
18930
|
useEffect13(() => {
|
|
18907
18931
|
if (!isEditorFocused && !isLinkPopoverFocused) {
|
|
18908
18932
|
setLinkPopoverState(void 0);
|
|
@@ -19159,7 +19183,7 @@ import {
|
|
|
19159
19183
|
FORMAT_TEXT_COMMAND,
|
|
19160
19184
|
SELECTION_CHANGE_COMMAND
|
|
19161
19185
|
} from "lexical";
|
|
19162
|
-
import { useCallback as useCallback9, useEffect as useEffect15, useMemo as useMemo4, useState as
|
|
19186
|
+
import { useCallback as useCallback9, useEffect as useEffect15, useMemo as useMemo4, useState as useState15 } from "react";
|
|
19163
19187
|
import { Fragment as Fragment17, jsx as jsx110, jsxs as jsxs74 } from "@emotion/react/jsx-runtime";
|
|
19164
19188
|
var toolbar = css87`
|
|
19165
19189
|
background: var(--gray-50);
|
|
@@ -19470,7 +19494,7 @@ var useRichTextToolbarState = ({ config }) => {
|
|
|
19470
19494
|
const enabledBuiltInFormatsWithoutIcon = enabledBuiltInFormats.filter(
|
|
19471
19495
|
(format) => !FORMATS_WITH_ICON.has(format.type)
|
|
19472
19496
|
);
|
|
19473
|
-
const [activeFormats, setActiveFormats] =
|
|
19497
|
+
const [activeFormats, setActiveFormats] = useState15([]);
|
|
19474
19498
|
const visibleFormatsWithIcon = useMemo4(() => {
|
|
19475
19499
|
const visibleFormats = /* @__PURE__ */ new Set();
|
|
19476
19500
|
activeFormats.filter((type) => FORMATS_WITH_ICON.has(type)).forEach((type) => {
|
|
@@ -19491,7 +19515,7 @@ var useRichTextToolbarState = ({ config }) => {
|
|
|
19491
19515
|
});
|
|
19492
19516
|
return richTextBuiltInFormats.filter((format) => visibleFormats.has(format.type));
|
|
19493
19517
|
}, [activeFormats, enabledBuiltInFormatsWithoutIcon]);
|
|
19494
|
-
const [activeElement, setActiveElement] =
|
|
19518
|
+
const [activeElement, setActiveElement] = useState15("paragraph");
|
|
19495
19519
|
const enabledTextualElements = enabledBuiltInElements.filter(
|
|
19496
19520
|
(element) => TEXTUAL_ELEMENTS.includes(element.type)
|
|
19497
19521
|
);
|
|
@@ -19506,7 +19530,7 @@ var useRichTextToolbarState = ({ config }) => {
|
|
|
19506
19530
|
}
|
|
19507
19531
|
);
|
|
19508
19532
|
}, [activeElement, (_a = config == null ? void 0 : config.elements) == null ? void 0 : _a.builtIn, enabledTextualElements]);
|
|
19509
|
-
const [isLink, setIsLink] =
|
|
19533
|
+
const [isLink, setIsLink] = useState15(false);
|
|
19510
19534
|
const linkElementVisible = useMemo4(() => {
|
|
19511
19535
|
return enabledBuiltInElements.some((element) => element.type === "link") || isLink;
|
|
19512
19536
|
}, [isLink, enabledBuiltInElements]);
|
|
@@ -20471,7 +20495,7 @@ import {
|
|
|
20471
20495
|
useDeferredValue as useDeferredValue2,
|
|
20472
20496
|
useEffect as useEffect17,
|
|
20473
20497
|
useMemo as useMemo6,
|
|
20474
|
-
useState as
|
|
20498
|
+
useState as useState16
|
|
20475
20499
|
} from "react";
|
|
20476
20500
|
import { jsx as jsx118 } from "@emotion/react/jsx-runtime";
|
|
20477
20501
|
var SearchAndFilterContext = createContext6({
|
|
@@ -20499,9 +20523,9 @@ var SearchAndFilterProvider = ({
|
|
|
20499
20523
|
onChange,
|
|
20500
20524
|
children
|
|
20501
20525
|
}) => {
|
|
20502
|
-
const [searchTerm, setSearchTerm] =
|
|
20526
|
+
const [searchTerm, setSearchTerm] = useState16("");
|
|
20503
20527
|
const deferredSearchTerm = useDeferredValue2(searchTerm);
|
|
20504
|
-
const [filterVisibility, setFilterVisibility] =
|
|
20528
|
+
const [filterVisibility, setFilterVisibility] = useState16(false);
|
|
20505
20529
|
const handleSearchTerm = useCallback10((term) => setSearchTerm(term), [setSearchTerm]);
|
|
20506
20530
|
const handleToggleFilterVisibilty = useCallback10(
|
|
20507
20531
|
(visible) => setFilterVisibility(visible),
|
|
@@ -20596,7 +20620,7 @@ var FilterControls = ({ children }) => {
|
|
|
20596
20620
|
|
|
20597
20621
|
// src/components/SearchAndFilter/FilterEditor.tsx
|
|
20598
20622
|
import { css as css94 } from "@emotion/react";
|
|
20599
|
-
import { useEffect as useEffect18, useState as
|
|
20623
|
+
import { useEffect as useEffect18, useState as useState17 } from "react";
|
|
20600
20624
|
|
|
20601
20625
|
// src/components/Validation/StatusBullet.styles.ts
|
|
20602
20626
|
import { css as css93 } from "@emotion/react";
|
|
@@ -20795,9 +20819,9 @@ var TextEditor = ({ onChange, ariaLabel }) => {
|
|
|
20795
20819
|
);
|
|
20796
20820
|
};
|
|
20797
20821
|
var NumberRangeEditor = ({ onChange, ...props }) => {
|
|
20798
|
-
const [minValue, setMinValue] =
|
|
20799
|
-
const [maxValue, setMaxValue] =
|
|
20800
|
-
const [error, setError] =
|
|
20822
|
+
const [minValue, setMinValue] = useState17("");
|
|
20823
|
+
const [maxValue, setMaxValue] = useState17("");
|
|
20824
|
+
const [error, setError] = useState17("");
|
|
20801
20825
|
useEffect18(() => {
|
|
20802
20826
|
if (!maxValue && !minValue) {
|
|
20803
20827
|
return;
|
|
@@ -20861,9 +20885,9 @@ var DateEditor = ({ onChange, ...props }) => {
|
|
|
20861
20885
|
return /* @__PURE__ */ jsx121(Input, { type: "date", ...props, showLabel: false, onChange: (e) => onChange(e.currentTarget.value) });
|
|
20862
20886
|
};
|
|
20863
20887
|
var DateRangeEditor = ({ ariaLabel, onChange }) => {
|
|
20864
|
-
const [minDateValue, setMinDateValue] =
|
|
20865
|
-
const [maxDateValue, setMaxDateValue] =
|
|
20866
|
-
const [error, setError] =
|
|
20888
|
+
const [minDateValue, setMinDateValue] = useState17("");
|
|
20889
|
+
const [maxDateValue, setMaxDateValue] = useState17("");
|
|
20890
|
+
const [error, setError] = useState17("");
|
|
20867
20891
|
useEffect18(() => {
|
|
20868
20892
|
if (!minDateValue || !maxDateValue) {
|
|
20869
20893
|
return;
|
|
@@ -21401,7 +21425,7 @@ var Skeleton = ({
|
|
|
21401
21425
|
);
|
|
21402
21426
|
|
|
21403
21427
|
// src/components/Switch/Switch.tsx
|
|
21404
|
-
import * as
|
|
21428
|
+
import * as React25 from "react";
|
|
21405
21429
|
|
|
21406
21430
|
// src/components/Switch/Switch.styles.ts
|
|
21407
21431
|
import { css as css98 } from "@emotion/react";
|
|
@@ -21489,7 +21513,7 @@ var SwitchText = css98`
|
|
|
21489
21513
|
|
|
21490
21514
|
// src/components/Switch/Switch.tsx
|
|
21491
21515
|
import { Fragment as Fragment22, jsx as jsx127, jsxs as jsxs86 } from "@emotion/react/jsx-runtime";
|
|
21492
|
-
var Switch =
|
|
21516
|
+
var Switch = React25.forwardRef(
|
|
21493
21517
|
({ label, infoText, toggleText, children, ...inputProps }, ref) => {
|
|
21494
21518
|
let additionalText = infoText;
|
|
21495
21519
|
if (infoText && toggleText) {
|
|
@@ -21507,7 +21531,7 @@ var Switch = React24.forwardRef(
|
|
|
21507
21531
|
);
|
|
21508
21532
|
|
|
21509
21533
|
// src/components/Table/Table.tsx
|
|
21510
|
-
import * as
|
|
21534
|
+
import * as React26 from "react";
|
|
21511
21535
|
|
|
21512
21536
|
// src/components/Table/Table.styles.ts
|
|
21513
21537
|
import { css as css99 } from "@emotion/react";
|
|
@@ -21538,37 +21562,37 @@ var tableCellHead = css99`
|
|
|
21538
21562
|
|
|
21539
21563
|
// src/components/Table/Table.tsx
|
|
21540
21564
|
import { jsx as jsx128 } from "@emotion/react/jsx-runtime";
|
|
21541
|
-
var Table =
|
|
21565
|
+
var Table = React26.forwardRef(
|
|
21542
21566
|
({ children, cellPadding, ...otherProps }, ref) => {
|
|
21543
21567
|
return /* @__PURE__ */ jsx128("table", { ref, css: table({ cellPadding }), ...otherProps, children });
|
|
21544
21568
|
}
|
|
21545
21569
|
);
|
|
21546
|
-
var TableHead =
|
|
21570
|
+
var TableHead = React26.forwardRef(
|
|
21547
21571
|
({ children, ...otherProps }, ref) => {
|
|
21548
21572
|
return /* @__PURE__ */ jsx128("thead", { ref, css: tableHead, ...otherProps, children });
|
|
21549
21573
|
}
|
|
21550
21574
|
);
|
|
21551
|
-
var TableBody =
|
|
21575
|
+
var TableBody = React26.forwardRef(
|
|
21552
21576
|
({ children, ...otherProps }, ref) => {
|
|
21553
21577
|
return /* @__PURE__ */ jsx128("tbody", { ref, ...otherProps, children });
|
|
21554
21578
|
}
|
|
21555
21579
|
);
|
|
21556
|
-
var TableFoot =
|
|
21580
|
+
var TableFoot = React26.forwardRef(
|
|
21557
21581
|
({ children, ...otherProps }, ref) => {
|
|
21558
21582
|
return /* @__PURE__ */ jsx128("tfoot", { ref, ...otherProps, children });
|
|
21559
21583
|
}
|
|
21560
21584
|
);
|
|
21561
|
-
var TableRow =
|
|
21585
|
+
var TableRow = React26.forwardRef(
|
|
21562
21586
|
({ children, ...otherProps }, ref) => {
|
|
21563
21587
|
return /* @__PURE__ */ jsx128("tr", { ref, css: tableRow, ...otherProps, children });
|
|
21564
21588
|
}
|
|
21565
21589
|
);
|
|
21566
|
-
var TableCellHead =
|
|
21590
|
+
var TableCellHead = React26.forwardRef(
|
|
21567
21591
|
({ children, ...otherProps }, ref) => {
|
|
21568
21592
|
return /* @__PURE__ */ jsx128("th", { ref, css: tableCellHead, ...otherProps, children });
|
|
21569
21593
|
}
|
|
21570
21594
|
);
|
|
21571
|
-
var TableCellData =
|
|
21595
|
+
var TableCellData = React26.forwardRef(
|
|
21572
21596
|
({ children, ...otherProps }, ref) => {
|
|
21573
21597
|
return /* @__PURE__ */ jsx128("td", { ref, ...otherProps, children });
|
|
21574
21598
|
}
|
|
@@ -21937,6 +21961,7 @@ export {
|
|
|
21937
21961
|
DashedBox,
|
|
21938
21962
|
DateTimePicker,
|
|
21939
21963
|
DateTimePickerVariant,
|
|
21964
|
+
DebouncedInputKeywordSearch,
|
|
21940
21965
|
DescriptionList,
|
|
21941
21966
|
Details,
|
|
21942
21967
|
DismissibleChipAction,
|
package/dist/index.d.mts
CHANGED
|
@@ -21815,9 +21815,23 @@ interface InputKeywordSearchProps extends React$1.InputHTMLAttributes<HTMLInputE
|
|
|
21815
21815
|
}
|
|
21816
21816
|
/**
|
|
21817
21817
|
* Component used for keyword search functionality
|
|
21818
|
-
*
|
|
21818
|
+
*
|
|
21819
|
+
* @example <InputKeywordSearch onSearchTextChanged={setKeyword} delay={500} value={keyword} compact />
|
|
21819
21820
|
*/
|
|
21820
21821
|
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;
|
|
21821
21835
|
|
|
21822
21836
|
type InputSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
|
|
21823
21837
|
/** (optional) sets the first item in the options list with empty value */
|
|
@@ -23595,4 +23609,4 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
|
23595
23609
|
};
|
|
23596
23610
|
declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23597
23611
|
|
|
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 };
|
|
23612
|
+
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, 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,9 +21815,23 @@ interface InputKeywordSearchProps extends React$1.InputHTMLAttributes<HTMLInputE
|
|
|
21815
21815
|
}
|
|
21816
21816
|
/**
|
|
21817
21817
|
* Component used for keyword search functionality
|
|
21818
|
-
*
|
|
21818
|
+
*
|
|
21819
|
+
* @example <InputKeywordSearch onSearchTextChanged={setKeyword} delay={500} value={keyword} compact />
|
|
21819
21820
|
*/
|
|
21820
21821
|
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;
|
|
21821
21835
|
|
|
21822
21836
|
type InputSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
|
|
21823
21837
|
/** (optional) sets the first item in the options list with empty value */
|
|
@@ -23595,4 +23609,4 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
|
23595
23609
|
};
|
|
23596
23610
|
declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23597
23611
|
|
|
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 };
|
|
23612
|
+
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, 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
|
@@ -1371,6 +1371,7 @@ __export(src_exports, {
|
|
|
1371
1371
|
DashedBox: () => DashedBox,
|
|
1372
1372
|
DateTimePicker: () => DateTimePicker,
|
|
1373
1373
|
DateTimePickerVariant: () => DateTimePickerVariant,
|
|
1374
|
+
DebouncedInputKeywordSearch: () => DebouncedInputKeywordSearch,
|
|
1374
1375
|
DescriptionList: () => DescriptionList,
|
|
1375
1376
|
Details: () => Details,
|
|
1376
1377
|
DismissibleChipAction: () => DismissibleChipAction,
|
|
@@ -15759,6 +15760,8 @@ var InputInlineSelect = ({
|
|
|
15759
15760
|
init_emotion_jsx_shim();
|
|
15760
15761
|
var import_CgClose5 = require("@react-icons/all-files/cg/CgClose");
|
|
15761
15762
|
var import_CgSearch2 = require("@react-icons/all-files/cg/CgSearch");
|
|
15763
|
+
var React12 = __toESM(require("react"));
|
|
15764
|
+
var import_react_use2 = require("react-use");
|
|
15762
15765
|
var import_jsx_runtime53 = require("@emotion/react/jsx-runtime");
|
|
15763
15766
|
var InputKeywordSearch = ({
|
|
15764
15767
|
onSearchTextChanged,
|
|
@@ -15780,6 +15783,9 @@ var InputKeywordSearch = ({
|
|
|
15780
15783
|
e.preventDefault();
|
|
15781
15784
|
}
|
|
15782
15785
|
};
|
|
15786
|
+
const handleClear = () => {
|
|
15787
|
+
onClear ? onClear() : onSearchTextChanged("");
|
|
15788
|
+
};
|
|
15783
15789
|
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
15784
15790
|
Input,
|
|
15785
15791
|
{
|
|
@@ -15788,7 +15794,16 @@ var InputKeywordSearch = ({
|
|
|
15788
15794
|
placeholder,
|
|
15789
15795
|
showLabel: false,
|
|
15790
15796
|
value,
|
|
15791
|
-
icon: value ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
15797
|
+
icon: value ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
15798
|
+
"button",
|
|
15799
|
+
{
|
|
15800
|
+
css: inputSearchCloseBtn,
|
|
15801
|
+
onClick: handleClear,
|
|
15802
|
+
type: "button",
|
|
15803
|
+
"data-testid": "keyword-search-clear-button",
|
|
15804
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { icon: import_CgClose5.CgClose, iconColor: "red", size: "1rem" })
|
|
15805
|
+
}
|
|
15806
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { icon: import_CgSearch2.CgSearch, iconColor: "gray", size: "1rem" }),
|
|
15792
15807
|
onChange: handleSearchTextChanged,
|
|
15793
15808
|
onKeyPress: preventSubmitOnField,
|
|
15794
15809
|
disabled: disabled2,
|
|
@@ -15805,6 +15820,16 @@ var InputKeywordSearch = ({
|
|
|
15805
15820
|
}
|
|
15806
15821
|
);
|
|
15807
15822
|
};
|
|
15823
|
+
var DebouncedInputKeywordSearch = ({
|
|
15824
|
+
delay = 300,
|
|
15825
|
+
onSearchTextChanged,
|
|
15826
|
+
defaultValue,
|
|
15827
|
+
...props
|
|
15828
|
+
}) => {
|
|
15829
|
+
const [searchText, setSearchText] = React12.useState(defaultValue != null ? defaultValue : "");
|
|
15830
|
+
(0, import_react_use2.useDebounce)(() => onSearchTextChanged(searchText), delay, [searchText]);
|
|
15831
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(InputKeywordSearch, { ...props, value: searchText, onSearchTextChanged: setSearchText });
|
|
15832
|
+
};
|
|
15808
15833
|
|
|
15809
15834
|
// src/components/Input/InputSelect.tsx
|
|
15810
15835
|
init_emotion_jsx_shim();
|
|
@@ -15875,7 +15900,7 @@ var InputSelect = (0, import_react63.forwardRef)(
|
|
|
15875
15900
|
// src/components/Input/InputTime.tsx
|
|
15876
15901
|
init_emotion_jsx_shim();
|
|
15877
15902
|
var import_date2 = require("@internationalized/date");
|
|
15878
|
-
var
|
|
15903
|
+
var React13 = __toESM(require("react"));
|
|
15879
15904
|
var import_react65 = require("react");
|
|
15880
15905
|
var import_react_aria_components2 = require("react-aria-components");
|
|
15881
15906
|
|
|
@@ -15935,7 +15960,7 @@ function tryParseTime(isoTime) {
|
|
|
15935
15960
|
return void 0;
|
|
15936
15961
|
}
|
|
15937
15962
|
}
|
|
15938
|
-
var InputTime =
|
|
15963
|
+
var InputTime = React13.forwardRef(
|
|
15939
15964
|
({
|
|
15940
15965
|
id,
|
|
15941
15966
|
label,
|
|
@@ -16017,9 +16042,9 @@ InputTime.displayName = "InputTime";
|
|
|
16017
16042
|
|
|
16018
16043
|
// src/components/Input/InputToggle.tsx
|
|
16019
16044
|
init_emotion_jsx_shim();
|
|
16020
|
-
var
|
|
16045
|
+
var React14 = __toESM(require("react"));
|
|
16021
16046
|
var import_jsx_runtime56 = require("@emotion/react/jsx-runtime");
|
|
16022
|
-
var InputToggle =
|
|
16047
|
+
var InputToggle = React14.forwardRef(
|
|
16023
16048
|
({
|
|
16024
16049
|
label,
|
|
16025
16050
|
type,
|
|
@@ -16528,7 +16553,7 @@ var DescriptionListValueBoolean = ({ value }) => {
|
|
|
16528
16553
|
|
|
16529
16554
|
// src/components/Details/Details.tsx
|
|
16530
16555
|
init_emotion_jsx_shim();
|
|
16531
|
-
var
|
|
16556
|
+
var React16 = __toESM(require("react"));
|
|
16532
16557
|
|
|
16533
16558
|
// src/components/Details/Details.styles.ts
|
|
16534
16559
|
init_emotion_jsx_shim();
|
|
@@ -16588,9 +16613,9 @@ var Details = ({
|
|
|
16588
16613
|
onChange,
|
|
16589
16614
|
...props
|
|
16590
16615
|
}) => {
|
|
16591
|
-
const detailsRef =
|
|
16592
|
-
const [internalOpen, setInternalOpen] =
|
|
16593
|
-
const memoizedIsOpen =
|
|
16616
|
+
const detailsRef = React16.useRef(null);
|
|
16617
|
+
const [internalOpen, setInternalOpen] = React16.useState(isOpenByDefault);
|
|
16618
|
+
const memoizedIsOpen = React16.useMemo(() => {
|
|
16594
16619
|
return isOpen !== void 0 ? isOpen : internalOpen;
|
|
16595
16620
|
}, [internalOpen, isOpen]);
|
|
16596
16621
|
return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
@@ -23240,7 +23265,7 @@ var Skeleton = ({
|
|
|
23240
23265
|
|
|
23241
23266
|
// src/components/Switch/Switch.tsx
|
|
23242
23267
|
init_emotion_jsx_shim();
|
|
23243
|
-
var
|
|
23268
|
+
var React25 = __toESM(require("react"));
|
|
23244
23269
|
|
|
23245
23270
|
// src/components/Switch/Switch.styles.ts
|
|
23246
23271
|
init_emotion_jsx_shim();
|
|
@@ -23329,7 +23354,7 @@ var SwitchText = import_react147.css`
|
|
|
23329
23354
|
|
|
23330
23355
|
// src/components/Switch/Switch.tsx
|
|
23331
23356
|
var import_jsx_runtime127 = require("@emotion/react/jsx-runtime");
|
|
23332
|
-
var Switch =
|
|
23357
|
+
var Switch = React25.forwardRef(
|
|
23333
23358
|
({ label, infoText, toggleText, children, ...inputProps }, ref) => {
|
|
23334
23359
|
let additionalText = infoText;
|
|
23335
23360
|
if (infoText && toggleText) {
|
|
@@ -23348,7 +23373,7 @@ var Switch = React24.forwardRef(
|
|
|
23348
23373
|
|
|
23349
23374
|
// src/components/Table/Table.tsx
|
|
23350
23375
|
init_emotion_jsx_shim();
|
|
23351
|
-
var
|
|
23376
|
+
var React26 = __toESM(require("react"));
|
|
23352
23377
|
|
|
23353
23378
|
// src/components/Table/Table.styles.ts
|
|
23354
23379
|
init_emotion_jsx_shim();
|
|
@@ -23380,37 +23405,37 @@ var tableCellHead = import_react148.css`
|
|
|
23380
23405
|
|
|
23381
23406
|
// src/components/Table/Table.tsx
|
|
23382
23407
|
var import_jsx_runtime128 = require("@emotion/react/jsx-runtime");
|
|
23383
|
-
var Table =
|
|
23408
|
+
var Table = React26.forwardRef(
|
|
23384
23409
|
({ children, cellPadding, ...otherProps }, ref) => {
|
|
23385
23410
|
return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("table", { ref, css: table({ cellPadding }), ...otherProps, children });
|
|
23386
23411
|
}
|
|
23387
23412
|
);
|
|
23388
|
-
var TableHead =
|
|
23413
|
+
var TableHead = React26.forwardRef(
|
|
23389
23414
|
({ children, ...otherProps }, ref) => {
|
|
23390
23415
|
return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("thead", { ref, css: tableHead, ...otherProps, children });
|
|
23391
23416
|
}
|
|
23392
23417
|
);
|
|
23393
|
-
var TableBody =
|
|
23418
|
+
var TableBody = React26.forwardRef(
|
|
23394
23419
|
({ children, ...otherProps }, ref) => {
|
|
23395
23420
|
return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("tbody", { ref, ...otherProps, children });
|
|
23396
23421
|
}
|
|
23397
23422
|
);
|
|
23398
|
-
var TableFoot =
|
|
23423
|
+
var TableFoot = React26.forwardRef(
|
|
23399
23424
|
({ children, ...otherProps }, ref) => {
|
|
23400
23425
|
return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("tfoot", { ref, ...otherProps, children });
|
|
23401
23426
|
}
|
|
23402
23427
|
);
|
|
23403
|
-
var TableRow =
|
|
23428
|
+
var TableRow = React26.forwardRef(
|
|
23404
23429
|
({ children, ...otherProps }, ref) => {
|
|
23405
23430
|
return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("tr", { ref, css: tableRow, ...otherProps, children });
|
|
23406
23431
|
}
|
|
23407
23432
|
);
|
|
23408
|
-
var TableCellHead =
|
|
23433
|
+
var TableCellHead = React26.forwardRef(
|
|
23409
23434
|
({ children, ...otherProps }, ref) => {
|
|
23410
23435
|
return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("th", { ref, css: tableCellHead, ...otherProps, children });
|
|
23411
23436
|
}
|
|
23412
23437
|
);
|
|
23413
|
-
var TableCellData =
|
|
23438
|
+
var TableCellData = React26.forwardRef(
|
|
23414
23439
|
({ children, ...otherProps }, ref) => {
|
|
23415
23440
|
return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("td", { ref, ...otherProps, children });
|
|
23416
23441
|
}
|
|
@@ -23778,6 +23803,7 @@ var ToastContainer = ({ limit = 4 }) => {
|
|
|
23778
23803
|
DashedBox,
|
|
23779
23804
|
DateTimePicker,
|
|
23780
23805
|
DateTimePickerVariant,
|
|
23806
|
+
DebouncedInputKeywordSearch,
|
|
23781
23807
|
DescriptionList,
|
|
23782
23808
|
Details,
|
|
23783
23809
|
DismissibleChipAction,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uniformdev/design-system",
|
|
3
|
-
"version": "19.115.
|
|
3
|
+
"version": "19.115.1-alpha.3+52a492525d",
|
|
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.115.
|
|
27
|
-
"@uniformdev/richtext": "^19.115.
|
|
26
|
+
"@uniformdev/canvas": "^19.115.1-alpha.3+52a492525d",
|
|
27
|
+
"@uniformdev/richtext": "^19.115.1-alpha.3+52a492525d",
|
|
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": "52a492525d7e854c5d5e75a8c76737cec59c50e0"
|
|
75
75
|
}
|