@elementor/editor-variables 3.33.0-166 → 3.33.0-167

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/index.js CHANGED
@@ -1606,40 +1606,50 @@ function VariablesManagerPanel() {
1606
1606
  }
1607
1607
  ];
1608
1608
  const hasVariables = Object.values(variables).some((variable) => !variable.deleted);
1609
- return /* @__PURE__ */ React12.createElement(import_editor_ui3.ThemeProvider, null, /* @__PURE__ */ React12.createElement(import_ui12.ErrorBoundary, { fallback: /* @__PURE__ */ React12.createElement(ErrorBoundaryFallback, null) }, /* @__PURE__ */ React12.createElement(import_editor_panels.Panel, null, /* @__PURE__ */ React12.createElement(import_editor_panels.PanelHeader, null, /* @__PURE__ */ React12.createElement(import_ui12.Stack, { width: "100%", direction: "column", alignItems: "center" }, /* @__PURE__ */ React12.createElement(import_ui12.Stack, { p: 1, pl: 2, width: "100%", direction: "row", alignItems: "center" }, /* @__PURE__ */ React12.createElement(import_ui12.Stack, { width: "100%", direction: "row", gap: 1 }, /* @__PURE__ */ React12.createElement(import_editor_panels.PanelHeaderTitle, { sx: { display: "flex", alignItems: "center", gap: 0.5 } }, /* @__PURE__ */ React12.createElement(import_icons5.ColorFilterIcon, { fontSize: "inherit" }), (0, import_i18n10.__)("Variable Manager", "elementor"))), /* @__PURE__ */ React12.createElement(import_ui12.Stack, { direction: "row", gap: 0.5, alignItems: "center" }, /* @__PURE__ */ React12.createElement(
1610
- VariableManagerCreateMenu,
1611
- {
1612
- onCreate: handleCreateVariable,
1613
- variables,
1614
- menuState: createMenuState
1615
- }
1616
- ), /* @__PURE__ */ React12.createElement(
1617
- import_ui12.CloseButton,
1618
- {
1619
- "aria-label": "Close",
1620
- slotProps: { icon: { fontSize: SIZE } },
1621
- onClick: () => {
1622
- handleClosePanel();
1623
- }
1624
- }
1625
- ))))), /* @__PURE__ */ React12.createElement(
1626
- import_editor_panels.PanelBody,
1609
+ return /* @__PURE__ */ React12.createElement(import_editor_ui3.ThemeProvider, null, /* @__PURE__ */ React12.createElement(import_ui12.ErrorBoundary, { fallback: /* @__PURE__ */ React12.createElement(ErrorBoundaryFallback, null) }, /* @__PURE__ */ React12.createElement(import_editor_panels.Panel, null, /* @__PURE__ */ React12.createElement(
1610
+ import_editor_panels.PanelHeader,
1627
1611
  {
1628
1612
  sx: {
1629
- display: "flex",
1630
- flexDirection: "column",
1631
- height: "100%"
1613
+ height: "unset"
1632
1614
  }
1633
1615
  },
1634
- /* @__PURE__ */ React12.createElement(
1616
+ /* @__PURE__ */ React12.createElement(import_ui12.Stack, { width: "100%", direction: "column", alignItems: "center" }, /* @__PURE__ */ React12.createElement(import_ui12.Stack, { p: 1, pl: 2, width: "100%", direction: "row", alignItems: "center" }, /* @__PURE__ */ React12.createElement(import_ui12.Stack, { width: "100%", direction: "row", gap: 1 }, /* @__PURE__ */ React12.createElement(import_editor_panels.PanelHeaderTitle, { sx: { display: "flex", alignItems: "center", gap: 0.5 } }, /* @__PURE__ */ React12.createElement(import_icons5.ColorFilterIcon, { fontSize: "inherit" }), (0, import_i18n10.__)("Variable Manager", "elementor"))), /* @__PURE__ */ React12.createElement(import_ui12.Stack, { direction: "row", gap: 0.5, alignItems: "center" }, /* @__PURE__ */ React12.createElement(
1617
+ VariableManagerCreateMenu,
1618
+ {
1619
+ onCreate: handleCreateVariable,
1620
+ variables,
1621
+ menuState: createMenuState
1622
+ }
1623
+ ), /* @__PURE__ */ React12.createElement(
1624
+ import_ui12.CloseButton,
1625
+ {
1626
+ "aria-label": "Close",
1627
+ slotProps: { icon: { fontSize: SIZE } },
1628
+ onClick: () => {
1629
+ handleClosePanel();
1630
+ }
1631
+ }
1632
+ ))), /* @__PURE__ */ React12.createElement(import_ui12.Stack, { width: "100%", direction: "row", gap: 1 }, /* @__PURE__ */ React12.createElement(
1635
1633
  import_editor_ui3.SearchField,
1636
1634
  {
1635
+ sx: {
1636
+ display: "flex",
1637
+ flex: 1
1638
+ },
1637
1639
  placeholder: (0, import_i18n10.__)("Search", "elementor"),
1638
1640
  value: searchValue,
1639
1641
  onSearch: handleSearch
1640
1642
  }
1641
- ),
1642
- /* @__PURE__ */ React12.createElement(import_ui12.Divider, { sx: { width: "100%" } }),
1643
+ )), /* @__PURE__ */ React12.createElement(import_ui12.Divider, { sx: { width: "100%" } }))
1644
+ ), /* @__PURE__ */ React12.createElement(
1645
+ import_editor_panels.PanelBody,
1646
+ {
1647
+ sx: {
1648
+ display: "flex",
1649
+ flexDirection: "column",
1650
+ height: "100%"
1651
+ }
1652
+ },
1643
1653
  hasVariables && /* @__PURE__ */ React12.createElement(
1644
1654
  VariablesManagerTable,
1645
1655
  {