@wix/editor-react-components 1.2153.0

package/dist/site/components/Line/manifestConfigs/shapeConfig.d.ts

@@ -0,0 +1,17 @@
+export type Edge = 'before' | 'after';
+export declare const getShapeConfig: (edge: Edge, displayName: string) => {
+    cssPropertyType: import('@wix/ambassador-devcenter-v1-component-type-data/types').CssPropertyEnumCssPropertyType;
+    defaultValue: string;
+    displayName: string;
+    customEnum: {
+        cssPropertyType: import('@wix/ambassador-devcenter-v1-component-type-data/types').CssPropertyEnumCssPropertyType;
+        options: {
+            value: string;
+            displayName: string;
+            appliedStyles: {
+                property: string;
+                value: string;
+            }[];
+        }[];
+    };
+};

package/dist/site/components/Line/manifestConfigs/typeConfig.d.ts

@@ -0,0 +1,16 @@
+export declare const newTypeConfig: {
+    customEnum: {
+        cssPropertyType: import('@wix/ambassador-devcenter-v1-component-type-data/types').CssPropertyEnumCssPropertyType;
+        options: {
+            value: string;
+            displayName: string;
+            appliedStyles: {
+                property: string;
+                value: string;
+            }[];
+        }[];
+    };
+    displayName: string;
+    defaultValue: string;
+    cssPropertyType: import('@wix/ambassador-devcenter-v1-component-type-data/types').CssPropertyEnumCssPropertyType;
+};

package/dist/site/components/Line/panels/format/extension.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    type: string;
+};
+export default _default;

package/dist/site/components/Line/panels/format/panel.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/site/components/Line/panels/format/translations/consts.d.ts

@@ -0,0 +1,7 @@
+export declare const TranslationKeys: {
+    readonly orientationLabel: "custompanel_line_orientation_field_label";
+    readonly horizontalOption: "custompanel_line_orientation_field_horizontal_option";
+    readonly verticalOption: "custompanel_line_orientation_field_vertical_option";
+};
+export type Translations = Record<keyof typeof TranslationKeys, string>;
+export declare const DefaultTranslations: Translations;

package/dist/site/components/LinkBar/LinkBar.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { LinkBarProps } from './types';
+export type { LinkBarProps } from './types';
+declare const LinkBar: (props: LinkBarProps) => React.JSX.Element;
+export default LinkBar;

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

@@ -0,0 +1,2 @@
+import { default as LinkBar } from './LinkBar';
+export default LinkBar;

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

@@ -0,0 +1,93 @@
+import { jsx } from "react/jsx-runtime";
+import { useService } from "@wix/services-manager-react";
+import { d as definitionExports } from "../chunks/index5.js";
+import { a as getDataAttributes } from "../chunks/dataUtils.js";
+import { c as clsx } from "../chunks/clsx.js";
+import { L as Link } from "../chunks/Link.js";
+import { A as ARIA_LABEL_NAMESPACE, a as ARIA_LABEL_KEY, b as ARIA_LABEL_DEFAULT } from "../chunks/constants26.js";
+import { d as directionStyles } from "../chunks/direction.module.js";
+import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
+const root = "root__yd5w0";
+const svgWrapper = "svgWrapper__UZ7vg";
+const container = "container__fHurD";
+const listItem = "listItem__riFn4";
+const link = "link__sg7qR";
+const styles = {
+  root,
+  svgWrapper,
+  container,
+  listItem,
+  link
+};
+const defaultSvgContent = `
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
+    <path d="M110,164.5c-2.209,0-4-1.791-4-4,0-12.991-4.075-24.851-11.476-33.393-7.672-8.855-18.227-13.536-30.524-13.536s-22.853,4.681-30.524,13.536c-7.4,8.542-11.476,20.401-11.476,33.393,0,2.209-1.791,4-4,4s-4-1.791-4-4c0-31.828,21.028-54.929,50-54.929s50,23.101,50,54.929c0,2.209-1.791,4-4,4Z"/>
+    <path d="M135.179,97.714c-17.152,0-31.107-13.955-31.107-31.107s13.955-31.106,31.107-31.106,31.106,13.954,31.106,31.106-13.954,31.107-31.106,31.107ZM135.179,43.5c-12.741,0-23.107,10.365-23.107,23.106s10.366,23.107,23.107,23.107,23.106-10.366,23.106-23.107-10.365-23.106-23.106-23.106Z"/>
+    <path d="M182,164.5c-2.209,0-4-1.791-4-4,0-12.991-4.075-24.851-11.476-33.393-7.672-8.855-18.227-13.536-30.524-13.536-7.748,0-14.801,1.854-20.963,5.511-1.899,1.126-4.354.5-5.481-1.399-1.127-1.899-.501-4.354,1.399-5.481,7.414-4.399,15.841-6.63,25.045-6.63,28.972,0,50,23.101,50,54.929,0,2.209-1.791,4-4,4Z"/>
+    <path d="M63.179,97.714c-17.152,0-31.107-13.955-31.107-31.107s13.955-31.106,31.107-31.106,31.106,13.954,31.106,31.106-13.954,31.107-31.106,31.107ZM63.179,43.5c-12.741,0-23.107,10.365-23.107,23.106s10.366,23.107,23.107,23.107,23.106-10.366,23.106-23.107-10.365-23.106-23.106-23.106Z"/>
+  </svg>
+`;
+const LinkButtonIcon = ({ svg }) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-hidden": true,
+      className: styles.svgWrapper,
+      dangerouslySetInnerHTML: {
+        __html: svg || ""
+      }
+    }
+  );
+};
+const LinkBar = (props) => {
+  const { translate } = useService(
+    definitionExports.TranslationsDefinition
+  );
+  const translations = {
+    ariaLabel: translate(ARIA_LABEL_NAMESPACE)(ARIA_LABEL_KEY) || ARIA_LABEL_DEFAULT
+  };
+  const { id, className, onMouseIn, onMouseOut, direction, items, wix } = props;
+  const presetsWrapperProps = (wix == null ? void 0 : wix.presetsWrapperProps) || {};
+  return /* @__PURE__ */ jsx("div", { className: presetWrapperStyles.presetWrapper, ...presetsWrapperProps, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      id,
+      ...getDataAttributes(props),
+      ...direction && { dir: direction },
+      className: clsx(
+        className,
+        styles.root,
+        directionStyles.fallbackDirection,
+        "link-bar"
+      ),
+      onMouseEnter: onMouseIn,
+      onMouseLeave: onMouseOut,
+      children: /* @__PURE__ */ jsx("nav", { "aria-label": translations.ariaLabel, children: /* @__PURE__ */ jsx("ul", { className: styles.container, children: (items ?? []).map((item, index) => {
+        const { icon, link: link2, a11y } = item;
+        const svgContent = (icon == null ? void 0 : icon.svgContent) || defaultSvgContent;
+        const svgButton = /* @__PURE__ */ jsx(LinkButtonIcon, { svg: svgContent });
+        return /* @__PURE__ */ jsx("li", { className: styles.listItem, children: link2 ? /* @__PURE__ */ jsx(
+          Link,
+          {
+            className: styles.link,
+            ...link2,
+            href: link2.href,
+            "aria-label": (a11y == null ? void 0 : a11y.ariaLabel) || "Social Bar item",
+            children: svgButton
+          }
+        ) : /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: styles.link,
+            tabIndex: -1,
+            "aria-hidden": "true",
+            children: svgButton
+          }
+        ) }, index);
+      }) }) })
+    }
+  ) });
+};
+export {
+  LinkBar as default
+};

package/dist/site/components/LinkBar/constants.d.ts

@@ -0,0 +1,57 @@
+export declare const presets: {
+    horizontal: string;
+    vertical: string;
+};
+export declare const DisplayNames: {
+    root: {
+        elementDisplayName: string;
+        presets: {
+            horizontal: string;
+            vertical: string;
+        };
+        cssCustomProperties: {
+            'item-size': string;
+            'row-gap': string;
+            'column-gap': string;
+            'justify-content': string;
+        };
+        data: {
+            items: string;
+            icon: string;
+            link: string;
+        };
+        actions: {
+            manageItems: string;
+        };
+        customActions: {
+            orientation: string;
+        };
+        displayGroups: {
+            gapGroup: {
+                displayName: string;
+            };
+            iconsGroup: {
+                displayName: string;
+            };
+        };
+    };
+};
+export declare const DesignStates: {
+    readonly root: {
+        readonly hover: {
+            readonly displayName: "Hover";
+            readonly className: "link-bar--hover";
+        };
+    };
+};
+export declare const ARIA_LABEL_NAMESPACE = "ariaLabels";
+export declare const ARIA_LABEL_KEY = "LinkBar_AriaLabel_SocialBarContainer";
+export declare const ARIA_LABEL_DEFAULT = "Social Bar";
+export declare const FORMAT_PANEL_BI_PARAMS: {
+    component_type: string;
+    builder_type: string;
+    panel_name: string;
+    control_type: string;
+    control_id: string;
+    panel_builder: string;
+};

package/dist/site/components/LinkBar/css.css

@@ -0,0 +1,46 @@
+.root__yd5w0 {
+  --direction: revert;
+  --row-gap: 0;
+  --column-gap: 0;
+  --item-size: 30px;
+  --justify-content: center;
+}
+.root__yd5w0 .svgWrapper__UZ7vg {
+  width: var(--item-size);
+  height: var(--item-size);
+}
+.root__yd5w0 .svgWrapper__UZ7vg svg {
+  width: 100%;
+  height: 100%;
+  /* prevent icons cutting off  */
+  overflow: clip;
+  overflow-clip-margin: 2px;
+}
+.root__yd5w0 .container__fHurD {
+  display: flex;
+  margin: 0 auto;
+  width: 100%;
+  flex-wrap: wrap;
+  flex-direction: var(--container-flex-direction, row);
+  gap: var(--row-gap) var(--column-gap);
+  justify-content: var(--justify-content);
+}
+.root__yd5w0 .container__fHurD .listItem__riFn4 {
+  width: var(--item-size);
+  min-width: var(--item-size);
+  height: var(--item-size);
+  direction: var(--direction);
+}
+.root__yd5w0 .container__fHurD .listItem__riFn4 .link__sg7qR {
+  display: block;
+}
+.root__yd5w0 .container__fHurD .listItem__riFn4 .link__sg7qR .image__kHdAt {
+  width: var(--item-size);
+  height: var(--item-size);
+}
+.fallbackDirection__HeRgn:not([dir]) {
+  direction: var(--wix-opt-in-direction);
+}
+.presetWrapper__J1yzj {
+  display: contents;
+}

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

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

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

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

package/dist/site/components/LinkBar/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/LinkBar/manifest.js

@@ -0,0 +1,230 @@
+import { a as ACTIONS, D as DATA, M as MEDIA, N as NativeStateType, C as CSS_PROPERTIES, b as DISPLAY_GROUPS, L as LAYOUT, I as INTERACTIONS, A as Archetype } from "../chunks/chunk-JPMZBG44.js";
+import { D as DesignStates, p as presets, c as DisplayNames } from "../chunks/constants26.js";
+import { a as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
+import { w as withSpec } from "../chunks/manifest.js";
+import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
+const manifest = {
+  id: "241afef1-74bd-4a10-843f-ac4928c25882",
+  type: "wixEditorElements.SocialBar",
+  description: "Grow your online presence and drive social engagement across platforms with social links.",
+  installation: {
+    presets: {
+      large: presets.horizontal,
+      small: presets.horizontal
+    },
+    initialSize: {
+      width: {
+        sizingType: LAYOUT.SIZING_TYPE.pixels,
+        pixels: 250
+      },
+      height: {
+        sizingType: LAYOUT.SIZING_TYPE.content
+      }
+    }
+  },
+  editorElement: {
+    selector: ".link-bar",
+    displayName: DisplayNames.root.elementDisplayName,
+    archetype: Archetype.Social,
+    interactions: {
+      triggers: [
+        INTERACTIONS.TRIGGER_TYPE.viewEnter,
+        INTERACTIONS.TRIGGER_TYPE.pageVisible,
+        INTERACTIONS.TRIGGER_TYPE.animationEnd,
+        INTERACTIONS.TRIGGER_TYPE.viewProgress,
+        INTERACTIONS.TRIGGER_TYPE.pointerMove
+      ],
+      effectGroups: [INTERACTIONS.EFFECT_GROUP.UNKNOWN_EFFECT_GROUP]
+    },
+    layout: {
+      resizeDirection: LAYOUT.RESIZE_DIRECTION.horizontal,
+      contentResizeDirection: LAYOUT.CONTENT_RESIZE_DIRECTION.vertical,
+      disableStretching: true,
+      disablePositioning: false
+    },
+    presets: {
+      [presets.horizontal]: {
+        presetCssUrl: `./site/components/LinkBar/presets/${presets.horizontal}.css`,
+        displayName: DisplayNames.root.presets.horizontal,
+        presetDefaults: {
+          layout: {
+            resizeDirection: LAYOUT.RESIZE_DIRECTION.horizontal,
+            contentResizeDirection: LAYOUT.CONTENT_RESIZE_DIRECTION.horizontalAndVertical
+          }
+        },
+        initialSize: {
+          width: {
+            sizingType: LAYOUT.SIZING_TYPE.pixels,
+            pixels: 120
+          },
+          height: {
+            sizingType: LAYOUT.SIZING_TYPE.content
+          }
+        }
+      },
+      [presets.vertical]: {
+        presetCssUrl: `./site/components/LinkBar/presets/${presets.vertical}.css`,
+        displayName: DisplayNames.root.presets.vertical,
+        presetDefaults: {
+          layout: {
+            resizeDirection: LAYOUT.RESIZE_DIRECTION.none,
+            contentResizeDirection: LAYOUT.CONTENT_RESIZE_DIRECTION.vertical
+          },
+          displayFilters: {
+            cssCustomProperties: {
+              hide: ["column-gap", "justify-content"]
+            }
+          }
+        },
+        initialSize: {
+          height: {
+            sizingType: LAYOUT.SIZING_TYPE.content
+          },
+          width: {
+            sizingType: LAYOUT.SIZING_TYPE.content
+          }
+        }
+      }
+    },
+    displayGroups: {
+      gapGroup: {
+        displayName: DisplayNames.root.displayGroups.gapGroup.displayName,
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.gap,
+        gap: {
+          rowGap: "row-gap",
+          columnGap: "column-gap"
+        }
+      },
+      itemsPreview: {
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.listItem,
+        listItem: {
+          arrayItems: "items",
+          label: "link",
+          thumbnail: "icon"
+        }
+      },
+      iconsGroup: {
+        displayName: DisplayNames.root.displayGroups.iconsGroup.displayName,
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.cssDataType,
+        cssDataType: { items: ["item-size"] }
+      }
+    },
+    cssCustomProperties: {
+      "item-size": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.length,
+        displayName: DisplayNames.root.cssCustomProperties["item-size"],
+        defaultValue: "30px"
+      },
+      "row-gap": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.rowGap,
+        displayName: DisplayNames.root.cssCustomProperties["row-gap"],
+        defaultValue: "0px"
+      },
+      "column-gap": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.columnGap,
+        displayName: DisplayNames.root.cssCustomProperties["column-gap"],
+        defaultValue: "0px"
+      },
+      "justify-content": {
+        displayName: DisplayNames.root.cssCustomProperties["justify-content"],
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.justifyContent,
+        defaultValue: "center"
+      }
+    },
+    states: {
+      hover: withSpec({
+        spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+        displayName: DesignStates.root.hover.displayName,
+        className: DesignStates.root.hover.className,
+        pseudoClass: NativeStateType.hover
+      })
+    },
+    data: {
+      items: {
+        dataType: DATA.DATA_TYPE.arrayItems,
+        displayName: DisplayNames.root.data.items,
+        [DATA.DATA_TYPE.arrayItems]: {
+          maxSize: 100,
+          data: {
+            items: {
+              icon: {
+                dataType: DATA.DATA_TYPE.vectorArt,
+                [DATA.DATA_TYPE.vectorArt]: {
+                  category: MEDIA.VECTOR_ART_CATEGORY.SHAPE_SOCIAL
+                },
+                displayName: DisplayNames.root.data.icon,
+                disableDeletion: true
+              },
+              a11y: {
+                dataType: DATA.DATA_TYPE.a11y,
+                [DATA.DATA_TYPE.a11y]: {
+                  attributes: [DATA.A11Y_ATTRIBUTES.ariaLabel]
+                }
+              },
+              link: {
+                dataType: DATA.DATA_TYPE.link,
+                [DATA.DATA_TYPE.link]: {
+                  linkTypes: [
+                    DATA.LINK_TYPE.externalLink,
+                    DATA.LINK_TYPE.whatsAppLink,
+                    DATA.LINK_TYPE.emailLink,
+                    DATA.LINK_TYPE.phoneLink
+                  ]
+                },
+                defaultValue: {
+                  type: "ExternalLink",
+                  url: "",
+                  target: "_blank"
+                },
+                displayName: DisplayNames.root.data.link
+              }
+            }
+          }
+        }
+      },
+      direction: {
+        dataType: DATA.DATA_TYPE.direction
+      },
+      ...manifestMouseHover()
+    },
+    actions: {
+      manageItems: {
+        displayName: DisplayNames.root.actions.manageItems,
+        execution: {
+          actionType: ACTIONS.ACTION_TYPE.data,
+          data: {
+            dataItemKey: "items"
+          }
+        }
+      }
+    },
+    customActions: {
+      orientation: {
+        displayName: DisplayNames.root.customActions.orientation,
+        execution: {
+          actionType: ACTIONS.ACTION_TYPE.panel,
+          panel: {
+            panelType: ACTIONS.PANEL_TYPE.panelId,
+            panelId: "435dcb7d-9253-40e3-a748-6f02b8f60b74"
+          }
+        }
+      }
+    },
+    helpArticle: {
+      kbId: "e2b75ff1-1ff2-4c90-94b5-75c186373cdb"
+    }
+  },
+  resources: {
+    client: {
+      componentUrl: "./site/components/LinkBar/component.tsx",
+      moduleSpecifier: "@wix/editor-react-components/LinkBar",
+      serviceDependencies: ["@wix/viewer-service-translations"],
+      dependencies: {
+        serviceDependencies: ["@wix/viewer-service-translations"]
+      }
+    }
+  }
+};
+export {
+  manifest as default
+};

package/dist/site/components/LinkBar/panels/orientation/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const dataHooks: {
+    panel: string;
+    contentWrapper: string;
+    orientationSelector: string;
+};

package/dist/site/components/LinkBar/panels/orientation/extension.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    type: string;
+};
+export default _default;

package/dist/site/components/LinkBar/panels/orientation/panel.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/site/components/LinkBar/panels/orientation/test-utils.d.ts

@@ -0,0 +1,5 @@
+import { presets } from '../../constants';
+import { MockElementConfig } from '../../../../../test-utils';
+type Preset = typeof presets.horizontal | typeof presets.vertical;
+export declare const createElementMock: (preset: Preset) => MockElementConfig;
+export {};

package/dist/site/components/LinkBar/panels/orientation/translations/consts.d.ts

@@ -0,0 +1,7 @@
+export declare const TranslationKeys: {
+    readonly orientationHorizontalOption: "custompanel_socialbar_theme_picker_orientation_horizontal_option";
+    readonly orientationLabel: "custompanel_socialbar_theme_picker_orientation_label";
+    readonly orientationVerticalOption: "custompanel_socialbar_theme_picker_orientation_vertical_option";
+};
+export type Translations = Record<keyof typeof TranslationKeys, string>;
+export declare const DefaultTranslations: Translations;

package/dist/site/components/LinkBar/types.d.ts

@@ -0,0 +1,23 @@
+import { DefaultCompPlatformProps } from '../../../types/vendored/editor-elements-types-thunderboltExternal';
+import { LinkProps } from '../../../common/Link/Link.types';
+import { VectorArt, Direction } from '@wix/editor-react-types';
+import { SdkFunctionMouseHoverProps } from '../../../utils/functions/sdkFunctionCallbackProps';
+type ItemProps = {
+    link?: Pick<LinkProps, 'href' | 'target' | 'rel' | 'type'>;
+    icon?: VectorArt;
+    a11y?: {
+        ariaLabel: string;
+    };
+};
+export type LinkBarProps = DefaultCompPlatformProps & Partial<SdkFunctionMouseHoverProps> & {
+    /** Array of social-link items. Each entry is rendered as an `<li>`. Manifest enforces `maxSize: 100`. */
+    items: Array<ItemProps>;
+    /** Reports each click through the platform's analytics pipeline. Internal toggle the editor flips on. */
+    trackClicksAnalytics?: boolean;
+    /** Sets the `dir` attribute on the root. Defaults to the language direction reported by the environment service. */
+    direction?: Direction;
+    wix?: {
+        presetsWrapperProps?: Record<string, any>;
+    };
+};
+export {};

package/dist/site/components/Logo/Logo.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { LogoProps } from './Logo.types';
+export type { LogoProps } from './Logo.types';
+declare const Logo: React.FC<LogoProps>;
+export default Logo;

package/dist/site/components/Logo/Logo.semanticClassNames.d.ts

@@ -0,0 +1,3 @@
+export declare const semanticClassNames: {
+    logoWrapper: string;
+};

package/dist/site/components/Logo/Logo.types.d.ts

@@ -0,0 +1,12 @@
+import { LinkProps } from '../../../common/Link/Link.types';
+import { LogoImageData } from './panels/customizeLogo/types';
+import { A11y } from '@wix/editor-react-types';
+export interface LogoProps {
+    id: string;
+    className?: string;
+    image?: LogoImageData;
+    width?: number;
+    height?: number;
+    link?: LinkProps;
+    a11y?: A11y;
+}

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

@@ -0,0 +1,2 @@
+import { default as Logo } from './Logo';
+export default Logo;