@wix/editor-react-components 1.2877.0 → 1.2878.0

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

@@ -1,4 +1,4 @@
-import { A11y, Direction } from '@wix/editor-react-types';
+import { Direction } from '@wix/editor-react-types';
 import { SdkFunctionFocusableProps, SdkFunctionKeyboardProps } from '../../../utils/functions/sdkFunctionCallbackProps';
 /** A `localDate` data value: an ISO `YYYY-MM-DD` calendar date with no time or zone. */
 export type LocalDate = string;
@@ -65,8 +65,6 @@ export type DatePickerProps = SdkFunctionFocusableProps & SdkFunctionKeyboardPro
      * shown unless `errorMessage` is set.
      */
     previewError?: boolean;
-    /** Accessibility attributes. `ariaLabel` labels the date picker for assistive tech. */
-    a11y?: A11y;
     /** Platform-provided props. */
     wix?: {
         /** Spread on the preset wrapper. */

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

@@ -4349,7 +4349,6 @@ function DatePicker2(props) {
     readOnly = defaultValues.readOnly,
     disabled = defaultValues.disabled,
     direction,
-    a11y,
     previewCalendarOpen,
     previewError,
     onValueChange = noop,
@@ -4365,7 +4364,7 @@ function DatePicker2(props) {
     null
   );
   const locale = regionalFormat || "en-US";
-  const ariaLabel = (a11y == null ? void 0 : a11y.ariaLabel) || (label2 ? void 0 : t(AriaLabels.root));
+  const ariaLabel = label2 ? void 0 : t(AriaLabels.root);
   const handleChange = (date) => {
     onValueChange(toLocalDate(date));
   };

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

@@ -1,4 +1,4 @@
-export declare const COMPONENT_TYPE = "wixEditorElements.DatePicker__DEV__v4";
+export declare const COMPONENT_TYPE = "wixEditorElements.DatePicker__DEV__v5";
 export declare const DisplayNames: {
     root: {
         elementDisplayName: string;

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

@@ -80,7 +80,7 @@ const dateInputCssProperties = {
   ...boxPadding
 };
 const manifest = {
-  id: "869c68a7-f703-43fa-806f-3ed8936172b5",
+  id: "d68eb609-66b6-4319-8113-7f6e143986ae",
   type: COMPONENT_TYPE,
   description: "A date picker input. Visitors pick a date from a segmented field or a calendar popover. The selected date is a local date and can be connected to a data field.",
   installation: {
@@ -384,12 +384,6 @@ const manifest = {
         displayName: DisplayNames.root.data.disabled,
         defaultValue: defaultValues.disabled
       },
-      a11y: {
-        dataType: DATA.DATA_TYPE.a11y,
-        [DATA.DATA_TYPE.a11y]: {
-          attributes: [DATA.A11Y_ATTRIBUTES.ariaLabel]
-        }
-      },
       direction: {
         dataType: DATA.DATA_TYPE.direction
       }

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

@@ -1,4 +1,4 @@
-import { A11y, Direction } from '@wix/editor-react-types';
+import { Direction } from '@wix/editor-react-types';
 import { SdkFunctionFocusableProps, SdkFunctionInputableProps, SdkFunctionKeyboardProps } from '../../../utils/functions/sdkFunctionCallbackProps';
 import type * as React from 'react';
 /**
@@ -33,7 +33,6 @@ export type ITextInputProps = ITextInputMapperProps & {
     };
 };
 export type ITextInputMapperProps = SdkFunctionFocusableProps<HTMLInputElement> & SdkFunctionInputableProps<HTMLInputElement> & SdkFunctionKeyboardProps<HTMLInputElement> & {
-    a11y?: A11y;
     /** Controlled value. Omission renders an empty input; edits require a parent update. */
     value?: string;
     onValueChange?: (value: string) => void;

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

@@ -6,7 +6,6 @@ import { u as useCurrentLanguage } from "../chunks/useCurrentLanguage.js";
 import { a as getDataAttributes } from "../chunks/dataUtils.js";
 import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
-import { a as accessibilityStyles } from "../chunks/accessibility.module.js";
 import { c as componentClassNames, D as DesignStates } from "../chunks/constants3.js";
 import { b as $fd2148440a13ec26$export$fc1a364ae1f3ff10, c as $191c9b6d48a0a4e2$export$294aa081a6c6f55d, d as $860f7da480e22816$export$b8473d3665f3a75a, e as $d3e0e05bdfcf66bd$export$c24727297075ec6a, f as $3985021b0ad6602f$export$37fb8590cf2c088c, g as $514c0188e459b4c0$export$9afb8bc826b033ea, h as $ee014567cb39d3f0$export$ff05c3ac10437e03, i as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../chunks/Input.js";
 import { b as $3e6197669829fe11$export$40bfa8c7b0832715, c as $3274bf1495747a7b$export$5add1d006293d136, d as $bbaa08b3cd72f041$export$9d1611c77c2fe928, e as $23f2114a1b82827e$export$e58f029f0fbfdb29, f as $01b77f81d0f07f68$export$75b6ee27786ba447, g as $a049562f99e7db0e$export$f9c6924e160136d1, a as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../chunks/Group.js";
@@ -216,7 +215,6 @@ const TextInput = (props) => {
     onInput,
     onFocus,
     onBlur,
-    a11y,
     contentRef,
     elementProps,
     wix
@@ -241,10 +239,7 @@ const TextInput = (props) => {
     className,
     !direction && directionStyles.fallbackDirection
   );
-  const ariaLabel = a11y == null ? void 0 : a11y.ariaLabel;
-  const ariaInvalid = inErrorState ? true : (a11y == null ? void 0 : a11y.ariaInvalid) ?? false;
   const inputId = `${id}-input`;
-  const customAccessibleNameId = label2 && ariaLabel ? `${id}-accessible-name` : void 0;
   const helperTextId = helperText2 ? `${id}-helper-text` : void 0;
   const errorMessageId = inErrorState ? `${id}-error-message` : void 0;
   const inputClasses = clsx(
@@ -268,14 +263,9 @@ const TextInput = (props) => {
     autoFocus,
     "data-testid": "text-field"
   };
-  const describedBy = [
-    a11y == null ? void 0 : a11y.ariaDescribedby,
-    helperTextId,
-    errorMessageId
-  ].filter(Boolean);
+  const describedBy = [helperTextId, errorMessageId].filter(Boolean);
   const inputProps = {
     ref: inputRef,
-    tabIndex: a11y == null ? void 0 : a11y.tabIndex,
     placeholder,
     className: inputClasses,
     id: inputId,
@@ -284,11 +274,7 @@ const TextInput = (props) => {
     onInput,
     onFocus,
     onBlur,
-    "aria-invalid": ariaInvalid,
-    ...ariaLabel && { "aria-label": ariaLabel },
-    ...customAccessibleNameId && {
-      "aria-labelledby": customAccessibleNameId
-    },
+    "aria-invalid": inErrorState,
     ...describedBy.length ? { "aria-describedby": describedBy.join(" ") } : {}
   };
   return /* @__PURE__ */ jsx(
@@ -307,14 +293,6 @@ const TextInput = (props) => {
           "data-testid": dataTestId,
           lang: language,
           children: /* @__PURE__ */ jsxs($bcdf0525bf22703d$export$2c73285ae9390cec, { ...textFieldProps, children: [
-            customAccessibleNameId && /* @__PURE__ */ jsx(
-              "span",
-              {
-                id: customAccessibleNameId,
-                className: accessibilityStyles.visuallyHidden,
-                children: ariaLabel
-              }
-            ),
             label2 && /* @__PURE__ */ jsx($01b77f81d0f07f68$export$b04be29aa201d4f5, { className: labelClasses, htmlFor: inputId, children: label2 }),
             /* @__PURE__ */ jsx("div", { className: style.inputWrapper, children: /* @__PURE__ */ jsx($3985021b0ad6602f$export$f5b8910cec6cf069, { ...inputProps }) }),
             helperText2 && /* @__PURE__ */ jsx(

package/dist/site/components/TextInput/css.css

@@ -47,15 +47,4 @@
 }
 .fallbackDirection__HeRgn:not([dir]) {
   direction: var(--wix-opt-in-direction);
-}
-.visuallyHidden__Md84p {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip-path: inset(50%);
-  white-space: nowrap;
-  border: 0;
 }

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

@@ -8,8 +8,8 @@ const designState = (s, pseudoClass) => ({
   ...pseudoClass ? { pseudoClass } : {}
 });
 const manifest = {
-  id: "e3e0d455-78c0-490d-a068-d85be8857e30",
-  type: "wixEditorElements.TextInput__DEV__v5",
+  id: "e4b0ddb2-7550-46ef-bdc9-8d72d7e8519b",
+  type: "wixEditorElements.TextInput__DEV__v6",
   description: "TextInput",
   installation: {
     presets: { small: "baseTextInput", large: "baseTextInput" },
@@ -335,18 +335,6 @@ const manifest = {
           maxLength: TEXT_PROP_STATIC_VALUE_MAX_LENGTH
         }
       },
-      // Accessibility
-      a11y: {
-        dataType: DATA.DATA_TYPE.a11y,
-        [DATA.DATA_TYPE.a11y]: {
-          attributes: [
-            DATA.A11Y_ATTRIBUTES.tabIndex,
-            DATA.A11Y_ATTRIBUTES.ariaLabel,
-            DATA.A11Y_ATTRIBUTES.ariaDescribedby,
-            DATA.A11Y_ATTRIBUTES.ariaInvalid
-          ]
-        }
-      },
       readOnly: {
         displayName: DisplayNames.data.readOnly,
         dataType: DATA.DATA_TYPE.booleanValue

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

@@ -1,4 +1,4 @@
-import { A11y, Direction } from '@wix/editor-react-types';
+import { Direction } from '@wix/editor-react-types';
 import { SdkFunctionFocusableProps, SdkFunctionKeyboardProps } from '../../../utils/functions/sdkFunctionCallbackProps';
 export type TimePickerElementProps = {
     label?: {
@@ -47,8 +47,6 @@ export type TimePickerProps = SdkFunctionFocusableProps & SdkFunctionKeyboardPro
     disabled?: boolean;
     /** Writing direction applied to the root. */
     direction?: Direction;
-    /** Accessibility attributes. `ariaLabel` labels the time picker for assistive tech. */
-    a11y?: A11y;
     /** Platform-provided props. */
     wix?: {
         /** Spread on the preset wrapper. */

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

@@ -124,7 +124,6 @@ function TimePicker(props) {
     readOnly = false,
     previewError,
     direction,
-    a11y,
     onValueChange = noop,
     onKeyDown,
     onKeyUp,
@@ -143,13 +142,10 @@ function TimePicker(props) {
   });
   const hasError = typeof errorMessage2 !== "undefined" && errorMessage2 !== "";
   const inErrorState = hasError || Boolean(previewError);
-  let ariaLabel = a11y == null ? void 0 : a11y.ariaLabel;
-  if (!ariaLabel && !label2) {
-    ariaLabel = translate("ariaLabels")(
-      AriaLabels.root.legacyKey,
-      AriaLabels.root.default
-    );
-  }
+  const ariaLabel = label2 ? void 0 : translate("ariaLabels")(
+    AriaLabels.root.legacyKey,
+    AriaLabels.root.default
+  );
   return /* @__PURE__ */ jsx(
     "div",
     {

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

@@ -1,4 +1,4 @@
-export declare const COMPONENT_TYPE = "wixEditorElements.TimePicker__DEV__v7";
+export declare const COMPONENT_TYPE = "wixEditorElements.TimePicker__DEV__v8";
 export declare const DisplayNames: {
     root: {
         elementDisplayName: string;

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

@@ -5,7 +5,7 @@ import { m as manifestKeyboard, a as manifestFocusable } from "../chunks/manifes
 const basePresetName = "baseTimePicker";
 const keyboardEvents = manifestKeyboard();
 const manifest = {
-  id: "41156bbe-2741-4a01-a715-7eba6e294f0b",
+  id: "bf0b381a-2eb3-46bc-b76f-0ea73689a67a",
   type: COMPONENT_TYPE,
   description: Descriptions.component,
   installation: {
@@ -141,7 +141,9 @@ const manifest = {
     states: {
       [FunctionalStateKeys.previewError]: { props: { previewError: true } }
     },
-    displayFilters: { states: { hide: [FunctionalStateKeys.previewError] } },
+    displayFilters: {
+      states: { hide: [FunctionalStateKeys.previewError] }
+    },
     elements: {
       label: {
         elementType: ELEMENTS.ELEMENT_TYPE.inlineElement,
@@ -298,12 +300,6 @@ const manifest = {
         dataType: DATA.DATA_TYPE.booleanValue,
         displayName: DisplayNames.root.data.disabled
       },
-      a11y: {
-        dataType: DATA.DATA_TYPE.a11y,
-        [DATA.DATA_TYPE.a11y]: {
-          attributes: [DATA.A11Y_ATTRIBUTES.ariaLabel]
-        }
-      },
       direction: {
         dataType: DATA.DATA_TYPE.direction
       },

package/dist/site/components/chunks/constants2.js

@@ -1,4 +1,4 @@
-const COMPONENT_TYPE = "wixEditorElements.TimePicker__DEV__v7";
+const COMPONENT_TYPE = "wixEditorElements.TimePicker__DEV__v8";
 const DisplayNames = {
   root: {
     elementDisplayName: "Time Picker",

package/dist/site/components/chunks/constants37.js

@@ -1,4 +1,4 @@
-const COMPONENT_TYPE = "wixEditorElements.DatePicker__DEV__v4";
+const COMPONENT_TYPE = "wixEditorElements.DatePicker__DEV__v5";
 const DisplayNames = {
   root: {
     elementDisplayName: "Date Picker",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2877.0",
+  "version": "1.2878.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -228,5 +228,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "479d10bac05aca0b7276de43319dcd336e58522ccf96fb066069f399"
+  "falconPackageHash": "dd5f5db72e862b673aa5b5c781084f68fa04f2664cf8871bf34f5b96"
 }