@elementor/editor-controls 4.4.0-1078 → 4.4.0-1079

package/dist/index.js

@@ -5458,6 +5458,7 @@ var import_react49 = require("react");
 var import_editor_ui11 = require("@elementor/editor-ui");
 var import_icons21 = require("@elementor/icons");
 var import_ui64 = require("@elementor/ui");
+var import_utils6 = require("@elementor/utils");
 var import_i18n32 = require("@wordpress/i18n");
 
 // src/controls/icon-library/font-awesome-7-data.ts
@@ -5732,6 +5733,7 @@ function useFontAwesome7Catalog(enabled) {
 // src/controls/icon-library/icon-library-popover.tsx
 var ICON_LIBRARY_POPOVER_WIDTH = 300;
 var ICON_LIBRARY_ROW_HEIGHT = 48;
+var ICON_LIBRARY_SEARCH_DEBOUNCE_DELAY = 300;
 var ICON_TILE_SIZE = 40;
 var ICON_GLYPH_SIZE = 20;
 var ICON_LIBRARY_INLINE_SPACING = 1;
@@ -5748,7 +5750,12 @@ var IconLibraryPopover = ({
   onClose,
   width = ICON_LIBRARY_POPOVER_WIDTH
 }) => {
-  const [searchValue, setSearchValue] = (0, import_react49.useState)("");
+  const {
+    debouncedValue: searchValue,
+    inputValue: searchInputValue,
+    handleChange: handleSearchChange,
+    setImmediateValue: setSearchValue
+  } = (0, import_utils6.useDebounceState)({ delay: ICON_LIBRARY_SEARCH_DEBOUNCE_DELAY });
   const { data: icons = [], isLoading } = useFontAwesome7Catalog(open);
   const items2 = (0, import_react49.useMemo)(() => createIconLibraryItems(icons, searchValue), [icons, searchValue]);
   const selectedValue = (0, import_react49.useMemo)(
@@ -5783,8 +5790,8 @@ var IconLibraryPopover = ({
   ), /* @__PURE__ */ React82.createElement(
     import_editor_ui11.SearchField,
     {
-      value: searchValue,
-      onSearch: setSearchValue,
+      value: searchInputValue,
+      onSearch: handleSearchChange,
       placeholder: (0, import_i18n32.__)("Search", "elementor"),
       id: "icon-library-search",
       sx: { px: ICON_LIBRARY_INLINE_SPACING, pb: 1 }
@@ -7787,7 +7794,7 @@ var import_react66 = require("react");
 var import_editor_props57 = require("@elementor/editor-props");
 var import_icons37 = require("@elementor/icons");
 var import_ui95 = require("@elementor/ui");
-var import_utils7 = require("@elementor/utils");
+var import_utils8 = require("@elementor/utils");
 var import_i18n57 = require("@wordpress/i18n");
 
 // src/controls/selection-size-control.tsx
@@ -7825,7 +7832,7 @@ var SelectionSizeControl = createControl(
 );
 
 // src/controls/transition-control/data.ts
-var import_utils6 = require("@elementor/utils");
+var import_utils7 = require("@elementor/utils");
 var import_i18n55 = require("@wordpress/i18n");
 var initialTransitionValue = {
   selection: {
@@ -7842,14 +7849,14 @@ var getIsSiteRtl = () => {
   return !!window.elementorFrontend?.config?.is_rtl;
 };
 var shouldShowAllTransitionProperties = () => {
-  if (!(0, import_utils6.hasProInstalled)()) {
+  if (!(0, import_utils7.hasProInstalled)()) {
     return true;
   }
   const proVersion = window.elementorPro?.config?.version;
   if (!proVersion) {
     return false;
   }
-  return (0, import_utils6.isVersionGreaterOrEqual)(proVersion, MIN_PRO_VERSION);
+  return (0, import_utils7.isVersionGreaterOrEqual)(proVersion, MIN_PRO_VERSION);
 };
 var createTransitionPropertiesList = () => {
   const isSiteRtl = getIsSiteRtl();
@@ -8328,7 +8335,7 @@ var TransitionRepeaterControl = createControl(
   }) => {
     const currentStyleIsNormal = currentStyleState === null;
     const [recentlyUsedList, setRecentlyUsedList] = (0, import_react66.useState)([]);
-    const proInstalled = (0, import_utils7.hasProInstalled)();
+    const proInstalled = (0, import_utils8.hasProInstalled)();
     const { value, setValue } = useBoundProp(childArrayPropTypeUtil);
     const { allDisabled: disabledItems, proDisabled: proDisabledItems } = (0, import_react66.useMemo)(
       () => getDisabledItemLabels(value),
@@ -9317,7 +9324,7 @@ var import_ui105 = require("@elementor/ui");
 
 // src/controls/email-form-action-control/utils.ts
 var import_schema = require("@elementor/schema");
-var import_utils8 = require("@elementor/utils");
+var import_utils9 = require("@elementor/utils");
 var MIN_PRO_VERSION_FOR_MENTIONS = "4.1.0";
 var CHIP_TRIGGER_KEYS = /* @__PURE__ */ new Set([" ", ","]);
 function isValidEmail(email) {
@@ -9328,14 +9335,14 @@ function isFormFieldShortcode(value) {
   return FORM_FIELD_SHORTCODE_PATTERN.test(value);
 }
 var shouldShowMentionsInfo = () => {
-  if (!(0, import_utils8.hasProInstalled)()) {
+  if (!(0, import_utils9.hasProInstalled)()) {
     return true;
   }
   const proVersion = window.elementorPro?.config?.version;
   if (!proVersion) {
     return false;
   }
-  return (0, import_utils8.isVersionGreaterOrEqual)(proVersion, MIN_PRO_VERSION_FOR_MENTIONS);
+  return (0, import_utils9.isVersionGreaterOrEqual)(proVersion, MIN_PRO_VERSION_FOR_MENTIONS);
 };
 
 // src/controls/email-form-action-control/email-chips-field.tsx