@wix/editor-react-components 1.2769.0 → 1.2771.0

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

@@ -1,6 +1,6 @@
-import { H as $c4867b2f328c2698$export$e5c5a5f917a5871c, n as $fe16bffc7a557bf0$export$7f54fc3180508a52, R as $8f5a2122b0992be3$export$8397ddfc504fdb9a, f as $23f2114a1b82827e$export$e58f029f0fbfdb29, S as $0beb20c9744a2065$export$8467354a121f1b9f, T as $390e54f620492c70$export$b4cc09c592e8fdb8, e as $bbaa08b3cd72f041$export$9d1611c77c2fe928, A as $e969f22b6713ca4a$export$ae780daf29e6d456, z as $0c4a58759813079a$export$4e328f61c538687f } from "./Group.js";
+import { K as $c4867b2f328c2698$export$e5c5a5f917a5871c, s as $fe16bffc7a557bf0$export$7f54fc3180508a52, R as $8f5a2122b0992be3$export$8397ddfc504fdb9a, k as $23f2114a1b82827e$export$e58f029f0fbfdb29, S as $0beb20c9744a2065$export$8467354a121f1b9f, T as $390e54f620492c70$export$b4cc09c592e8fdb8, a as $bbaa08b3cd72f041$export$9d1611c77c2fe928, $ as $e969f22b6713ca4a$export$ae780daf29e6d456, E as $0c4a58759813079a$export$4e328f61c538687f } from "./Group.js";
 import React__default, { useRef, useEffect, useMemo, useContext, useState, createContext, forwardRef } from "react";
-import { b as $64fa3d84918910a7$export$29f1550f4b0d4415, g as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, f as $64fa3d84918910a7$export$4d86445c2cf5e3, a as $f39a9eba43920ace$export$86427a43e3e48ebb } from "./filterDOMProps.js";
+import { c as $64fa3d84918910a7$export$29f1550f4b0d4415, e as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, d as $64fa3d84918910a7$export$4d86445c2cf5e3, f as $f39a9eba43920ace$export$86427a43e3e48ebb } from "./filterDOMProps.js";
 function $860f7da480e22816$export$b8473d3665f3a75a(props, state, ref) {
   let { validationBehavior, focus } = props;
   $c4867b2f328c2698$export$e5c5a5f917a5871c(() => {
@@ -223,26 +223,6 @@ function $fd2148440a13ec26$var$isEqualValidation(a, b) {
   if (a === b) return true;
   return !!a && !!b && a.isInvalid === b.isInvalid && a.validationErrors.length === b.validationErrors.length && a.validationErrors.every((a2, i) => a2 === b.validationErrors[i]) && Object.entries(a.validationDetails).every(([k, v]) => b.validationDetails[k] === v);
 }
-function $fd2148440a13ec26$export$75ee7c75d68f5b0e(...results) {
-  let errors = /* @__PURE__ */ new Set();
-  let isInvalid = false;
-  let validationDetails = {
-    ...$fd2148440a13ec26$export$aca958c65c314e6c
-  };
-  for (let v of results) {
-    for (let e of v.validationErrors) errors.add(e);
-    isInvalid || (isInvalid = v.isInvalid);
-    for (let key in validationDetails) validationDetails[key] || (validationDetails[key] = v.validationDetails[key]);
-  }
-  validationDetails.valid = !isInvalid;
-  return {
-    isInvalid,
-    validationErrors: [
-      ...errors
-    ],
-    validationDetails
-  };
-}
 function $191c9b6d48a0a4e2$export$294aa081a6c6f55d(props) {
   let { description, errorMessage, isInvalid, validationState } = props;
   let { labelProps, fieldProps } = $0beb20c9744a2065$export$8467354a121f1b9f(props);
@@ -362,8 +342,5 @@ export {
   $514c0188e459b4c0$export$9afb8bc826b033ea as g,
   $ee014567cb39d3f0$export$ff05c3ac10437e03 as h,
   $3985021b0ad6602f$export$f5b8910cec6cf069 as i,
-  $fd2148440a13ec26$export$75ee7c75d68f5b0e as j,
-  $fd2148440a13ec26$export$aca958c65c314e6c as k,
-  $fd2148440a13ec26$export$a763b9476acd3eb as l,
-  $fd2148440a13ec26$export$dad6ae84456c676a as m
+  $fd2148440a13ec26$export$a763b9476acd3eb as j
 };

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

@@ -1,4 +1,4 @@
-import { e as $bbaa08b3cd72f041$export$9d1611c77c2fe928, L as $2c9edc598a03d523$export$420e68273165f4ec } from "./Group.js";
+import { a as $bbaa08b3cd72f041$export$9d1611c77c2fe928, N as $2c9edc598a03d523$export$420e68273165f4ec } from "./Group.js";
 import React__default, { useState, useMemo } from "react";
 const $ea3928288112382f$var$styles = {
   border: 0,

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

@@ -3,92 +3,55 @@ const DisplayNames = {
     elementDisplayName: "Date Picker",
     data: {
       value: "Selected date",
-      endValue: "Selected end date",
-      defaultValue: "Default date",
-      defaultEndValue: "Default end date",
-      onEndChange: "On End Change",
-      selectionMode: {
-        displayName: "Selection",
-        options: {
-          single: "Single date",
-          range: "Date range"
-        }
-      },
-      granularity: {
-        displayName: "Time precision",
-        options: {
-          day: "Date only",
-          hour: "Date and hour",
-          minute: "Date and time"
-        }
-      },
-      tooltip: "Tooltip",
+      onValueChange: "On Value Change",
       label: "Label",
-      description: "Helper text",
-      minDate: "Earliest date",
-      maxDate: "Latest date",
-      unavailableDates: "Unavailable dates",
-      unavailableFrom: "From",
-      unavailableTo: "To",
-      allowPastDates: "Allow past dates",
-      allowFutureDates: "Allow future dates",
-      required: "Required",
+      helperText: "Helper text",
+      errorMessage: "Error message",
       readOnly: "Read only",
-      disabled: "Disabled",
-      clearable: "Show clear button"
+      disabled: "Disabled"
+    },
+    presets: {
+      baseDatePicker: "Base Date Picker"
     },
     designStates: {
       hover: "Hover",
       focus: "Focus",
       disabled: "Disabled",
-      selected: "Selected"
+      error: "Error",
+      selected: "Selected",
+      today: "Today"
     },
     elements: {
       label: "Label",
-      description: "Helper text",
+      helperText: "Helper text",
+      errorMessage: "Error message",
       dateInput: "Date input",
       calendarButton: "Calendar button",
       popover: "Popover",
-      calendar: "Calendar",
-      calendarDay: "Calendar day",
-      today: "Today"
+      calendarHeader: "Calendar header",
+      weekdays: "Weekdays",
+      dates: "Dates"
+    }
+  }
+};
+const Descriptions = {
+  root: {
+    data: {
+      value: "This field's current value. Connect it to your context to save the data your visitors provide. A value typed in this panel stays fixed.",
+      helperText: "A hint shown under this field, like a format example. It's always visible, so keep it short.",
+      errorMessage: "The message shown when this field is invalid. Connect it to your context so it appears only when something's wrong. A message typed in this panel always shows."
     }
   }
 };
 const defaultValues = {
-  selectionMode: "single",
-  granularity: "day",
-  tooltip: "",
   label: "",
-  description: "",
-  allowPastDates: true,
-  allowFutureDates: true,
-  required: false,
+  helperText: "",
   readOnly: false,
-  disabled: false,
-  clearable: false
+  disabled: false
 };
-var SelectionModeValues = /* @__PURE__ */ ((SelectionModeValues2) => {
-  SelectionModeValues2["Single"] = "single";
-  SelectionModeValues2["Range"] = "range";
-  return SelectionModeValues2;
-})(SelectionModeValues || {});
-var GranularityValues = /* @__PURE__ */ ((GranularityValues2) => {
-  GranularityValues2["Day"] = "day";
-  GranularityValues2["Hour"] = "hour";
-  GranularityValues2["Minute"] = "minute";
-  return GranularityValues2;
-})(GranularityValues || {});
+const PREVIEW_ERROR_MESSAGE = "Error message";
 const DesignStates = {
   root: {
-    hover: {
-      displayName: DisplayNames.root.designStates.hover,
-      className: "datePicker--hover"
-    },
-    focus: {
-      displayName: DisplayNames.root.designStates.focus,
-      className: "datePicker--focus"
-    },
     disabled: {
       displayName: DisplayNames.root.designStates.disabled,
       className: "datePicker--disabled"
@@ -97,15 +60,19 @@ const DesignStates = {
   dateInput: {
     hover: {
       displayName: DisplayNames.root.designStates.hover,
-      className: "datePicker__group--hover"
+      className: "datePicker__date-input--hover"
     },
     focus: {
       displayName: DisplayNames.root.designStates.focus,
-      className: "datePicker__group--focus"
+      className: "datePicker__date-input--focus"
+    },
+    error: {
+      displayName: DisplayNames.root.designStates.error,
+      className: "datePicker__date-input--error"
     },
     disabled: {
       displayName: DisplayNames.root.designStates.disabled,
-      className: "datePicker__group--disabled"
+      className: "datePicker__date-input--disabled"
     }
   },
   calendarButton: {
@@ -116,67 +83,69 @@ const DesignStates = {
     selected: {
       displayName: DisplayNames.root.designStates.selected,
       className: "datePicker__calendar-button--selected"
+    },
+    focus: {
+      displayName: DisplayNames.root.designStates.focus,
+      className: "datePicker__calendar-button--focus"
     }
   },
-  calendarDay: {
+  dates: {
     hover: {
       displayName: DisplayNames.root.designStates.hover,
-      className: "datePicker__day--hover"
+      className: "datePicker__date--hover"
     },
     selected: {
       displayName: DisplayNames.root.designStates.selected,
-      className: "datePicker__day--selected"
+      className: "datePicker__date--selected"
     },
-    disabled: {
-      displayName: DisplayNames.root.designStates.disabled,
-      className: "datePicker__day--disabled"
+    today: {
+      displayName: DisplayNames.root.designStates.today,
+      className: "datePicker__date--today"
+    },
+    focus: {
+      displayName: DisplayNames.root.designStates.focus,
+      className: "datePicker__date--focus"
     }
   }
 };
 const PREVIEW_CALENDAR_OPEN = "previewCalendarOpen";
-const EMPTY_VALUE = "";
 const ARIA_LABEL_NAMESPACE = "ariaLabels";
 const AriaLabels = {
   root: { key: "datePicker_aria_label", default: "Date picker" },
-  clear: { key: "datePicker_clear_button", default: "Clear" },
   openCalendar: { key: "datePicker_open_calendar", default: "Open calendar" }
 };
 const TestIds = {
   root: "datepicker-root",
   group: "datepicker-group",
   field: "datepicker-field",
-  endField: "datepicker-end-field",
   calendarButton: "datepicker-calendar-button",
-  clearButton: "datepicker-clear-button",
   calendar: "datepicker-calendar",
-  tooltipButton: "datepicker-tooltip-button",
-  errorMessage: "datepicker-error-message",
-  requiredIndicator: "datepicker-required-indicator"
+  helperText: "datepicker-helper-text",
+  errorMessage: "datepicker-error-message"
 };
 const selectors = {
   root: "datePicker",
   label: "datePicker__label",
-  description: "datePicker__description",
-  requiredIndicator: "datePicker__required-indicator",
-  group: "datePicker__group",
+  helperText: "datePicker__helper-text",
+  dateInput: "datePicker__date-input",
+  segment: "datePicker__segment",
   calendarButton: "datePicker__calendar-button",
   popover: "datePicker__popover",
-  calendar: "datePicker__calendar",
-  day: "datePicker__day",
+  calendarHeader: "datePicker__calendar-header",
+  navButton: "datePicker__nav-button",
+  weekday: "datePicker__weekday",
+  date: "datePicker__date",
   errorMessage: "datePicker__error-message"
 };
-const VALUE_MISSING_MESSAGE = "This field is required";
 export {
   ARIA_LABEL_NAMESPACE as A,
   DesignStates as D,
-  EMPTY_VALUE as E,
-  GranularityValues as G,
   PREVIEW_CALENDAR_OPEN as P,
-  SelectionModeValues as S,
   TestIds as T,
-  VALUE_MISSING_MESSAGE as V,
   AriaLabels as a,
   DisplayNames as b,
+  Descriptions as c,
   defaultValues as d,
+  PREVIEW_ERROR_MESSAGE as e,
   selectors as s
 };

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

@@ -465,17 +465,17 @@ function $8e9d2fae0ecb9001$export$457c3d6518dd4c6f(props, opts = {}) {
   return filteredProps;
 }
 export {
-  $8e9d2fae0ecb9001$export$457c3d6518dd4c6f as $,
-  $f39a9eba43920ace$export$86427a43e3e48ebb as a,
-  $64fa3d84918910a7$export$29f1550f4b0d4415 as b,
-  $64fa3d84918910a7$export$fabf2dc03a41866e as c,
-  $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 as d,
-  $64fa3d84918910a7$export$ef03459518577ad4 as e,
-  $64fa3d84918910a7$export$4d86445c2cf5e3 as f,
-  $65484d02dcb7eb3e$export$457c3d6518dd4c6f as g,
-  $64fa3d84918910a7$export$2881499e37b75b9a as h,
-  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as i,
-  $c7eafbbe1ea5834e$export$535bd6ca7f90a273 as j,
+  $c7eafbbe1ea5834e$export$535bd6ca7f90a273 as $,
+  $8e9d2fae0ecb9001$export$457c3d6518dd4c6f as a,
+  $64fa3d84918910a7$export$2881499e37b75b9a as b,
+  $64fa3d84918910a7$export$29f1550f4b0d4415 as c,
+  $64fa3d84918910a7$export$4d86445c2cf5e3 as d,
+  $65484d02dcb7eb3e$export$457c3d6518dd4c6f as e,
+  $f39a9eba43920ace$export$86427a43e3e48ebb as f,
+  $64fa3d84918910a7$export$fabf2dc03a41866e as g,
+  $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 as h,
+  $64fa3d84918910a7$export$ef03459518577ad4 as i,
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as j,
   $df56164dff5785e2$export$4338b53315abf666 as k,
   $c7eafbbe1ea5834e$export$619500959fc48b26 as l,
   $f39a9eba43920ace$export$b5d7cc18bb8d2b59 as m,

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

@@ -13281,10 +13281,14 @@ const Field_module = {
   labelFloating: "labelFloating-io8BLN",
   item: "item-kQeHOQ"
 };
-const Root$2 = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(FieldRoot_FieldRoot, {
-  ref,
-  className: clsx(Field_module.root, className),
-  ...props
+const GroupContext = /* @__PURE__ */ React.createContext(false);
+const Root$2 = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(GroupContext.Provider, {
+  value: false,
+  children: /* @__PURE__ */ jsx(FieldRoot_FieldRoot, {
+    ref,
+    className: clsx(Field_module.root, className),
+    ...props
+  })
 }));
 const Label$2 = /* @__PURE__ */ React.forwardRef(({ className, variant = "default", ...props }, ref) => /* @__PURE__ */ jsx(FieldLabel_FieldLabel, {
   ref,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2769.0",
+  "version": "1.2771.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -222,5 +222,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "5f1e5a2e8246711fdb37f09376220b4ba9ba5f1657a69cef283203ea"
+  "falconPackageHash": "5c9b2382c696c830c27002138ff8bcd347e26e10de034d81d3d02558"
 }

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

@@ -1,8 +0,0 @@
-import { default as React } from 'react';
-export declare const DatePickerLabel: ({ label, tooltip, required, portalContainer, className, }: {
-    label: string;
-    tooltip: string;
-    required: boolean;
-    portalContainer: HTMLElement | null;
-    className?: string;
-}) => React.JSX.Element | null;

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

@@ -1,5 +0,0 @@
-import { default as React } from 'react';
-export declare const DatePickerTooltip: ({ text, portalContainer, }: {
-    text: string;
-    portalContainer: HTMLElement | null;
-}) => React.JSX.Element;

package/dist/site/components/DatePicker/hooks/useDateConstraints.d.ts

@@ -1,12 +0,0 @@
-import { DateValue } from 'react-aria-components';
-import { DatePickerProps } from '../DatePicker.types';
-export declare const useDateConstraints: (params: {
-    minDate: DatePickerProps["minDate"];
-    maxDate: DatePickerProps["maxDate"];
-    allowPastDates: boolean;
-    allowFutureDates: boolean;
-    withTime: boolean;
-}) => {
-    minValue: DateValue | undefined;
-    maxValue: DateValue | undefined;
-};

package/dist/site/components/DatePicker/hooks/useDatePickerValue.d.ts

@@ -1,15 +0,0 @@
-import { DateValue } from 'react-aria-components';
-import { DatePickerProps, DateRangeValue } from '../DatePicker.types';
-export declare const useDatePickerValue: (params: {
-    value: DatePickerProps["value"] | undefined;
-    endValue: DatePickerProps["endValue"];
-    onChange: NonNullable<DatePickerProps["onChange"]>;
-    onEndChange: NonNullable<DatePickerProps["onEndChange"]>;
-    withTime: boolean;
-}) => {
-    dateValue: DateValue | null;
-    rangeValue: DateRangeValue;
-    handleSingleChange: (next: DateValue | null) => void;
-    handleRangeChange: (next: DateRangeValue) => void;
-    hasValue: (isRange: boolean) => boolean;
-};

package/dist/site/components/DatePicker/hooks/useUnavailableDates.d.ts

@@ -1,3 +0,0 @@
-import { DateValue } from 'react-aria-components';
-import { UnavailableDateRange } from '../DatePicker.types';
-export declare const useUnavailableDates: (unavailableDates: ReadonlyArray<UnavailableDateRange> | undefined) => ((date: DateValue) => boolean) | undefined;