@wix/editor-react-components 1.2578.0 → 1.2580.0

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

@@ -40,7 +40,7 @@ const LinkBar = (props) => {
   const translations = {
     ariaLabel: translate(ARIA_LABEL_NAMESPACE)(ARIA_LABEL_KEY) || ARIA_LABEL_DEFAULT
   };
-  const { id, className, onMouseIn, onMouseOut, direction, items, wix } = props;
+  const { id, className, onMouseIn, onMouseOut, direction, items, wix, a11y } = props;
   const presetsWrapperProps = (wix == null ? void 0 : wix.presetsWrapperProps) || {};
   return /* @__PURE__ */ jsx("div", { className: presetWrapperStyles.presetWrapper, ...presetsWrapperProps, children: /* @__PURE__ */ jsx(
     "div",
@@ -56,8 +56,8 @@ const LinkBar = (props) => {
       ),
       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;
+      children: /* @__PURE__ */ jsx("nav", { "aria-label": (a11y == null ? void 0 : a11y.ariaLabel) || translations.ariaLabel, children: /* @__PURE__ */ jsx("ul", { className: styles.container, children: (items ?? []).map((item, index) => {
+        const { icon, link: link2, a11y: itemA11y } = 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(
@@ -66,7 +66,7 @@ const LinkBar = (props) => {
             className: styles.link,
             ...link2,
             href: link2.href,
-            "aria-label": (a11y == null ? void 0 : a11y.ariaLabel) || "Social Bar item",
+            "aria-label": (itemA11y == null ? void 0 : itemA11y.ariaLabel) || "Social Bar item",
             children: svgButton
           }
         ) : /* @__PURE__ */ jsx(

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

@@ -140,6 +140,12 @@ const manifest = {
       })
     },
     data: {
+      a11y: {
+        dataType: DATA.DATA_TYPE.a11y,
+        [DATA.DATA_TYPE.a11y]: {
+          attributes: [DATA.A11Y_ATTRIBUTES.ariaLabel]
+        }
+      },
       items: {
         dataType: DATA.DATA_TYPE.arrayItems,
         displayName: DisplayNames.root.data.items,

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

@@ -1,13 +1,11 @@
 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 { A11y, 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;
-    };
+    a11y?: A11y;
 };
 export type LinkBarProps = DefaultCompPlatformProps & Partial<SdkFunctionMouseHoverProps> & {
     /** Array of social-link items. Each entry is rendered as an `<li>`. Manifest enforces `maxSize: 100`. */
@@ -16,6 +14,8 @@ export type LinkBarProps = DefaultCompPlatformProps & Partial<SdkFunctionMouseHo
     trackClicksAnalytics?: boolean;
     /** Sets the `dir` attribute on the root. Defaults to the language direction reported by the environment service. */
     direction?: Direction;
+    /** Accessible name for the LinkBar `<nav>` landmark. */
+    a11y?: A11y;
     wix?: {
         presetsWrapperProps?: Record<string, any>;
     };

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

@@ -502,10 +502,10 @@ const Repeater = (props) => {
     emptyStateContent: emptyStateContent2,
     isEmpty: isEmptyProp
   } = props;
-  const showEmptyState = isEmptyProp === true || items.length === 0;
+  const showEmptyState = !isLoadingProp && (isEmptyProp === true || items.length === 0);
   const presetsWrapperProps = ((_a = props.wix) == null ? void 0 : _a.presetsWrapperProps) || {};
   const [sentinelRef, isIntersecting] = useLoadMoreObserver(
-    !!onLoadMore && !showEmptyState
+    !!onLoadMore && !showEmptyState && !isLoadingProp
   );
   const { isLoading, load, hasReachedEnd } = useAsyncLoadMore(
     onLoadMore,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2578.0",
+  "version": "1.2580.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -199,5 +199,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "952ca899e6d8957ecd6bc746d7a8f02ce7e84607d32e8a112a363742"
+  "falconPackageHash": "8f2fb1ea98d20c945266a6013b94c3ea8ff38a6c91db9417d2ea89e2"
 }