@elementor/editor-ui 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.
Files changed (6) hide show
  1. package/dist/index.d.mts +3 -3
  2. package/dist/index.d.ts +3 -3
  3. package/dist/index.js +2 -2
  4. package/dist/index.mjs +2 -2
  5. package/package.json +2 -2
  6. package/src/components/search-field.tsx +4 -4
package/dist/index.d.mts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as React$1 from 'react';
2
2
  import { ReactNode, PropsWithChildren, ReactElement } from 'react';
3
- import { MenuItemProps, MenuItemTextProps, TypographyProps, AlertProps, InfotipProps, MenuList, DialogProps, DialogContentTextProps } from '@elementor/ui';
3
+ import { MenuItemProps, MenuItemTextProps, TypographyProps, AlertProps, InfotipProps, BoxProps, MenuList, DialogProps, DialogContentTextProps } from '@elementor/ui';
4
4
  import * as _emotion_styled from '@emotion/styled';
5
5
 
6
6
  type EllipsisWithTooltipProps<T extends React$1.ElementType> = {
@@ -76,8 +76,8 @@ type Props = {
76
76
  onSearch: (search: string) => void;
77
77
  placeholder: string;
78
78
  id?: string;
79
- };
80
- declare const SearchField: ({ value, onSearch, placeholder, id }: Props) => React$1.JSX.Element;
79
+ } & BoxProps;
80
+ declare const SearchField: ({ value, onSearch, placeholder, id, sx }: Props) => React$1.JSX.Element;
81
81
 
82
82
  type PopoverBodyProps = PropsWithChildren<{
83
83
  height?: number | 'auto';
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as React$1 from 'react';
2
2
  import { ReactNode, PropsWithChildren, ReactElement } from 'react';
3
- import { MenuItemProps, MenuItemTextProps, TypographyProps, AlertProps, InfotipProps, MenuList, DialogProps, DialogContentTextProps } from '@elementor/ui';
3
+ import { MenuItemProps, MenuItemTextProps, TypographyProps, AlertProps, InfotipProps, BoxProps, MenuList, DialogProps, DialogContentTextProps } from '@elementor/ui';
4
4
  import * as _emotion_styled from '@emotion/styled';
5
5
 
6
6
  type EllipsisWithTooltipProps<T extends React$1.ElementType> = {
@@ -76,8 +76,8 @@ type Props = {
76
76
  onSearch: (search: string) => void;
77
77
  placeholder: string;
78
78
  id?: string;
79
- };
80
- declare const SearchField: ({ value, onSearch, placeholder, id }: Props) => React$1.JSX.Element;
79
+ } & BoxProps;
80
+ declare const SearchField: ({ value, onSearch, placeholder, id, sx }: Props) => React$1.JSX.Element;
81
81
 
82
82
  type PopoverBodyProps = PropsWithChildren<{
83
83
  height?: number | 'auto';
package/dist/index.js CHANGED
@@ -357,7 +357,7 @@ var import_icons2 = require("@elementor/icons");
357
357
  var import_ui10 = require("@elementor/ui");
358
358
  var import_i18n2 = require("@wordpress/i18n");
359
359
  var SIZE = "tiny";
360
- var SearchField = ({ value, onSearch, placeholder, id }) => {
360
+ var SearchField = ({ value, onSearch, placeholder, id, sx }) => {
361
361
  const inputRef = (0, import_react8.useRef)(null);
362
362
  const handleClear = () => {
363
363
  onSearch("");
@@ -366,7 +366,7 @@ var SearchField = ({ value, onSearch, placeholder, id }) => {
366
366
  const handleInputChange = (event) => {
367
367
  onSearch(event.target.value);
368
368
  };
369
- return /* @__PURE__ */ React10.createElement(import_ui10.Box, { sx: { px: 2, pb: 1.5 } }, /* @__PURE__ */ React10.createElement(
369
+ return /* @__PURE__ */ React10.createElement(import_ui10.Box, { sx: { px: 2, pb: 1.5, ...sx } }, /* @__PURE__ */ React10.createElement(
370
370
  import_ui10.TextField,
371
371
  {
372
372
  autoFocus: true,
package/dist/index.mjs CHANGED
@@ -319,7 +319,7 @@ import { SearchIcon, XIcon } from "@elementor/icons";
319
319
  import { Box as Box4, IconButton, InputAdornment, TextField } from "@elementor/ui";
320
320
  import { __ as __2 } from "@wordpress/i18n";
321
321
  var SIZE = "tiny";
322
- var SearchField = ({ value, onSearch, placeholder, id }) => {
322
+ var SearchField = ({ value, onSearch, placeholder, id, sx }) => {
323
323
  const inputRef = useRef(null);
324
324
  const handleClear = () => {
325
325
  onSearch("");
@@ -328,7 +328,7 @@ var SearchField = ({ value, onSearch, placeholder, id }) => {
328
328
  const handleInputChange = (event) => {
329
329
  onSearch(event.target.value);
330
330
  };
331
- return /* @__PURE__ */ React10.createElement(Box4, { sx: { px: 2, pb: 1.5 } }, /* @__PURE__ */ React10.createElement(
331
+ return /* @__PURE__ */ React10.createElement(Box4, { sx: { px: 2, pb: 1.5, ...sx } }, /* @__PURE__ */ React10.createElement(
332
332
  TextField,
333
333
  {
334
334
  autoFocus: true,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@elementor/editor-ui",
3
3
  "description": "Elementor Editor UI",
4
- "version": "3.33.0-166",
4
+ "version": "3.33.0-167",
5
5
  "private": false,
6
6
  "author": "Elementor Team",
7
7
  "homepage": "https://elementor.com/",
@@ -37,7 +37,7 @@
37
37
  "react-dom": "^18.3.1"
38
38
  },
39
39
  "dependencies": {
40
- "@elementor/editor-v1-adapters": "3.33.0-166",
40
+ "@elementor/editor-v1-adapters": "3.33.0-167",
41
41
  "@elementor/icons": "1.53.0",
42
42
  "@elementor/ui": "1.36.14",
43
43
  "@tanstack/react-virtual": "^3.13.3",
package/src/components/search-field.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { useRef } from 'react';
3
3
  import { SearchIcon, XIcon } from '@elementor/icons';
4
- import { Box, IconButton, InputAdornment, TextField } from '@elementor/ui';
4
+ import { Box, type BoxProps, IconButton, InputAdornment, TextField } from '@elementor/ui';
5
5
  import { __ } from '@wordpress/i18n';
6
6
 
7
7
  const SIZE = 'tiny';
@@ -11,9 +11,9 @@ type Props = {
11
11
  onSearch: ( search: string ) => void;
12
12
  placeholder: string;
13
13
  id?: string;
14
- };
14
+ } & BoxProps;
15
15
 
16
- export const SearchField = ( { value, onSearch, placeholder, id }: Props ) => {
16
+ export const SearchField = ( { value, onSearch, placeholder, id, sx }: Props ) => {
17
17
  const inputRef = useRef< HTMLInputElement | null >( null );
18
18
 
19
19
  const handleClear = () => {
@@ -27,7 +27,7 @@ export const SearchField = ( { value, onSearch, placeholder, id }: Props ) => {
27
27
  };
28
28
 
29
29
  return (
30
- <Box sx={ { px: 2, pb: 1.5 } }>
30
+ <Box sx={ { px: 2, pb: 1.5, ...sx } }>
31
31
  <TextField
32
32
  // eslint-disable-next-line jsx-a11y/no-autofocus
33
33
  autoFocus