@wix/editor-react-components 1.2619.0 → 1.2621.0

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

@@ -1,7 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { c as clsx } from "../chunks/clsx.js";
 import { f as convertA11yKeysToHtmlFormat } from "../chunks/a11y.js";
-import { d as directionStyles } from "../chunks/direction.module.js";
 import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
 import { D as DEFAULT_ITEMS_PER_ROW, L as LOADING_ITEM_COUNT_CSS_VAR, C as COLUMN_COUNT_CSS_VAR, T as TestIds, s as semanticClassNames } from "../chunks/constants23.js";
 import React__default, { useState, useRef, useCallback, useEffect, forwardRef } from "react";
@@ -518,11 +517,9 @@ const Repeater = (props) => {
     "div",
     {
       id,
-      ...direction && { dir: direction },
       className: clsx(
         semanticClassNames.root,
         styles.repeater,
-        directionStyles.fallbackDirection,
         className
       ),
       children: showEmptyState ? /* @__PURE__ */ jsx(RepeaterEmptyState, { content: emptyStateContent2 }) : /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -530,6 +527,7 @@ const Repeater = (props) => {
           "ul",
           {
             ref: ulRef,
+            ...direction && { dir: direction },
             ...a11y && convertA11yKeysToHtmlFormat(a11y),
             role: "list",
             "aria-busy": isLoading,

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

@@ -39,6 +39,7 @@ export declare const cssCustomPropertyKeys: {
     readonly backgroundColor: "background-color";
     readonly backgroundColorOpacity: "background-color-opacity";
     readonly overflowContent: "overflow-content";
+    readonly itemsDirection: "items-direction";
     readonly itemsPerRow: "items-per-row";
     readonly columnCount: "column-count";
     readonly rowGap: "row-gap";

package/dist/site/components/Repeater/css.css

@@ -25,6 +25,7 @@
 .repeater__aNz-6 {
   box-sizing: border-box;
   width: 100%;
+  direction: var(--items-direction, var(--wix-opt-in-direction, ltr));
   overflow: var(--overflow-content);
   scroll-snap-type: var(--scroll-snap-type, none);
   --repeater-background-color-opacity-num: var(--background-color-opacity, 1);
@@ -49,6 +50,7 @@
 }
 
 .item__dXORc {
+  direction: var(--wix-opt-in-direction, ltr);
   box-sizing: border-box;
   min-height: 10px;
   flex: 0 var(--item-flex-shrink, 1) var(--item-flex-basis);
@@ -128,6 +130,7 @@
 }
 .emptyState__cCB1M {
   box-sizing: border-box;
+  direction: var(--wix-opt-in-direction, ltr);
 }
 
 .emptyStateBanner__W741Z {
@@ -135,6 +138,7 @@
   width: 100%;
   padding: 16px;
   text-align: center;
+  direction: var(--wix-opt-in-direction, ltr);
 }
 
 .emptyStateContent__hVHdj {
@@ -215,9 +219,6 @@
     auto
   );
 }
-.fallbackDirection__HeRgn:not([dir]) {
-  direction: var(--wix-opt-in-direction);
-}
 .presetWrapper__J1yzj {
   display: contents;
 }

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

@@ -217,6 +217,18 @@ const manifest = {
           ]
         }
       },
+      "items-direction": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum,
+        displayName: "Layout direction",
+        defaultValue: "ltr",
+        customEnum: {
+          cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.string,
+          options: [
+            { value: "ltr", displayName: "Left to Right" },
+            { value: "rtl", displayName: "Right to Left" }
+          ]
+        }
+      },
       "items-per-row": {
         cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum,
         displayName: "Items per row",
@@ -469,6 +481,7 @@ const manifest = {
             cssCustomProperties: {
               hide: [
                 "column-gap",
+                "items-direction",
                 "scroll-snap-align",
                 "show-scrollbar",
                 "column-min-width",
@@ -503,6 +516,7 @@ const manifest = {
               hide: [
                 "row-gap",
                 "overflow-content",
+                "items-direction",
                 "column-min-width",
                 "row-min-height",
                 "keep-rows-equal",
@@ -534,6 +548,7 @@ const manifest = {
               hide: [
                 "column-gap",
                 "overflow-content",
+                "items-direction",
                 "column-min-width",
                 "row-min-height",
                 "keep-rows-equal",

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

@@ -7,6 +7,7 @@ export declare const TranslationKeys: {
     readonly itemsPerRowLabel: "custompanel_repeater_items_per_row_label";
     readonly directionLabel: "custompanel_repeater_direction_label";
     readonly directionHorizontalOption: "custompanel_repeater_direction_horizontal_option";
+    readonly directionRightToLeftOption: "custompanel_repeater_direction_right_to_left_option";
     readonly directionVerticalOption: "custompanel_repeater_direction_vertical_option";
 };
 export type Translations = Record<keyof typeof TranslationKeys, string>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2619.0",
+  "version": "1.2621.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -68,7 +68,7 @@
     "test:a11y": "a11y-audit-tool-plugin audit"
   },
   "peerDependencies": {
-    "@wix/editor-react-types": "^1.0.92",
+    "@wix/editor-react-types": "^1.0.93",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
@@ -84,7 +84,7 @@
     "@wix/site-service-business-logger": "^1.0.0",
     "@wix/site-service-configuration": "^1.0.1",
     "@wix/site-service-rendering-context": "^1.0.1",
-    "@wix/site-ui": "1.260.0",
+    "@wix/site-ui": "1.261.0",
     "@wix/video": "^1.106.0",
     "@wix/viewer-service-consent-policy": "^1.0.101",
     "@wix/web-bi-logger": "^2.1.29",
@@ -198,5 +198,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "2b07aec047b3714ee2e2901cd11669e1cf689f95fc3f842553784405"
+  "falconPackageHash": "fcbe6838e5082a6fb7353cb56de3ef4e6780060d93952f47485cb227"
 }