@wix/editor-react-components 1.2884.0 → 1.2886.0

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

@@ -1,165 +1,97 @@
-const COMPONENT_TYPE = "wixEditorElements.DatePicker__DEV__v5";
+const COMPONENT_TYPE = "wixEditorElements.Combobox";
+const DesignStates = {
+  input: {
+    hover: { displayName: "Hover", className: "combobox__input--hover" },
+    focus: { displayName: "Focus", className: "combobox__input--focus" },
+    error: { displayName: "Error", className: "combobox__input--error" },
+    disabled: {
+      displayName: "Disabled",
+      className: "combobox__input--disabled"
+    }
+  },
+  option: {
+    hover: { displayName: "Hover", className: "combobox__option--hover" },
+    selected: {
+      displayName: "Selected",
+      className: "combobox__option--selected"
+    }
+  }
+};
+const FunctionalStateKeys = {
+  previewList: "previewList",
+  previewError: "previewError"
+};
 const DisplayNames = {
   root: {
-    elementDisplayName: "Date Picker",
+    elementDisplayName: "Combobox",
     data: {
-      value: "Selected date",
-      onValueChange: "On Value Change",
-      onOpenChange: "On Open Change",
-      onKeyDown: "On Key Down",
-      onKeyUp: "On Key Up",
+      options: "Options",
+      optionLabel: "Label",
+      optionValue: "Value",
+      value: "Selected value",
+      disabled: "Disabled",
+      placeholder: "Placeholder",
       label: "Label",
-      helperText: "Helper text",
-      errorMessage: "Error message",
       readOnly: "Read only",
-      disabled: "Disabled"
+      helperText: "Helper text",
+      errorMessage: "Error message"
     },
-    presets: {
-      baseDatePicker: "Base Date Picker"
+    // Tooltip copy for the Design panel's info icon on these data props —
+    // https://wix.slack.com/archives/C0BBFFEG6HL/p1791456026776399
+    descriptions: {
+      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."
     },
-    designStates: {
-      hover: "Hover",
-      focus: "Focus",
-      disabled: "Disabled",
-      error: "Error",
-      selected: "Selected",
-      today: "Today"
+    cssCustomProperties: {
+      placeholderColor: "Placeholder color",
+      optionsGap: "Space between options"
     },
     elements: {
       label: "Label",
+      input: "Input",
+      list: "List",
+      option: "Option",
       helperText: "Helper text",
-      errorMessage: "Error message",
-      dateInput: "Date input",
-      calendarButton: "Calendar button",
-      popover: "Popover",
-      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.",
-      onKeyDown: "Fires before the date picker handles the key, also while the calendar is open. preventDefault() cancels that handling. Cancelling Escape or Tab can trap keyboard focus. Cancelling arrows, Page Up/Down, Home, End, Backspace, Delete or digits stops visitors editing the date by keyboard.",
-      onKeyUp: "Fires when a key is released, including while the calendar is open. It only reports the key: calling preventDefault() doesn't change how the date picker responds."
-    }
-  }
-};
-const defaultValues = {
-  label: "",
-  helperText: "",
-  readOnly: false,
-  disabled: false
-};
-const DesignStates = {
-  root: {
-    disabled: {
-      displayName: DisplayNames.root.designStates.disabled,
-      className: "datePicker--disabled"
-    }
-  },
-  dateInput: {
-    hover: {
-      displayName: DisplayNames.root.designStates.hover,
-      className: "datePicker__date-input--hover"
-    },
-    focus: {
-      displayName: DisplayNames.root.designStates.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__date-input--disabled"
-    }
-  },
-  calendarButton: {
-    hover: {
-      displayName: DisplayNames.root.designStates.hover,
-      className: "datePicker__calendar-button--hover"
-    },
-    selected: {
-      displayName: DisplayNames.root.designStates.selected,
-      className: "datePicker__calendar-button--selected"
+      errorMessage: "Error message"
     },
-    focus: {
-      displayName: DisplayNames.root.designStates.focus,
-      className: "datePicker__calendar-button--focus"
-    }
-  },
-  dates: {
-    hover: {
-      displayName: DisplayNames.root.designStates.hover,
-      className: "datePicker__date--hover"
-    },
-    selected: {
-      displayName: DisplayNames.root.designStates.selected,
-      className: "datePicker__date--selected"
-    },
-    today: {
-      displayName: DisplayNames.root.designStates.today,
-      className: "datePicker__date--today"
+    presets: {
+      baseCombobox: "Base Combobox"
     },
-    focus: {
-      displayName: DisplayNames.root.designStates.focus,
-      className: "datePicker__date--focus"
+    displayGroups: {
+      optionsGroup: "Manage options"
     }
   }
 };
-const FunctionalStateKeys = {
-  previewCalendarOpen: "previewCalendarOpen",
-  previewError: "previewError"
+const TestIds = {
+  root: "combobox-root",
+  label: "combobox-label",
+  input: "combobox-input",
+  list: "combobox-list",
+  helperText: "combobox-helper-text",
+  errorMessage: "combobox-error-message"
+};
+const editorElementClassNames = {
+  root: "combobox",
+  label: "combobox-label",
+  input: "combobox-input",
+  list: "combobox-list",
+  option: "combobox-option",
+  helperText: "combobox-helper-text",
+  errorMessage: "combobox-error-message"
 };
-const ARIA_LABEL_NAMESPACE = "ariaLabels";
 const AriaLabels = {
   root: {
-    legacyKey: "datePicker_aria_label",
-    default: "Date picker"
-  },
-  openCalendar: {
-    legacyKey: "datePicker_open_calendar",
-    default: "Open calendar"
+    legacyKey: "Dropdown_AriaLabel",
+    default: "Dropdown"
   }
 };
-const TestIds = {
-  root: "datepicker-root",
-  group: "datepicker-group",
-  field: "datepicker-field",
-  calendarButton: "datepicker-calendar-button",
-  calendar: "datepicker-calendar",
-  helperText: "datepicker-helper-text",
-  errorMessage: "datepicker-error-message"
-};
-const selectors = {
-  root: "datePicker",
-  label: "datePicker__label",
-  helperText: "datePicker__helper-text",
-  dateInput: "datePicker__date-input",
-  segment: "datePicker__segment",
-  calendarButton: "datePicker__calendar-button",
-  popover: "datePicker__popover",
-  calendarHeader: "datePicker__calendar-header",
-  navButton: "datePicker__nav-button",
-  weekday: "datePicker__weekday",
-  date: "datePicker__date",
-  errorMessage: "datePicker__error-message"
-};
 export {
-  ARIA_LABEL_NAMESPACE as A,
+  AriaLabels as A,
   COMPONENT_TYPE as C,
   DesignStates as D,
   FunctionalStateKeys as F,
   TestIds as T,
-  AriaLabels as a,
-  DisplayNames as b,
-  Descriptions as c,
-  defaultValues as d,
-  selectors as s
+  DisplayNames as a,
+  editorElementClassNames as e
 };

package/dist/site/components/extensions.js

@@ -10,7 +10,7 @@ import manifest$W from "./Checkbox/manifest.js";
 import manifest$V from "./CheckboxGroup/manifest.js";
 import manifest$U from "./CollapsibleText/manifest.js";
 import manifest$T from "./DatePicker/manifest.js";
-import manifest$S from "./Dropdown/manifest.js";
+import manifest$S from "./Combobox/manifest.js";
 import manifest$R from "./GoogleMap/manifest.js";
 import manifest$Q from "./HipaaIcon/manifest.js";
 import { H as HIPAA_SETTINGS_PANEL_ID } from "./chunks/constants33.js";
@@ -59,7 +59,7 @@ import manifest$a from "./TextEffectsRetro/manifest.js";
 import manifest$9 from "./TextEffectsShook/manifest.js";
 import manifest$8 from "./TextEffectsSticker/manifest.js";
 import manifest$7 from "./TextEffectsStriped/manifest.js";
-import manifest$6 from "./TextInput/manifest.js";
+import manifest$6 from "./TextField/manifest.js";
 import manifest$5 from "./TextMarquee/manifest.js";
 import manifest$4 from "./TimePicker/manifest.js";
 import manifest$3 from "./TransparentVideo/manifest.js";
@@ -450,7 +450,7 @@ const componentManifests = {
   CheckboxGroup: manifest$V,
   CollapsibleText: manifest$U,
   DatePicker: manifest$T,
-  Dropdown: manifest$S,
+  Combobox: manifest$S,
   GoogleMap: manifest$R,
   HipaaIcon: manifest$Q,
   HeadingTextBlock: manifest$P,
@@ -498,7 +498,7 @@ const componentManifests = {
   TextEffectsShook: manifest$9,
   TextEffectsSticker: manifest$8,
   TextEffectsStriped: manifest$7,
-  TextInput: manifest$6,
+  TextField: manifest$6,
   TextMarquee: manifest$5,
   TimePicker: manifest$4,
   TransparentVideo: manifest$3,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2884.0",
+  "version": "1.2886.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -228,5 +228,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "0fcfe61718acde97ba63e21d070c4ef8b095ebe57e590f0e64c747ff"
+  "falconPackageHash": "a9fc780e5d939a0277229d2a43b22cf34207e9d2203fe9ceec00cc50"
 }

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

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-import { DropdownProps } from './Dropdown.types';
-export default function Dropdown({ className, direction, disabled, elementProps, errorMessage, helperText, id, label, onValueChange, options, placeholder, previewError, previewList, readOnly, value, wix, ...rest }: DropdownProps): React.JSX.Element;

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

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

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

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

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

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

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

@@ -1,4 +0,0 @@
-import { ITextInputProps } from './TextInput.types';
-import * as React from 'react';
-declare const TextInput: (props: ITextInputProps) => React.JSX.Element;
-export default TextInput;

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

@@ -1 +0,0 @@
-export { default } from './TextInput';

package/dist/site/components/TextInput/component.preview.d.ts

@@ -1 +0,0 @@
-export { default } from './TextInput';

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

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

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

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