@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.mjs CHANGED
@@ -1593,40 +1593,50 @@ function VariablesManagerPanel() {
1593
1593
  }
1594
1594
  ];
1595
1595
  const hasVariables = Object.values(variables).some((variable) => !variable.deleted);
1596
- return /* @__PURE__ */ React12.createElement(ThemeProvider, null, /* @__PURE__ */ React12.createElement(ErrorBoundary, { fallback: /* @__PURE__ */ React12.createElement(ErrorBoundaryFallback, null) }, /* @__PURE__ */ React12.createElement(Panel, null, /* @__PURE__ */ React12.createElement(PanelHeader, null, /* @__PURE__ */ React12.createElement(Stack6, { width: "100%", direction: "column", alignItems: "center" }, /* @__PURE__ */ React12.createElement(Stack6, { p: 1, pl: 2, width: "100%", direction: "row", alignItems: "center" }, /* @__PURE__ */ React12.createElement(Stack6, { width: "100%", direction: "row", gap: 1 }, /* @__PURE__ */ React12.createElement(PanelHeaderTitle, { sx: { display: "flex", alignItems: "center", gap: 0.5 } }, /* @__PURE__ */ React12.createElement(ColorFilterIcon, { fontSize: "inherit" }), __10("Variable Manager", "elementor"))), /* @__PURE__ */ React12.createElement(Stack6, { direction: "row", gap: 0.5, alignItems: "center" }, /* @__PURE__ */ React12.createElement(
1597
- VariableManagerCreateMenu,
1598
- {
1599
- onCreate: handleCreateVariable,
1600
- variables,
1601
- menuState: createMenuState
1602
- }
1603
- ), /* @__PURE__ */ React12.createElement(
1604
- CloseButton,
1605
- {
1606
- "aria-label": "Close",
1607
- slotProps: { icon: { fontSize: SIZE } },
1608
- onClick: () => {
1609
- handleClosePanel();
1610
- }
1611
- }
1612
- ))))), /* @__PURE__ */ React12.createElement(
1613
- PanelBody,
1596
+ return /* @__PURE__ */ React12.createElement(ThemeProvider, null, /* @__PURE__ */ React12.createElement(ErrorBoundary, { fallback: /* @__PURE__ */ React12.createElement(ErrorBoundaryFallback, null) }, /* @__PURE__ */ React12.createElement(Panel, null, /* @__PURE__ */ React12.createElement(
1597
+ PanelHeader,
1614
1598
  {
1615
1599
  sx: {
1616
- display: "flex",
1617
- flexDirection: "column",
1618
- height: "100%"
1600
+ height: "unset"
1619
1601
  }
1620
1602
  },
1621
- /* @__PURE__ */ React12.createElement(
1603
+ /* @__PURE__ */ React12.createElement(Stack6, { width: "100%", direction: "column", alignItems: "center" }, /* @__PURE__ */ React12.createElement(Stack6, { p: 1, pl: 2, width: "100%", direction: "row", alignItems: "center" }, /* @__PURE__ */ React12.createElement(Stack6, { width: "100%", direction: "row", gap: 1 }, /* @__PURE__ */ React12.createElement(PanelHeaderTitle, { sx: { display: "flex", alignItems: "center", gap: 0.5 } }, /* @__PURE__ */ React12.createElement(ColorFilterIcon, { fontSize: "inherit" }), __10("Variable Manager", "elementor"))), /* @__PURE__ */ React12.createElement(Stack6, { direction: "row", gap: 0.5, alignItems: "center" }, /* @__PURE__ */ React12.createElement(
1604
+ VariableManagerCreateMenu,
1605
+ {
1606
+ onCreate: handleCreateVariable,
1607
+ variables,
1608
+ menuState: createMenuState
1609
+ }
1610
+ ), /* @__PURE__ */ React12.createElement(
1611
+ CloseButton,
1612
+ {
1613
+ "aria-label": "Close",
1614
+ slotProps: { icon: { fontSize: SIZE } },
1615
+ onClick: () => {
1616
+ handleClosePanel();
1617
+ }
1618
+ }
1619
+ ))), /* @__PURE__ */ React12.createElement(Stack6, { width: "100%", direction: "row", gap: 1 }, /* @__PURE__ */ React12.createElement(
1622
1620
  SearchField,
1623
1621
  {
1622
+ sx: {
1623
+ display: "flex",
1624
+ flex: 1
1625
+ },
1624
1626
  placeholder: __10("Search", "elementor"),
1625
1627
  value: searchValue,
1626
1628
  onSearch: handleSearch
1627
1629
  }
1628
- ),
1629
- /* @__PURE__ */ React12.createElement(Divider, { sx: { width: "100%" } }),
1630
+ )), /* @__PURE__ */ React12.createElement(Divider, { sx: { width: "100%" } }))
1631
+ ), /* @__PURE__ */ React12.createElement(
1632
+ PanelBody,
1633
+ {
1634
+ sx: {
1635
+ display: "flex",
1636
+ flexDirection: "column",
1637
+ height: "100%"
1638
+ }
1639
+ },
1630
1640
  hasVariables && /* @__PURE__ */ React12.createElement(
1631
1641
  VariablesManagerTable,
1632
1642
  {