@wix/editor 1.505.0 → 1.506.0

package/dist/statics/index.js

@@ -543,9 +543,9 @@
      *
      * @example
      * ```ts
-     * import { element } from '@wix/editor';
+     * import { reactElements } from '@wix/editor';
      *
-     * const defs = await element.getStyleDefinitions();
+     * const defs = await reactElements.getStyleDefinitions();
      * ```
      */
     async getStyleDefinitions() {
@@ -563,9 +563,9 @@
      *
      * @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;
      * ```
      */
@@ -582,16 +582,16 @@
      *
      * @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' }
      * });
      * ```
@@ -610,16 +610,16 @@
      *
      * @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']
      * });
      * ```
@@ -640,9 +640,9 @@
      *
      * @example
      * ```ts
-     * import { element } from '@wix/editor';
+     * import { reactElements } from '@wix/editor';
      *
-     * const defs = await element.getDataDefinitions();
+     * const defs = await reactElements.getDataDefinitions();
      * ```
      */
     async getDataDefinitions() {
@@ -661,9 +661,9 @@
      *
      * @example
      * ```ts
-     * import { element } from '@wix/editor';
+     * import { reactElements } from '@wix/editor';
      *
-     * const data = await element.getData();
+     * const data = await reactElements.getData();
      * ```
      */
     async getData() {
@@ -685,9 +685,9 @@
      *
      * @example
      * ```ts
-     * import { element } from '@wix/editor';
+     * import { reactElements } from '@wix/editor';
      *
-     * const resolved = await element.getResolvedData({
+     * const resolved = await reactElements.getResolvedData({
      *   dataItemKey: 'heroImage',
      * });
      * ```
@@ -712,9 +712,9 @@
      *
      * @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) {
@@ -733,9 +733,9 @@
      *
      * @example
      * ```ts
-     * import { element } from '@wix/editor';
+     * import { reactElements } from '@wix/editor';
      *
-     * const presets = await element.getPresetDefinitions();
+     * const presets = await reactElements.getPresetDefinitions();
      * ```
      */
     async getPresetDefinitions() {
@@ -753,9 +753,9 @@
      *
      * @example
      * ```ts
-     * import { element } from '@wix/editor';
+     * import { reactElements } from '@wix/editor';
      *
-     * const preset = await element.getAppliedPreset();
+     * const preset = await reactElements.getAppliedPreset();
      * ```
      */
     async getAppliedPreset() {
@@ -774,9 +774,9 @@
      *
      * @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) {
@@ -796,11 +796,11 @@
      *
      * @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' },
      * });
      * ```
@@ -822,9 +822,9 @@
      *
      * @example
      * ```ts
-     * import { element } from '@wix/editor';
+     * import { reactElements } from '@wix/editor';
      *
-     * const name = await element.getDisplayName();
+     * const name = await reactElements.getDisplayName();
      * ```
      */
     async getDisplayName() {
@@ -842,9 +842,9 @@
      *
      * @example
      * ```ts
-     * import { element } from '@wix/editor';
+     * import { reactElements } from '@wix/editor';
      *
-     * const state = await element.getState();
+     * const state = await reactElements.getState();
      * ```
      */
     async getState() {
@@ -863,11 +863,11 @@
      *
      * @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) {
@@ -886,9 +886,9 @@
      *
      * @example
      * ```ts
-     * import { element } from '@wix/editor';
+     * import { reactElements } from '@wix/editor';
      *
-     * const states = await element.getStateDefinitions();
+     * const states = await reactElements.getStateDefinitions();
      * ```
      */
     async getStateDefinitions() {
@@ -910,9 +910,9 @@
      *
      * @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);
      *   }
@@ -941,11 +941,11 @@
      *
      * @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),
      * });
@@ -977,11 +977,11 @@
      *
      * @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),
      * });
@@ -1015,11 +1015,11 @@
      *
      * @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',
      * });
@@ -1045,11 +1045,11 @@
      *
      * @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'] },
      * });
@@ -1075,11 +1075,11 @@
      *
      * @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,
@@ -1110,9 +1110,9 @@
      *
      * @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),
      * });
@@ -1139,14 +1139,14 @@
      *
      * @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),
      * });
@@ -1174,9 +1174,9 @@
      *
      * @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' },
      * });
      * ```
@@ -1198,9 +1198,9 @@
      *
      * @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) {
@@ -1220,9 +1220,9 @@
      *
      * @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) {
@@ -1242,9 +1242,9 @@
      *
      * @example
      * ```ts
-     * import { element } from '@wix/editor';
+     * import { reactElements } from '@wix/editor';
      *
-     * await element.resetArrayItemsSelectedIndex();
+     * await reactElements.resetArrayItemsSelectedIndex();
      * ```
      */
     async resetArrayItemsSelectedIndex(options) {
@@ -1263,9 +1263,9 @@
      *
      * @example
      * ```ts
-     * import { element } from '@wix/editor';
+     * import { reactElements } from '@wix/editor';
      *
-     * const token = await element.getBiToken();
+     * const token = await reactElements.getBiToken();
      * ```
      */
     async getBiToken() {