@elementor/editor-global-classes 3.32.0-71 → 3.32.0-73

package/dist/index.js

@@ -1208,7 +1208,7 @@ var React12 = __toESM(require("react"));
 var import_icons8 = require("@elementor/icons");
 var import_ui10 = require("@elementor/ui");
 var SortableProvider = (props) => /* @__PURE__ */ React12.createElement(import_ui10.UnstableSortableProvider, { restrictAxis: true, variant: "static", dragPlaceholderStyle: { opacity: "1" }, ...props });
-var SortableTrigger = (props) => /* @__PURE__ */ React12.createElement(StyledSortableTrigger, { ...props, role: "button", className: "class-item-sortable-trigger" }, /* @__PURE__ */ React12.createElement(import_icons8.GripVerticalIcon, { fontSize: "tiny" }));
+var SortableTrigger = (props) => /* @__PURE__ */ React12.createElement(StyledSortableTrigger, { ...props, role: "button", className: "class-item-sortable-trigger", "aria-label": "sort" }, /* @__PURE__ */ React12.createElement(import_icons8.GripVerticalIcon, { fontSize: "tiny" }));
 var SortableItem = ({ children, id: id2, ...props }) => {
   return /* @__PURE__ */ React12.createElement(
     import_ui10.UnstableSortableItem,
@@ -1265,11 +1265,16 @@ var SortableItemIndicator = (0, import_ui10.styled)(import_ui10.Box)`
 `;
 
 // src/components/class-manager/class-item.tsx
-var ClassItem = ({ id: id2, label, renameClass, selected, disabled, sortableTriggerProps }) => {
+var ClassItem = ({
+  id: id2,
+  label,
+  renameClass,
+  selected,
+  disabled,
+  sortableTriggerProps,
+  showSortIndicator
+}) => {
   const itemRef = (0, import_react6.useRef)(null);
-  const {
-    search: { inputValue }
-  } = useSearchAndFilters();
   const {
     ref: editableRef,
     openEditMode,
@@ -1303,7 +1308,7 @@ var ClassItem = ({ id: id2, label, renameClass, selected, disabled, sortableTrig
         ref: itemRef,
         dense: true,
         disableGutters: true,
-        showSortIndicator: inputValue.length >= 2,
+        showSortIndicator,
         showActions: isSelected || isEditing,
         shape: "rounded",
         onDoubleClick: openEditMode,
@@ -1569,28 +1574,27 @@ var GlobalClassesList = ({ disabled }) => {
   if (notFoundType) {
     return /* @__PURE__ */ React15.createElement(NotFound, { notFoundType });
   }
-  return /* @__PURE__ */ React15.createElement(DeleteConfirmationProvider, null, /* @__PURE__ */ React15.createElement(import_ui13.List, { sx: { display: "flex", flexDirection: "column", gap: 0.5 } }, /* @__PURE__ */ React15.createElement(SortableProvider, { value: classesOrder, onChange: reorderClasses }, filteredCssClasses?.map(({ id: id2, label }) => {
-    return /* @__PURE__ */ React15.createElement(SortableItem, { key: id2, id: id2 }, ({ isDragged, isDragPlaceholder, triggerProps, triggerStyle }) => /* @__PURE__ */ React15.createElement(
-      ClassItem,
-      {
-        id: id2,
-        label,
-        renameClass: (newLabel) => {
-          dispatch5(
-            slice.actions.update({
-              style: {
-                id: id2,
-                label: newLabel
-              }
-            })
-          );
-        },
-        selected: isDragged,
-        disabled: disabled || isDragPlaceholder,
-        sortableTriggerProps: { ...triggerProps, style: triggerStyle }
-      }
-    ));
-  }))));
+  return /* @__PURE__ */ React15.createElement(DeleteConfirmationProvider, null, /* @__PURE__ */ React15.createElement(import_ui13.List, { sx: { display: "flex", flexDirection: "column", gap: 0.5 } }, /* @__PURE__ */ React15.createElement(SortableProvider, { value: classesOrder, onChange: reorderClasses }, filteredCssClasses?.map(({ id: id2, label }) => /* @__PURE__ */ React15.createElement(SortableItem, { key: id2, id: id2 }, ({ isDragged, isDragPlaceholder, triggerProps, triggerStyle }) => /* @__PURE__ */ React15.createElement(
+    ClassItem,
+    {
+      id: id2,
+      label,
+      renameClass: (newLabel) => {
+        dispatch5(
+          slice.actions.update({
+            style: {
+              id: id2,
+              label: newLabel
+            }
+          })
+        );
+      },
+      selected: isDragged,
+      disabled: disabled || isDragPlaceholder,
+      sortableTriggerProps: { ...triggerProps, style: triggerStyle },
+      showSortIndicator: filteredCssClasses.length > 1
+    }
+  ))))));
 };
 var EmptyState = () => /* @__PURE__ */ React15.createElement(import_ui13.Stack, { alignItems: "center", gap: 1.5, pt: 10, px: 0.5, maxWidth: "260px", margin: "auto" }, /* @__PURE__ */ React15.createElement(FlippedColorSwatchIcon, { fontSize: "large" }), /* @__PURE__ */ React15.createElement(StyledHeader, { variant: "subtitle2", component: "h2", color: "text.secondary" }, (0, import_i18n12.__)("There are no global classes yet.", "elementor")), /* @__PURE__ */ React15.createElement(import_ui13.Typography, { align: "center", variant: "caption", color: "text.secondary" }, (0, import_i18n12.__)(
   "CSS classes created in the editor panel will appear here. Once they are available, you can arrange their hierarchy, rename them, or delete them as needed.",