@elementor/editor-ui 3.33.0-119 → 3.33.0-121

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 (7) hide show
  1. package/dist/index.d.mts +4 -2
  2. package/dist/index.d.ts +4 -2
  3. package/dist/index.js +5 -3
  4. package/dist/index.mjs +5 -3
  5. package/package.json +2 -2
  6. package/src/components/popover/body.tsx +3 -1
  7. package/src/components/popover/search.tsx +3 -1
package/dist/index.d.mts CHANGED
@@ -69,8 +69,9 @@ declare const closeDialog: () => void;
69
69
  type PopoverBodyProps = PropsWithChildren<{
70
70
  height?: number | 'auto';
71
71
  width?: number;
72
+ id?: string;
72
73
  }>;
73
- declare const PopoverBody: ({ children, height, width }: PopoverBodyProps) => React$1.JSX.Element;
74
+ declare const PopoverBody: ({ children, height, width, id }: PopoverBodyProps) => React$1.JSX.Element;
74
75
 
75
76
  type PopoverHeaderProps = {
76
77
  title: React$1.ReactNode;
@@ -113,8 +114,9 @@ type Props = {
113
114
  value: string;
114
115
  onSearch: (search: string) => void;
115
116
  placeholder: string;
117
+ id?: string;
116
118
  };
117
- declare const PopoverSearch: ({ value, onSearch, placeholder }: Props) => React$1.JSX.Element;
119
+ declare const PopoverSearch: ({ value, onSearch, placeholder, id }: Props) => React$1.JSX.Element;
118
120
 
119
121
  declare const SaveChangesDialog: {
120
122
  ({ children, onClose }: Pick<DialogProps, "children" | "onClose">): React$1.JSX.Element;
package/dist/index.d.ts CHANGED
@@ -69,8 +69,9 @@ declare const closeDialog: () => void;
69
69
  type PopoverBodyProps = PropsWithChildren<{
70
70
  height?: number | 'auto';
71
71
  width?: number;
72
+ id?: string;
72
73
  }>;
73
- declare const PopoverBody: ({ children, height, width }: PopoverBodyProps) => React$1.JSX.Element;
74
+ declare const PopoverBody: ({ children, height, width, id }: PopoverBodyProps) => React$1.JSX.Element;
74
75
 
75
76
  type PopoverHeaderProps = {
76
77
  title: React$1.ReactNode;
@@ -113,8 +114,9 @@ type Props = {
113
114
  value: string;
114
115
  onSearch: (search: string) => void;
115
116
  placeholder: string;
117
+ id?: string;
116
118
  };
117
- declare const PopoverSearch: ({ value, onSearch, placeholder }: Props) => React$1.JSX.Element;
119
+ declare const PopoverSearch: ({ value, onSearch, placeholder, id }: Props) => React$1.JSX.Element;
118
120
 
119
121
  declare const SaveChangesDialog: {
120
122
  ({ children, onClose }: Pick<DialogProps, "children" | "onClose">): React$1.JSX.Element;
package/dist/index.js CHANGED
@@ -342,7 +342,7 @@ var import_ui10 = require("@elementor/ui");
342
342
  var SECTION_PADDING_INLINE = 32;
343
343
  var DEFAULT_POPOVER_HEIGHT = 348;
344
344
  var FALLBACK_POPOVER_WIDTH = 220;
345
- var PopoverBody = ({ children, height = DEFAULT_POPOVER_HEIGHT, width }) => {
345
+ var PopoverBody = ({ children, height = DEFAULT_POPOVER_HEIGHT, width, id }) => {
346
346
  return /* @__PURE__ */ React10.createElement(
347
347
  import_ui10.Box,
348
348
  {
@@ -353,7 +353,8 @@ var PopoverBody = ({ children, height = DEFAULT_POPOVER_HEIGHT, width }) => {
353
353
  overflow: "hidden",
354
354
  width: `${width ? width - SECTION_PADDING_INLINE : FALLBACK_POPOVER_WIDTH}px`,
355
355
  maxWidth: 496
356
- }
356
+ },
357
+ id
357
358
  },
358
359
  children
359
360
  );
@@ -580,7 +581,7 @@ var import_icons2 = require("@elementor/icons");
580
581
  var import_ui13 = require("@elementor/ui");
581
582
  var import_i18n2 = require("@wordpress/i18n");
582
583
  var SIZE2 = "tiny";
583
- var PopoverSearch = ({ value, onSearch, placeholder }) => {
584
+ var PopoverSearch = ({ value, onSearch, placeholder, id }) => {
584
585
  const inputRef = (0, import_react11.useRef)(null);
585
586
  const handleClear = () => {
586
587
  onSearch("");
@@ -594,6 +595,7 @@ var PopoverSearch = ({ value, onSearch, placeholder }) => {
594
595
  {
595
596
  autoFocus: true,
596
597
  fullWidth: true,
598
+ id,
597
599
  size: SIZE2,
598
600
  value,
599
601
  inputRef,
package/dist/index.mjs CHANGED
@@ -300,7 +300,7 @@ import { Box as Box4 } from "@elementor/ui";
300
300
  var SECTION_PADDING_INLINE = 32;
301
301
  var DEFAULT_POPOVER_HEIGHT = 348;
302
302
  var FALLBACK_POPOVER_WIDTH = 220;
303
- var PopoverBody = ({ children, height = DEFAULT_POPOVER_HEIGHT, width }) => {
303
+ var PopoverBody = ({ children, height = DEFAULT_POPOVER_HEIGHT, width, id }) => {
304
304
  return /* @__PURE__ */ React10.createElement(
305
305
  Box4,
306
306
  {
@@ -311,7 +311,8 @@ var PopoverBody = ({ children, height = DEFAULT_POPOVER_HEIGHT, width }) => {
311
311
  overflow: "hidden",
312
312
  width: `${width ? width - SECTION_PADDING_INLINE : FALLBACK_POPOVER_WIDTH}px`,
313
313
  maxWidth: 496
314
- }
314
+ },
315
+ id
315
316
  },
316
317
  children
317
318
  );
@@ -538,7 +539,7 @@ import { SearchIcon, XIcon } from "@elementor/icons";
538
539
  import { Box as Box6, IconButton, InputAdornment, TextField } from "@elementor/ui";
539
540
  import { __ as __2 } from "@wordpress/i18n";
540
541
  var SIZE2 = "tiny";
541
- var PopoverSearch = ({ value, onSearch, placeholder }) => {
542
+ var PopoverSearch = ({ value, onSearch, placeholder, id }) => {
542
543
  const inputRef = useRef2(null);
543
544
  const handleClear = () => {
544
545
  onSearch("");
@@ -552,6 +553,7 @@ var PopoverSearch = ({ value, onSearch, placeholder }) => {
552
553
  {
553
554
  autoFocus: true,
554
555
  fullWidth: true,
556
+ id,
555
557
  size: SIZE2,
556
558
  value,
557
559
  inputRef,
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-119",
4
+ "version": "3.33.0-121",
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-119",
40
+ "@elementor/editor-v1-adapters": "3.33.0-121",
41
41
  "@elementor/icons": "1.46.0",
42
42
  "@elementor/ui": "1.36.12",
43
43
  "@tanstack/react-virtual": "^3.13.3",
package/src/components/popover/body.tsx CHANGED
@@ -9,9 +9,10 @@ const FALLBACK_POPOVER_WIDTH = 220;
9
9
  type PopoverBodyProps = PropsWithChildren< {
10
10
  height?: number | 'auto';
11
11
  width?: number;
12
+ id?: string;
12
13
  } >;
13
14
 
14
- export const PopoverBody = ( { children, height = DEFAULT_POPOVER_HEIGHT, width }: PopoverBodyProps ) => {
15
+ export const PopoverBody = ( { children, height = DEFAULT_POPOVER_HEIGHT, width, id }: PopoverBodyProps ) => {
15
16
  return (
16
17
  <Box
17
18
  display="flex"
@@ -22,6 +23,7 @@ export const PopoverBody = ( { children, height = DEFAULT_POPOVER_HEIGHT, width
22
23
  width: `${ width ? width - SECTION_PADDING_INLINE : FALLBACK_POPOVER_WIDTH }px`,
23
24
  maxWidth: 496,
24
25
  } }
26
+ id={ id }
25
27
  >
26
28
  { children }
27
29
  </Box>
package/src/components/popover/search.tsx CHANGED
@@ -10,9 +10,10 @@ type Props = {
10
10
  value: string;
11
11
  onSearch: ( search: string ) => void;
12
12
  placeholder: string;
13
+ id?: string;
13
14
  };
14
15
 
15
- export const PopoverSearch = ( { value, onSearch, placeholder }: Props ) => {
16
+ export const PopoverSearch = ( { value, onSearch, placeholder, id }: Props ) => {
16
17
  const inputRef = useRef< HTMLInputElement | null >( null );
17
18
 
18
19
  const handleClear = () => {
@@ -31,6 +32,7 @@ export const PopoverSearch = ( { value, onSearch, placeholder }: Props ) => {
31
32
  // eslint-disable-next-line jsx-a11y/no-autofocus
32
33
  autoFocus
33
34
  fullWidth
35
+ id={ id }
34
36
  size={ SIZE }
35
37
  value={ value }
36
38
  inputRef={ inputRef }