@wix/editor-react-components 1.2153.0

package/dist/site/components/Image3/css.css

@@ -0,0 +1,63 @@
+.image__iWj48 {
+  container-type: size;
+  display: block;
+  width: 100%;
+  height: 100%;
+  contain: paint;
+}
+.image__iWj48 img {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: var(--object-fit, cover);
+  --position-left: calc(50cqw - 1cqh * var(--focal-x, 50) * var(--aspect-ratio, 1));
+  --position-top: calc(50cqh - 1cqw * var(--focal-y, 50) / var(--aspect-ratio, 1));
+  object-position: clamp(100%, var(--position-left), 0%) clamp(100%, var(--position-top), 0%);
+}
+
+@container style(--object-fit) and (not style(--object-fit: cover)) {
+  .image__iWj48 img {
+    object-position: center;
+  }
+}.root__FuiJG {
+  mix-blend-mode: var(--blend-mode, normal);
+}
+
+.image3__6ufCe {
+  position: relative;
+  block-size: 100%;
+  overflow: clip;
+  border-color: var(--border-color);
+  border-width: var(--border-width, 0);
+  border-style: var(--border-style, solid);
+  border-radius: var(--border-radius);
+  box-shadow: var(--box-shadow);
+  box-sizing: border-box;
+}
+.image3__6ufCe.fitWidth__0L5O4 {
+  block-size: auto;
+  aspect-ratio: var(--original-aspect-ratio, 1);
+}
+.image3__6ufCe .imageLayer__w0TXF {
+  position: relative;
+  block-size: 100%;
+}
+.image3__6ufCe .imageLayer__w0TXF picture {
+  position: relative;
+}
+.image3__6ufCe .imageLayer__w0TXF img {
+  opacity: var(--opacity, 1);
+}
+.image3__6ufCe .wowImage__1yncg {
+  position: absolute;
+  inline-size: 100%;
+  block-size: 100%;
+  mask-position: 0px 0px;
+  mask-size: 100% 100%;
+  mask-repeat: no-repeat;
+  mask-image: var(--maskImage, none);
+}
+
+.linkLayer__hoVt- {
+  display: inline;
+}

package/dist/site/components/Image3/index.d.ts

@@ -0,0 +1,2 @@
+export * from './component';
+export { default, default as Image3 } from './component';

package/dist/site/components/Image3/index.js

@@ -0,0 +1,6 @@
+'use client';
+
+import Image3 from './component.js';
+
+export { Image3 };
+export default Image3;

package/dist/site/components/Image3/manifest.d.ts

@@ -0,0 +1,5 @@
+import { EditorReactComponent } from '@wix/component-protocol/schema';
+declare const manifest: EditorReactComponent & {
+    id: string;
+};
+export default manifest;

package/dist/site/components/Image3/manifest.js

@@ -0,0 +1,197 @@
+import { I as INTERACTIONS, D as DATA, C as CSS_PROPERTIES, M as MEDIA, b as DISPLAY_GROUPS, L as LAYOUT, a as ACTIONS, A as Archetype } from "../chunks/chunk-JPMZBG44.js";
+const manifest = {
+  id: "0bfa7aab-081b-431b-adb2-1b1062e8f21a",
+  type: "wixEditorElements.Image",
+  description: "A fundamental component for displaying image files",
+  installation: {
+    initialSize: {
+      width: {
+        sizingType: LAYOUT.SIZING_TYPE.pixels,
+        pixels: 300
+      },
+      height: {
+        sizingType: LAYOUT.SIZING_TYPE.pixels,
+        pixels: 200
+      },
+      preserveAspectRatio: true
+    }
+  },
+  resources: {
+    client: {
+      componentUrl: "./site/components/Image3/component.tsx",
+      moduleSpecifier: "@wix/editor-react-components/Image3"
+    },
+    editor: {
+      componentUrl: "./site/components/Image3/component.preview.tsx"
+    },
+    sdk: {
+      url: "./site/components/Image3/sdk.ts"
+    }
+  },
+  editorElement: {
+    selector: ".image",
+    displayName: "Image",
+    archetype: Archetype.Image,
+    customActions: {
+      mask: {
+        displayName: "Mask",
+        execution: {
+          actionType: ACTIONS.ACTION_TYPE.panel,
+          panel: {
+            panelType: ACTIONS.PANEL_TYPE.panelId,
+            panelId: "dc5210e2-f869-4f69-b336-ab8b14f56fa5"
+          }
+        }
+      }
+    },
+    layout: {
+      contentFill: {
+        dataItemKey: "image"
+      },
+      resizeDirection: LAYOUT.RESIZE_DIRECTION.horizontalAndVertical
+    },
+    displayGroups: {
+      borderGroup: {
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.border,
+        border: {
+          color: "border-color",
+          width: "border-width",
+          style: "border-style"
+        }
+      },
+      effectGroup: {
+        displayName: "Effects",
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.cssDataType,
+        cssDataType: {
+          items: ["blend-mode"]
+        }
+      }
+    },
+    cssCustomProperties: {
+      "border-color": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderColor,
+        displayName: "Border Color"
+      },
+      "border-width": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderWidth,
+        displayName: "Border Width"
+      },
+      "border-style": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderStyle,
+        displayName: "Border Style"
+      },
+      "box-shadow": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.boxShadow,
+        displayName: "Box Shadow"
+      },
+      "border-radius": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderRadius,
+        displayName: "Corner Radius"
+      },
+      "blend-mode": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.blendMode,
+        displayName: "Blend Mode",
+        defaultValue: "normal",
+        spec: "sp.erc.imageBlendMode"
+      },
+      opacity: {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.opacity,
+        displayName: "Opacity",
+        defaultValue: "1"
+      },
+      maskImage: {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.maskImage,
+        maskImage: {
+          vectorArtCategory: MEDIA.VECTOR_ART_CATEGORY.SHAPE_LOCATION,
+          imageTypes: [CSS_PROPERTIES.IMAGE_TYPE.url]
+        }
+      }
+    },
+    data: {
+      link: {
+        displayName: "Link",
+        dataType: DATA.DATA_TYPE.link,
+        [DATA.DATA_TYPE.link]: {
+          linkTypes: [
+            DATA.LINK_TYPE.pageLink,
+            DATA.LINK_TYPE.dynamicPageLink,
+            DATA.LINK_TYPE.externalLink,
+            DATA.LINK_TYPE.anchorLink,
+            DATA.LINK_TYPE.edgeAnchorLinks,
+            DATA.LINK_TYPE.documentLink,
+            DATA.LINK_TYPE.emailLink,
+            DATA.LINK_TYPE.phoneLink,
+            DATA.LINK_TYPE.popupLink
+          ]
+        }
+      },
+      a11y: {
+        dataType: DATA.DATA_TYPE.a11y,
+        displayName: "A11y",
+        [DATA.DATA_TYPE.a11y]: {
+          attributes: [
+            DATA.A11Y_ATTRIBUTES.tabIndex,
+            DATA.A11Y_ATTRIBUTES.role
+          ]
+        }
+      },
+      priority: {
+        displayName: "Priority",
+        dataType: DATA.DATA_TYPE.textEnum,
+        [DATA.DATA_TYPE.textEnum]: {
+          options: [
+            { value: "high", displayName: "high" },
+            { value: "low", displayName: "low" }
+          ]
+        }
+      },
+      decorative: {
+        displayName: "Decorative",
+        dataType: DATA.DATA_TYPE.booleanValue
+      },
+      displayMode: {
+        displayName: "Display mode",
+        dataType: DATA.DATA_TYPE.textEnum,
+        [DATA.DATA_TYPE.textEnum]: {
+          options: [
+            { value: "fill", displayName: "Fill" },
+            { value: "fit", displayName: "Fit" },
+            { value: "fitWidth", displayName: "Keep image ratio" }
+          ]
+        }
+      },
+      image: {
+        displayName: "Image",
+        dataType: DATA.DATA_TYPE.image,
+        [DATA.DATA_TYPE.image]: {
+          category: "IMAGE"
+        },
+        disableDeletion: true
+      }
+    },
+    interactions: {
+      triggers: [
+        INTERACTIONS.TRIGGER_TYPE.viewEnter,
+        INTERACTIONS.TRIGGER_TYPE.pageVisible,
+        INTERACTIONS.TRIGGER_TYPE.animationEnd,
+        INTERACTIONS.TRIGGER_TYPE.pointerMove,
+        INTERACTIONS.TRIGGER_TYPE.viewProgress
+      ],
+      effectGroups: [INTERACTIONS.EFFECT_GROUP.background]
+    },
+    displayFilters: {
+      data: {
+        hide: ["priority", "decorative"]
+      },
+      cssCustomProperties: {
+        hide: ["mix-blend-mode", "maskImage"]
+      }
+    },
+    helpArticle: {
+      kbId: "1c5f8b38-785d-4e44-bff9-be0ce6a6f487"
+    }
+  }
+};
+export {
+  manifest as default
+};

package/dist/site/components/Image3/previewManifestOverrides.d.ts

@@ -0,0 +1,4 @@
+import { DisplayFilters } from '@wix/component-protocol/schema';
+export declare const MASK_PANEL_EXPERIMENT = "sp.erc.MaskPanel";
+export declare const syncImage3MaskPanelExperimentState: (isExperimentOpen: boolean) => void;
+export declare const getHideMaskActionDisplayFilters: () => DisplayFilters | undefined;

package/dist/site/components/Image3/sdk.d.ts

@@ -0,0 +1,5 @@
+import { Image3Props } from './Image3.types';
+import { CorvidSDKFactory } from '../../../types/vendored/editor-elements-types-corvid';
+export declare const createSdk: CorvidSDKFactory<Image3Props>;
+declare const _default: CorvidSDKFactory<object, object, object>;
+export default _default;

package/dist/site/components/Image3/sdk.js

@@ -0,0 +1,105 @@
+import { i as isNil } from "../chunks/assert.js";
+import { r as reportError } from "../chunks/reporters.js";
+import { p as parseMediaSrc, c as createMediaSrc } from "../chunks/mediaSrcHandler.js";
+import { c as composeSDKFactories } from "../chunks/composeSDKFactories.js";
+import { b as basePropsSDKFactory } from "../chunks/basePropsSDKFactory.js";
+const createSdk = (api) => {
+  const { props, setProps } = api;
+  return {
+    get src() {
+      var _a, _b, _c, _d;
+      return createMediaSrc({
+        type: "image",
+        mediaId: (_a = props == null ? void 0 : props.image) == null ? void 0 : _a.uri,
+        title: (_b = props == null ? void 0 : props.image) == null ? void 0 : _b.name,
+        width: (_c = props == null ? void 0 : props.image) == null ? void 0 : _c.width,
+        height: (_d = props == null ? void 0 : props.image) == null ? void 0 : _d.height
+      }).item ?? "";
+    },
+    set src(value) {
+      const src = isNil(value) ? "" : value;
+      const {
+        height,
+        width,
+        title: name,
+        error,
+        mediaId: uri
+      } = parseMediaSrc(src.toString(), "image");
+      if (error) {
+        reportError(
+          `The "src" property cannot be set to "src". It must be a valid URL starting with "http://", "https://", or "wix:image://".`
+        );
+        return;
+      }
+      const { image } = props;
+      const currentImageData = image;
+      const updatedImageData = {
+        ...currentImageData,
+        width: width || (currentImageData == null ? void 0 : currentImageData.width),
+        height: height || (currentImageData == null ? void 0 : currentImageData.height),
+        uri: uri || (currentImageData == null ? void 0 : currentImageData.uri),
+        name: name || (currentImageData == null ? void 0 : currentImageData.name),
+        crop: null
+      };
+      setProps({
+        image: updatedImageData
+      });
+    },
+    get alt() {
+      var _a;
+      return (_a = props.image) == null ? void 0 : _a.alt;
+    },
+    set alt(value) {
+      if (isNil(value)) {
+        const image = props.image || {};
+        delete image.alt;
+        setProps({ image });
+      } else {
+        setProps({
+          image: {
+            ...props.image,
+            alt: value
+          }
+        });
+      }
+    },
+    get displayMode() {
+      return props.displayMode;
+    },
+    set displayMode(displayMode) {
+      setProps({
+        displayMode
+      });
+    },
+    get name() {
+      var _a;
+      return (_a = props == null ? void 0 : props.image) == null ? void 0 : _a.name;
+    },
+    set name(value) {
+      setProps({
+        image: {
+          ...props.image,
+          name: value
+        }
+      });
+    },
+    get type() {
+      return "$w.Image";
+    },
+    toJSON() {
+      var _a, _b, _c;
+      return {
+        // ...toJSONBase(metaData),
+        type: "$w.Image",
+        alt: (_a = props == null ? void 0 : props.image) == null ? void 0 : _a.alt,
+        src: (_b = props == null ? void 0 : props.image) == null ? void 0 : _b.uri,
+        name: (_c = props == null ? void 0 : props.image) == null ? void 0 : _c.name
+      };
+    }
+  };
+};
+const sdk = composeSDKFactories([createSdk, basePropsSDKFactory]);
+export {
+  createSdk,
+  sdk as default
+};

package/dist/site/components/LegacyAppWidget/component.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { ResponsiveContainerProps } from '../../../types/vendored/mappers-legacy-service';
+export type LegacyAppWidgetProps = {
+    id: string;
+    className: string;
+    containerProps: ResponsiveContainerProps;
+    containerRootClassName: string;
+};
+declare const LegacyAppWidget: ({ id, className, containerProps, containerRootClassName, children, }: React.PropsWithChildren<LegacyAppWidgetProps>) => React.JSX.Element;
+export default LegacyAppWidget;

package/dist/site/components/LegacyAppWidget/component.js

@@ -0,0 +1,46 @@
+import { jsx } from "react/jsx-runtime";
+import { c as cn } from "../chunks/index8.js";
+import { c as clsx } from "../chunks/clsx.js";
+import { a as getDataAttributes } from "../chunks/dataUtils.js";
+import { R as ResponsiveContainer } from "../chunks/ResponsiveContainer.js";
+const ResponsiveAppWidget = (props) => {
+  const {
+    id,
+    children,
+    containerProps,
+    containerRootClassName = "",
+    className = "",
+    shouldUseClassName
+  } = props;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      id,
+      className: clsx(containerRootClassName, {
+        [className]: shouldUseClassName
+      }),
+      ...getDataAttributes(props),
+      children: /* @__PURE__ */ jsx(ResponsiveContainer, { ...containerProps, children })
+    }
+  );
+};
+const LegacyAppWidget = ({
+  id,
+  className,
+  containerProps,
+  containerRootClassName,
+  children
+}) => /* @__PURE__ */ jsx(
+  ResponsiveAppWidget,
+  {
+    id,
+    className: cn(className, "legacy-app-widget"),
+    containerProps,
+    containerRootClassName,
+    shouldUseClassName: true,
+    children: () => children
+  }
+);
+export {
+  LegacyAppWidget as default
+};

package/dist/site/components/LegacyAppWidget/components/AppWidget.types.d.ts

@@ -0,0 +1,11 @@
+import { DefaultCompPlatformProps, DefaultContainerProps } from '../../../../types/vendored/editor-elements-types-thunderbolt';
+import { ResponsiveContainerPlatformProps } from '../../../../common/ResponsiveContainer/ResponsiveContainer.types';
+type AppWidgetMapperProps = {
+    shouldUseClassName: boolean;
+};
+type ResponsiveAppWidgetPlatformProps = {
+    containerProps: ResponsiveContainerPlatformProps;
+    containerRootClassName?: string;
+};
+export type IResponsiveAppWidgetProps = DefaultCompPlatformProps & DefaultContainerProps & ResponsiveAppWidgetPlatformProps & AppWidgetMapperProps;
+export {};

package/dist/site/components/LegacyAppWidget/components/ResponsiveAppWidget.d.ts

@@ -0,0 +1,4 @@
+import { IResponsiveAppWidgetProps } from './AppWidget.types';
+import * as React from 'react';
+declare const ResponsiveAppWidget: React.FC<IResponsiveAppWidgetProps>;
+export default ResponsiveAppWidget;

package/dist/site/components/LegacyAppWidget/css.css

@@ -0,0 +1,3 @@
+.container-overflow__-OVbb {
+  border-radius: var(--overflow-wrapper-border-radius);
+}

package/dist/site/components/LegacyAppWidget/index.d.ts

@@ -0,0 +1,2 @@
+export * from './component';
+export { default, default as LegacyAppWidget } from './component';

package/dist/site/components/LegacyAppWidget/index.js

@@ -0,0 +1,6 @@
+'use client';
+
+import LegacyAppWidget from './component.js';
+
+export { LegacyAppWidget };
+export default LegacyAppWidget;

package/dist/site/components/LegacyAppWidget/manifest.d.ts

@@ -0,0 +1,5 @@
+import { EditorReactComponent } from '@wix/component-protocol/schema';
+declare const manifest: EditorReactComponent & {
+    id: string;
+};
+export default manifest;

package/dist/site/components/LegacyAppWidget/manifest.js

@@ -0,0 +1,42 @@
+import { C as CSS_PROPERTIES, E as ELEMENTS } from "../chunks/chunk-JPMZBG44.js";
+const manifest = {
+  id: "469ad5da-7dec-4577-8640-3d9220917692",
+  type: "wixEditorElements.LegacyAppWidget",
+  description: "LegacyAppWidget",
+  editorElement: {
+    selector: ".legacy-app-widget",
+    displayName: "AppWidget",
+    elements: {
+      innerBox: {
+        elementType: ELEMENTS.ELEMENT_TYPE.inlineElement,
+        inlineElement: {
+          selector: ".inner-box",
+          displayName: "Inner box",
+          behaviors: {
+            selectable: false
+          },
+          cssProperties: {
+            backgroundColor: {},
+            backdropFilter: {
+              backdropFilter: {
+                filterFunctions: [CSS_PROPERTIES.FILTER_FUNCTION.blur]
+              }
+            },
+            border: {},
+            borderRadius: {},
+            boxShadow: {}
+          }
+        }
+      }
+    }
+  },
+  resources: {
+    client: {
+      componentUrl: "./site/components/LegacyAppWidget/component.tsx",
+      moduleSpecifier: "@wix/editor-react-components/LegacyAppWidget"
+    }
+  }
+};
+export {
+  manifest as default
+};

package/dist/site/components/LegacyContainer/Container.corvid.d.ts

@@ -0,0 +1,5 @@
+import { IContainerSDK, IContainerProps } from './components/Container.types';
+export declare const accessibilityPropsSDKFactory: import('../../../types/vendored/editor-elements-types-corvid').CorvidSDKPropsFactory<import('../../../common/sdk/props-factories/accessibilitySDKFactories').IAccessibilityPropSDKProps, import('../../../common/sdk/props-factories/accessibilitySDKFactories').IAccessibilityPropSDK>;
+export declare const sdk: import('../../../types/vendored/editor-elements-types-corvid').CorvidSDKFactory<IContainerProps, IContainerSDK, any>;
+declare const _default: import('../../../types/vendored/editor-elements-types-corvid').IComponentSDKModel;
+export default _default;

package/dist/site/components/LegacyContainer/component.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { IResponsiveBoxProps } from './components/Container.types';
+import { ResponsiveContainerProps } from '../../../types/vendored/mappers-legacy-service';
+export type LegacyContainerProps = {
+    id: string;
+    className: string;
+    containerProps: ResponsiveContainerProps;
+    containerRootClassName: string;
+    role?: IResponsiveBoxProps['role'];
+    translations?: any;
+};
+declare const LegacyContainer: ({ id, className, containerProps, containerRootClassName, role, translations, children, }: React.PropsWithChildren<LegacyContainerProps>) => React.JSX.Element;
+export default LegacyContainer;

package/dist/site/components/LegacyContainer/component.js

@@ -0,0 +1,40 @@
+import { jsx } from "react/jsx-runtime";
+import { c as cn } from "../chunks/index8.js";
+import * as React from "react";
+import { R as ResponsiveBox$1 } from "../chunks/ResponsiveBox.js";
+import { R as ResponsiveContainer } from "../chunks/ResponsiveContainer.js";
+const semanticClassNames = {
+  root: "box"
+};
+const ResponsiveBoxSkin = (props, ref) => /* @__PURE__ */ jsx(
+  ResponsiveBox$1,
+  {
+    ...props,
+    ref,
+    semanticClassNames
+  }
+);
+const ResponsiveBox = React.forwardRef(ResponsiveBoxSkin);
+const LegacyContainer = ({
+  id,
+  className,
+  containerProps,
+  containerRootClassName,
+  role,
+  translations,
+  children
+}) => /* @__PURE__ */ jsx(
+  ResponsiveBox,
+  {
+    id,
+    className: cn(className, "legacy-container"),
+    containerProps,
+    containerRootClassName,
+    role,
+    translations,
+    children: () => /* @__PURE__ */ jsx(ResponsiveContainer, { ...containerProps, children: () => children })
+  }
+);
+export {
+  LegacyContainer as default
+};

package/dist/site/components/LegacyContainer/components/Container.semanticClassNames.d.ts

@@ -0,0 +1,4 @@
+declare const semanticClassNames: {
+    readonly root: "box";
+};
+export default semanticClassNames;

package/dist/site/components/LegacyContainer/components/Container.shared.constants.d.ts

@@ -0,0 +1,6 @@
+export declare const ARIA_LABEL_NAMESPACE = "ariaLabels";
+export declare const ARIA_LABEL_KEY = "interactions_AriaLabel_contentOnHover_message";
+export declare const ARIA_LABEL_DEFAULT = "Interactive element, focus to trigger content change";
+export declare const TestIds: {
+    BG: string;
+};