@elementor/editor-controls 0.29.0 → 0.30.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @elementor/editor-controls
 
+## 0.30.0
+
+### Minor Changes
+
+- be87c6e: null-check was missing, causing possible crash in the box-shadow control
+- d05046f: Add replaceable location
+
+### Patch Changes
+
+- Updated dependencies [d05046f]
+  - @elementor/locations@0.8.0
+
 ## 0.29.0
 
 ### Minor Changes

package/dist/index.d.mts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { ReactNode, ComponentType, PropsWithChildren } from 'react';
 import { StringPropValue, PropTypeUtil, PropValue, PropKey, SizePropValue, PropType, CreateOptions } from '@elementor/editor-props';
 import { UnstableColorFieldProps, ToggleButtonProps, StackProps } from '@elementor/ui';
+import * as _elementor_locations from '@elementor/locations';
 
 type ImageControlProps = {
     sizes: {
@@ -246,6 +247,13 @@ declare const ControlAdornmentsProvider: ({ children, items }: ControlAdornments
 
 declare function ControlAdornments(): React.JSX.Element | null;
 
+declare const injectIntoRepeaterItemIcon: (args: _elementor_locations.ReplaceableInjectArgs<{
+    value: PropValue;
+}>) => void;
+declare const injectIntoRepeaterItemLabel: (args: _elementor_locations.ReplaceableInjectArgs<{
+    value: PropValue;
+}>) => void;
+
 type UseInternalStateOptions<TValue> = {
     external: TValue | null;
     setExternal: (value: TValue | null) => void;
@@ -254,4 +262,4 @@ type UseInternalStateOptions<TValue> = {
 };
 declare const useSyncExternalState: <TValue>({ external, setExternal, persistWhen, fallback, }: UseInternalStateOptions<TValue>) => readonly [TValue, (setter: ((value: TValue) => TValue) | TValue) => void];
 
-export { BackgroundControl, BoxShadowRepeaterControl, ColorControl, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent, ControlFormLabel, ControlReplacementsProvider, ControlToggleButtonGroup, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedValue, type FontCategory, FontFamilyControl, GapControl, ImageControl, LinkControl, LinkedDimensionsControl, NumberControl, PropKeyProvider, PropProvider, type PropProviderProps, SelectControl, type SetValue, SizeControl, StrokeControl, SvgMediaControl, TextAreaControl, TextControl, type ToggleButtonGroupItem, ToggleControl, type ToggleControlProps, UrlControl, createControlReplacementsRegistry, useBoundProp, useControlActions, useSyncExternalState };
+export { BackgroundControl, BoxShadowRepeaterControl, ColorControl, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent, ControlFormLabel, ControlReplacementsProvider, ControlToggleButtonGroup, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedValue, type FontCategory, FontFamilyControl, GapControl, ImageControl, LinkControl, LinkedDimensionsControl, NumberControl, PropKeyProvider, PropProvider, type PropProviderProps, SelectControl, type SetValue, SizeControl, StrokeControl, SvgMediaControl, TextAreaControl, TextControl, type ToggleButtonGroupItem, ToggleControl, type ToggleControlProps, UrlControl, createControlReplacementsRegistry, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, useBoundProp, useControlActions, useSyncExternalState };

package/dist/index.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { ReactNode, ComponentType, PropsWithChildren } from 'react';
 import { StringPropValue, PropTypeUtil, PropValue, PropKey, SizePropValue, PropType, CreateOptions } from '@elementor/editor-props';
 import { UnstableColorFieldProps, ToggleButtonProps, StackProps } from '@elementor/ui';
+import * as _elementor_locations from '@elementor/locations';
 
 type ImageControlProps = {
     sizes: {
@@ -246,6 +247,13 @@ declare const ControlAdornmentsProvider: ({ children, items }: ControlAdornments
 
 declare function ControlAdornments(): React.JSX.Element | null;
 
+declare const injectIntoRepeaterItemIcon: (args: _elementor_locations.ReplaceableInjectArgs<{
+    value: PropValue;
+}>) => void;
+declare const injectIntoRepeaterItemLabel: (args: _elementor_locations.ReplaceableInjectArgs<{
+    value: PropValue;
+}>) => void;
+
 type UseInternalStateOptions<TValue> = {
     external: TValue | null;
     setExternal: (value: TValue | null) => void;
@@ -254,4 +262,4 @@ type UseInternalStateOptions<TValue> = {
 };
 declare const useSyncExternalState: <TValue>({ external, setExternal, persistWhen, fallback, }: UseInternalStateOptions<TValue>) => readonly [TValue, (setter: ((value: TValue) => TValue) | TValue) => void];
 
-export { BackgroundControl, BoxShadowRepeaterControl, ColorControl, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent, ControlFormLabel, ControlReplacementsProvider, ControlToggleButtonGroup, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedValue, type FontCategory, FontFamilyControl, GapControl, ImageControl, LinkControl, LinkedDimensionsControl, NumberControl, PropKeyProvider, PropProvider, type PropProviderProps, SelectControl, type SetValue, SizeControl, StrokeControl, SvgMediaControl, TextAreaControl, TextControl, type ToggleButtonGroupItem, ToggleControl, type ToggleControlProps, UrlControl, createControlReplacementsRegistry, useBoundProp, useControlActions, useSyncExternalState };
+export { BackgroundControl, BoxShadowRepeaterControl, ColorControl, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent, ControlFormLabel, ControlReplacementsProvider, ControlToggleButtonGroup, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedValue, type FontCategory, FontFamilyControl, GapControl, ImageControl, LinkControl, LinkedDimensionsControl, NumberControl, PropKeyProvider, PropProvider, type PropProviderProps, SelectControl, type SetValue, SizeControl, StrokeControl, SvgMediaControl, TextAreaControl, TextControl, type ToggleButtonGroupItem, ToggleControl, type ToggleControlProps, UrlControl, createControlReplacementsRegistry, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, useBoundProp, useControlActions, useSyncExternalState };

package/dist/index.js

@@ -57,6 +57,8 @@ __export(index_exports, {
   ToggleControl: () => ToggleControl,
   UrlControl: () => UrlControl,
   createControlReplacementsRegistry: () => createControlReplacementsRegistry,
+  injectIntoRepeaterItemIcon: () => injectIntoRepeaterItemIcon,
+  injectIntoRepeaterItemLabel: () => injectIntoRepeaterItemLabel,
   useBoundProp: () => useBoundProp,
   useControlActions: () => useControlActions,
   useSyncExternalState: () => useSyncExternalState
@@ -777,6 +779,11 @@ function ControlAdornments() {
   return /* @__PURE__ */ React21.createElement(React21.Fragment, null, items.map(({ Adornment, id }) => /* @__PURE__ */ React21.createElement(Adornment, { key: id })));
 }
 
+// src/locations.ts
+var import_locations = require("@elementor/locations");
+var { Slot: RepeaterItemIconSlot, inject: injectIntoRepeaterItemIcon } = (0, import_locations.createReplaceableLocation)();
+var { Slot: RepeaterItemLabelSlot, inject: injectIntoRepeaterItemLabel } = (0, import_locations.createReplaceableLocation)();
+
 // src/components/sortable.tsx
 var React22 = __toESM(require("react"));
 var import_icons2 = require("@elementor/icons");
@@ -954,8 +961,8 @@ var Repeater = ({
       RepeaterItem,
       {
         disabled: value?.disabled,
-        label: /* @__PURE__ */ React23.createElement(itemSettings.Label, { value }),
-        startIcon: /* @__PURE__ */ React23.createElement(itemSettings.Icon, { value }),
+        label: /* @__PURE__ */ React23.createElement(RepeaterItemLabelSlot, { value }, /* @__PURE__ */ React23.createElement(itemSettings.Label, { value })),
+        startIcon: /* @__PURE__ */ React23.createElement(RepeaterItemIconSlot, { value }, /* @__PURE__ */ React23.createElement(itemSettings.Icon, { value })),
         removeItem: () => removeRepeaterItem(index),
         duplicateItem: () => duplicateRepeaterItem(index),
         toggleDisableItem: () => toggleDisableRepeaterItem(index),
@@ -1049,7 +1056,7 @@ var BoxShadowRepeaterControl = createControl(() => {
     }
   ));
 });
-var ItemIcon = ({ value }) => /* @__PURE__ */ React24.createElement(import_ui18.UnstableColorIndicator, { size: "inherit", component: "span", value: value.value.color.value });
+var ItemIcon = ({ value }) => /* @__PURE__ */ React24.createElement(import_ui18.UnstableColorIndicator, { size: "inherit", component: "span", value: value.value.color?.value });
 var ItemContent = ({ anchorEl, bind }) => {
   return /* @__PURE__ */ React24.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React24.createElement(Content, { anchorEl }));
 };
@@ -2920,6 +2927,8 @@ var BackgroundControl = createControl(() => {
   ToggleControl,
   UrlControl,
   createControlReplacementsRegistry,
+  injectIntoRepeaterItemIcon,
+  injectIntoRepeaterItemLabel,
   useBoundProp,
   useControlActions,
   useSyncExternalState