@wix/editor 1.505.0 → 1.507.0

package/dist/cjs/index.js

@@ -545,9 +545,9 @@ class ElementSDKShape extends BaseSDKShape {
    *
    * @example
    * ```ts
-   * import { element } from '@wix/editor';
+   * import { reactElements } from '@wix/editor';
    *
-   * const defs = await element.getStyleDefinitions();
+   * const defs = await reactElements.getStyleDefinitions();
    * ```
    */
   async getStyleDefinitions() {
@@ -565,9 +565,9 @@ class ElementSDKShape extends BaseSDKShape {
    *
    * @example
    * ```ts
-   * import { element } from '@wix/editor';
+   * import { reactElements } from '@wix/editor';
    *
-   * const styles = await element.getStyles();
+   * const styles = await reactElements.getStyles();
    * const bgColor = styles.cssProperties.backgroundColor;
    * ```
    */
@@ -584,16 +584,16 @@ class ElementSDKShape extends BaseSDKShape {
    *
    * @example
    * ```ts
-   * import { element } from '@wix/editor';
+   * import { reactElements } from '@wix/editor';
    * import { CssPropertyType } from '@wix/public-editor-platform-sdk';
    *
    * // Using enum (recommended):
-   * await element.setStyles({
+   * await reactElements.setStyles({
    *   cssProperties: { [CssPropertyType.color]: '#fff' }
    * });
    *
    * // Using string literal (also works):
-   * await element.setStyles({
+   * await reactElements.setStyles({
    *   cssProperties: { 'color': '#fff' }
    * });
    * ```
@@ -612,16 +612,16 @@ class ElementSDKShape extends BaseSDKShape {
    *
    * @example
    * ```ts
-   * import { element } from '@wix/editor';
+   * import { reactElements } from '@wix/editor';
    * import { CssPropertyType } from '@wix/public-editor-platform-sdk';
    *
    * // Using enum (recommended):
-   * await element.removeStyles({
+   * await reactElements.removeStyles({
    *   cssPropertiesKeys: [CssPropertyType.color]
    * });
    *
    * // Using string literal (also works):
-   * await element.removeStyles({
+   * await reactElements.removeStyles({
    *   cssPropertiesKeys: ['color']
    * });
    * ```
@@ -642,9 +642,9 @@ class ElementSDKShape extends BaseSDKShape {
    *
    * @example
    * ```ts
-   * import { element } from '@wix/editor';
+   * import { reactElements } from '@wix/editor';
    *
-   * const defs = await element.getDataDefinitions();
+   * const defs = await reactElements.getDataDefinitions();
    * ```
    */
   async getDataDefinitions() {
@@ -663,9 +663,9 @@ class ElementSDKShape extends BaseSDKShape {
    *
    * @example
    * ```ts
-   * import { element } from '@wix/editor';
+   * import { reactElements } from '@wix/editor';
    *
-   * const data = await element.getData();
+   * const data = await reactElements.getData();
    * ```
    */
   async getData() {
@@ -687,9 +687,9 @@ class ElementSDKShape extends BaseSDKShape {
    *
    * @example
    * ```ts
-   * import { element } from '@wix/editor';
+   * import { reactElements } from '@wix/editor';
    *
-   * const resolved = await element.getResolvedData({
+   * const resolved = await reactElements.getResolvedData({
    *   dataItemKey: 'heroImage',
    * });
    * ```
@@ -714,9 +714,9 @@ class ElementSDKShape extends BaseSDKShape {
    *
    * @example
    * ```ts
-   * import { element } from '@wix/editor';
+   * import { reactElements } from '@wix/editor';
    *
-   * await element.setData({ title: 'New Title', showButton: false });
+   * await reactElements.setData({ title: 'New Title', showButton: false });
    * ```
    */
   async setData(values) {
@@ -735,9 +735,9 @@ class ElementSDKShape extends BaseSDKShape {
    *
    * @example
    * ```ts
-   * import { element } from '@wix/editor';
+   * import { reactElements } from '@wix/editor';
    *
-   * const presets = await element.getPresetDefinitions();
+   * const presets = await reactElements.getPresetDefinitions();
    * ```
    */
   async getPresetDefinitions() {
@@ -755,9 +755,9 @@ class ElementSDKShape extends BaseSDKShape {
    *
    * @example
    * ```ts
-   * import { element } from '@wix/editor';
+   * import { reactElements } from '@wix/editor';
    *
-   * const preset = await element.getAppliedPreset();
+   * const preset = await reactElements.getAppliedPreset();
    * ```
    */
   async getAppliedPreset() {
@@ -776,9 +776,9 @@ class ElementSDKShape extends BaseSDKShape {
    *
    * @example
    * ```ts
-   * import { element } from '@wix/editor';
+   * import { reactElements } from '@wix/editor';
    *
-   * await element.applyPreset({ key: 'minimal' });
+   * await reactElements.applyPreset({ key: 'minimal' });
    * ```
    */
   async applyPreset(options) {
@@ -798,11 +798,11 @@ class ElementSDKShape extends BaseSDKShape {
    *
    * @example
    * ```ts
-   * import { element } from '@wix/editor';
+   * import { reactElements } from '@wix/editor';
    *
-   * const groups = await element.getDisplayGroupDefinitions();
+   * const groups = await reactElements.getDisplayGroupDefinitions();
    *
-   * const cssGroups = await element.getDisplayGroupDefinitions({
+   * const cssGroups = await reactElements.getDisplayGroupDefinitions({
    *   filter: { groupType: 'cssDataType' },
    * });
    * ```
@@ -824,9 +824,9 @@ class ElementSDKShape extends BaseSDKShape {
    *
    * @example
    * ```ts
-   * import { element } from '@wix/editor';
+   * import { reactElements } from '@wix/editor';
    *
-   * const name = await element.getDisplayName();
+   * const name = await reactElements.getDisplayName();
    * ```
    */
   async getDisplayName() {
@@ -844,9 +844,9 @@ class ElementSDKShape extends BaseSDKShape {
    *
    * @example
    * ```ts
-   * import { element } from '@wix/editor';
+   * import { reactElements } from '@wix/editor';
    *
-   * const state = await element.getState();
+   * const state = await reactElements.getState();
    * ```
    */
   async getState() {
@@ -865,11 +865,11 @@ class ElementSDKShape extends BaseSDKShape {
    *
    * @example
    * ```ts
-   * import { element } from '@wix/editor';
+   * import { reactElements } from '@wix/editor';
    *
-   * await element.setState('hover');
+   * await reactElements.setState('hover');
    *
-   * await element.setState(null);
+   * await reactElements.setState(null);
    * ```
    */
   async setState(stateKey) {
@@ -888,9 +888,9 @@ class ElementSDKShape extends BaseSDKShape {
    *
    * @example
    * ```ts
-   * import { element } from '@wix/editor';
+   * import { reactElements } from '@wix/editor';
    *
-   * const states = await element.getStateDefinitions();
+   * const states = await reactElements.getStateDefinitions();
    * ```
    */
   async getStateDefinitions() {
@@ -912,9 +912,9 @@ class ElementSDKShape extends BaseSDKShape {
    *
    * @example
    * ```ts
-   * import { element } from '@wix/editor';
+   * import { reactElements } from '@wix/editor';
    *
-   * const unsubscribe = await element.onChange((patch) => {
+   * const unsubscribe = await reactElements.onChange((patch) => {
    *   if (patch.type === 'data') {
    *     console.log('Data changed:', patch.value);
    *   }
@@ -943,11 +943,11 @@ class ElementSDKShape extends BaseSDKShape {
    *
    * @example
    * ```ts
-   * import { element } from '@wix/editor';
+   * import { reactElements } from '@wix/editor';
    *
-   * const font = await element.selectFont({ styleItemKey: 'headingFont' });
+   * const font = await reactElements.selectFont({ styleItemKey: 'headingFont' });
    *
-   * const font = await element.selectFont({
+   * const font = await reactElements.selectFont({
    *   selectedFontFamily: { family: 'Arial', weight: '400' },
    *   onChange: (value) => console.log('Selected:', value),
    * });
@@ -979,11 +979,11 @@ class ElementSDKShape extends BaseSDKShape {
    *
    * @example
    * ```ts
-   * import { element } from '@wix/editor';
+   * import { reactElements } from '@wix/editor';
    *
-   * const font = await element.selectFontFamily({ styleItemKey: 'bodyFont' });
+   * const font = await reactElements.selectFontFamily({ styleItemKey: 'bodyFont' });
    *
-   * const font = await element.selectFontFamily({
+   * const font = await reactElements.selectFontFamily({
    *   selectedFontFamily: { family: 'Helvetica', weight: '400' },
    *   onChange: (value) => console.log('Selected:', value.family),
    * });
@@ -1017,11 +1017,11 @@ class ElementSDKShape extends BaseSDKShape {
    *
    * @example
    * ```ts
-   * import { element } from '@wix/editor';
+   * import { reactElements } from '@wix/editor';
    *
-   * const media = await element.selectMedia({ dataItemKey: 'heroImage' });
+   * const media = await reactElements.selectMedia({ dataItemKey: 'heroImage' });
    *
-   * const media = await element.selectMedia({
+   * const media = await reactElements.selectMedia({
    *   isMultiSelect: true,
    *   category: 'image',
    * });
@@ -1047,11 +1047,11 @@ class ElementSDKShape extends BaseSDKShape {
    *
    * @example
    * ```ts
-   * import { element } from '@wix/editor';
+   * import { reactElements } from '@wix/editor';
    *
-   * const link = await element.selectLink({ dataItemKey: 'buttonLink' });
+   * const link = await reactElements.selectLink({ dataItemKey: 'buttonLink' });
    *
-   * const link = await element.selectLink({
+   * const link = await reactElements.selectLink({
    *   value: currentLink,
    *   options: { linkTypes: ['ExternalLink', 'PageLink'] },
    * });
@@ -1077,11 +1077,11 @@ class ElementSDKShape extends BaseSDKShape {
    *
    * @example
    * ```ts
-   * import { element } from '@wix/editor';
+   * import { reactElements } from '@wix/editor';
    *
-   * const color = await element.selectColor({ styleItemKey: 'backgroundColor' });
+   * const color = await reactElements.selectColor({ styleItemKey: 'backgroundColor' });
    *
-   * const color = await element.selectColor({
+   * const color = await reactElements.selectColor({
    *   initialValue: '#ff0000',
    *   mode: ['solid', 'gradient'],
    *   showOpacity: true,
@@ -1112,9 +1112,9 @@ class ElementSDKShape extends BaseSDKShape {
    *
    * @example
    * ```ts
-   * import { element } from '@wix/editor';
+   * import { reactElements } from '@wix/editor';
    *
-   * const bg = await element.selectBackground({
+   * const bg = await reactElements.selectBackground({
    *   initialValue: { backgroundColor: '#fff', backgroundImage: '' },
    *   onChange: (value) => console.log('Preview:', value),
    * });
@@ -1141,14 +1141,14 @@ class ElementSDKShape extends BaseSDKShape {
    *
    * @example
    * ```ts
-   * import { element } from '@wix/editor';
+   * import { reactElements } from '@wix/editor';
    *
-   * const weight = await element.selectFontWeight({
+   * const weight = await reactElements.selectFontWeight({
    *   fontFamilyStyleItemKey: 'headingFontFamily',
    *   fontWeightStyleItemKey: 'headingFontWeight',
    * });
    *
-   * const weight = await element.selectFontWeight({
+   * const weight = await reactElements.selectFontWeight({
    *   fontFamily: { family: 'Arial', weight: '400' },
    *   onChange: (value) => console.log('Selected weight:', value.weight),
    * });
@@ -1176,9 +1176,9 @@ class ElementSDKShape extends BaseSDKShape {
    *
    * @example
    * ```ts
-   * import { element } from '@wix/editor';
+   * import { reactElements } from '@wix/editor';
    *
-   * const theme = await element.selectTextTheme({
+   * const theme = await reactElements.selectTextTheme({
    *   initialValue: { font: 'Heading 1', color: '#333' },
    * });
    * ```
@@ -1200,9 +1200,9 @@ class ElementSDKShape extends BaseSDKShape {
    *
    * @example
    * ```ts
-   * import { element } from '@wix/editor';
+   * import { reactElements } from '@wix/editor';
    *
-   * const index = await element.getArrayItemsSelectedIndex();
+   * const index = await reactElements.getArrayItemsSelectedIndex();
    * ```
    */
   async getArrayItemsSelectedIndex(options) {
@@ -1222,9 +1222,9 @@ class ElementSDKShape extends BaseSDKShape {
    *
    * @example
    * ```ts
-   * import { element } from '@wix/editor';
+   * import { reactElements } from '@wix/editor';
    *
-   * await element.setArrayItemsSelectedIndex({ index: 2 });
+   * await reactElements.setArrayItemsSelectedIndex({ index: 2 });
    * ```
    */
   async setArrayItemsSelectedIndex(options) {
@@ -1244,9 +1244,9 @@ class ElementSDKShape extends BaseSDKShape {
    *
    * @example
    * ```ts
-   * import { element } from '@wix/editor';
+   * import { reactElements } from '@wix/editor';
    *
-   * await element.resetArrayItemsSelectedIndex();
+   * await reactElements.resetArrayItemsSelectedIndex();
    * ```
    */
   async resetArrayItemsSelectedIndex(options) {
@@ -1265,9 +1265,9 @@ class ElementSDKShape extends BaseSDKShape {
    *
    * @example
    * ```ts
-   * import { element } from '@wix/editor';
+   * import { reactElements } from '@wix/editor';
    *
-   * const token = await element.getBiToken();
+   * const token = await reactElements.getBiToken();
    * ```
    */
   async getBiToken() {