@wix/editor-react-components 1.2837.0 → 1.2838.0

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

@@ -1,7 +1,7 @@
 import { E as ELEMENTS, N as NativeStateType, C as CSS_PROPERTIES, b as DISPLAY_GROUPS, D as DATA, a as ACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
 import { D as DisplayNames, c as DesignStates, d as defaultValues, s as selectors } from "../chunks/constants24.js";
 import { g as getSelector } from "../chunks/manifest.js";
-import { a as manifestFocusable, b as manifestChangeable } from "../chunks/manifestSdkMixins.js";
+import { b as manifestFocusable, c as manifestChangeable } from "../chunks/manifestSdkMixins.js";
 import { m as manifestValidation } from "../chunks/manifest2.js";
 const manifest = {
   id: "01a3965d-95d7-49e2-903a-3a496de97054",

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

@@ -1,7 +1,7 @@
 import { C as CSS_PROPERTIES, N as NativeStateType, E as ELEMENTS, a as ACTIONS, D as DATA, I as INTERACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
 import { g as getTranslationResources } from "../chunks/translationResources.js";
 import { h as elementKeys, i as DesignStates, j as DisplayNames, k as DisplayConfig, d as DefaultValues, I as IconPositionOptions, S as StaticDisplayFilters, l as PageToShareOptions, m as DefaultButtons, B as ButtonWidthOptions, b as COMPONENT_TYPE } from "../chunks/constants22.js";
-import { c as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
+import { d as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
 const presets = {
   horizontal: "horizontal",
   vertical: "vertical"

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

@@ -2,7 +2,7 @@ import { E as ELEMENTS, C as CSS_PROPERTIES, D as DATA, a as ACTIONS, I as INTER
 import { g as getTranslationResources } from "../chunks/translationResources.js";
 import { g as getSelector } from "../chunks/manifest.js";
 import { c as DisplayNames, a as semanticClassNames, d as slideshowCssCustomPropertiesDefaults, e as slideshowCssPropertiesDefaults, s as slideshowDataDefaults, C as COMPONENT_TYPE } from "../chunks/Slideshow.semanticClassNames.js";
-import { c as manifestMouseHover, d as manifestClickable, e as manifestPlayable, b as manifestChangeable } from "../chunks/manifestSdkMixins.js";
+import { d as manifestMouseHover, e as manifestClickable, f as manifestPlayable, c as manifestChangeable } from "../chunks/manifestSdkMixins.js";
 const navigationButtons = {
   elementType: ELEMENTS.ELEMENT_TYPE.refElement,
   refElement: {

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

@@ -1,6 +1,6 @@
 import { E as ELEMENTS, N as NativeStateType, C as CSS_PROPERTIES, a as ACTIONS, I as INTERACTIONS, b as DISPLAY_GROUPS, D as DATA, L as LAYOUT, c as ContainerType, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
 import { D as DesignStates, c as classes, R as ROOT_MENU_ITEM_CSS_PROPERTIES, a as ROOT_MENU_ITEM_CUSTOM_PROPERTIES } from "../chunks/constants20.js";
-import { a as manifestFocusable, c as manifestMouseHover, d as manifestClickable, b as manifestChangeable } from "../chunks/manifestSdkMixins.js";
+import { b as manifestFocusable, d as manifestMouseHover, e as manifestClickable, c as manifestChangeable } from "../chunks/manifestSdkMixins.js";
 const menuItemConfig = {
   elementType: ELEMENTS.ELEMENT_TYPE.inlineElement,
   [ELEMENTS.ELEMENT_TYPE.inlineElement]: {

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

@@ -1,5 +1,5 @@
 import { L as LAYOUT, N as NativeStateType, E as ELEMENTS, D as DATA, b as DISPLAY_GROUPS, C as CSS_PROPERTIES, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
-import { a as manifestFocusable, c as manifestMouseHover, d as manifestClickable } from "../chunks/manifestSdkMixins.js";
+import { b as manifestFocusable, d as manifestMouseHover, e as manifestClickable } from "../chunks/manifestSdkMixins.js";
 const DesignStates = {
   testCompCard: {
     hover: { displayName: "Hover", className: "test-comp-card--hover" },

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

@@ -1,7 +1,7 @@
 import { E as ELEMENTS, N as NativeStateType, b as DISPLAY_GROUPS, C as CSS_PROPERTIES, D as DATA, L as LAYOUT, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
 import { D as DisplayNames, b as DesignStates, d as defaultValues, s as selectors } from "../chunks/constants18.js";
 import { g as getSelector } from "../chunks/manifest.js";
-import { a as manifestFocusable, b as manifestChangeable } from "../chunks/manifestSdkMixins.js";
+import { b as manifestFocusable, c as manifestChangeable } from "../chunks/manifestSdkMixins.js";
 import { m as manifestValidation } from "../chunks/manifest2.js";
 const manifest = {
   id: "002d94d7-bec7-4082-8d00-fe4ede12024d",

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

@@ -1,7 +1,6 @@
 import { I as INTERACTIONS, D as DATA, b as DISPLAY_GROUPS, E as ELEMENTS, C as CSS_PROPERTIES, N as NativeStateType, L as LAYOUT, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
-import { D as DomEventType } from "../chunks/types.impl.js";
 import { D as DesignStates, a as DisplayNames, F as FunctionalStateKeys, c as componentClassNames } from "../chunks/constants3.js";
-import { m as manifestInputable, a as manifestFocusable } from "../chunks/manifestSdkMixins.js";
+import { m as manifestKeyboard, a as manifestInputable, b as manifestFocusable } from "../chunks/manifestSdkMixins.js";
 const designState = (s, pseudoClass) => ({
   displayName: s.displayName,
   className: s.className,
@@ -350,26 +349,13 @@ const manifest = {
       },
       ...manifestFocusable(),
       ...manifestInputable(),
-      onKeyUp: {
-        displayName: "On Key Up",
-        dataType: DATA.DATA_TYPE.function,
-        [DATA.DATA_TYPE.function]: {
-          parameters: [{ domEvent: DomEventType.KEYBOARD }]
-        }
-      },
+      ...manifestKeyboard(),
       onValueChange: {
         displayName: "On Value Change",
         dataType: DATA.DATA_TYPE.function,
         [DATA.DATA_TYPE.function]: {
           parameters: [{ dataType: DATA.DATA_TYPE.text }]
         }
-      },
-      onKeyDown: {
-        displayName: "On Key Down",
-        dataType: DATA.DATA_TYPE.function,
-        [DATA.DATA_TYPE.function]: {
-          parameters: [{ domEvent: DomEventType.KEYBOARD }]
-        }
       }
     },
     interactions: {

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

@@ -1,19 +1,23 @@
+const TEXT_PROP_STATIC_VALUE_MAX_LENGTH = 400;
 const DisplayNames = {
   root: {
     elementDisplayName: "Checkbox",
     data: {
       checked: "Checked",
-      defaultChecked: "Checked by default",
-      required: "Required",
       readOnly: "Read only",
       disabled: "Disabled",
-      indeterminate: "Indeterminate",
       label: "Label",
-      tooltip: "Tooltip"
+      errorMessage: "Error message"
+    },
+    descriptions: {
+      checked: "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.",
+      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."
     },
     cssCustomProperties: {
-      gap: "Spacing",
-      alignment: "Alignment"
+      gap: "Spacing"
+    },
+    presets: {
+      baseCheckbox: "Base Checkbox"
     }
   },
   indicator: {
@@ -23,13 +27,15 @@ const DisplayNames = {
       uncheckedBorderColor: "Unchecked border color",
       checkedBackgroundColor: "Checked background color",
       checkedBorderColor: "Checked border color",
-      borderWidth: "Border width",
       checkmarkColor: "Checkmark color",
-      size: "Checkbox size"
+      checkboxSize: "Checkbox size"
     }
   },
   label: {
     elementDisplayName: "Label"
+  },
+  errorMessage: {
+    elementDisplayName: "Error message"
   }
 };
 const DesignStates = {
@@ -40,51 +46,43 @@ const DesignStates = {
       displayName: "Disabled",
       className: "checkbox__indicator--disabled"
     },
-    invalid: {
-      displayName: "Invalid",
-      className: "checkbox__indicator--invalid"
+    error: {
+      displayName: "Error",
+      className: "checkbox__indicator--error"
     }
   }
 };
+const FunctionalStateKeys = {
+  previewError: "previewError"
+};
+const ERROR_MESSAGE_PREVIEW_TEXT = "Error message";
 const defaultValues = {
   label: "Label",
   checked: false,
-  defaultChecked: false,
-  required: false,
   readOnly: false,
-  disabled: false,
-  indeterminate: false,
-  tooltip: ""
+  disabled: false
 };
-const VALUE_MISSING_MESSAGE = "This field is required";
 const TestIds = {
   root: "checkbox-root",
   control: "checkbox-control",
   indicator: "checkbox-indicator",
   label: "checkbox-label",
-  requiredIndicator: "checkbox-required-indicator",
-  tooltipButton: "checkbox-tooltip-button",
-  errorMessage: "checkbox-error-message"
+  errorMessage: "checkbox-error-message",
+  accessibleName: "checkbox-accessible-name"
 };
 const selectors = {
   root: "checkbox",
   indicator: "checkbox__indicator",
-  label: "checkbox__label"
-};
-const semanticClassNames = {
-  root: "checkbox",
-  control: "checkbox__control",
-  indicator: "checkbox__indicator",
   label: "checkbox__label",
-  requiredIndicator: "checkbox__required-indicator",
   errorMessage: "checkbox__error-message"
 };
 export {
-  DisplayNames as D,
+  DesignStates as D,
+  ERROR_MESSAGE_PREVIEW_TEXT as E,
+  FunctionalStateKeys as F,
   TestIds as T,
-  VALUE_MISSING_MESSAGE as V,
-  semanticClassNames as a,
-  DesignStates as b,
+  DisplayNames as a,
+  TEXT_PROP_STATIC_VALUE_MAX_LENGTH as b,
   defaultValues as d,
   selectors as s
 };

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

@@ -7,6 +7,8 @@ const MANIFEST_DEFAULT_FUNCTION_DISPLAY_NAMES = {
   onDblClick: "On Double Click",
   onFocus: "On Focus",
   onBlur: "On Blur",
+  onKeyDown: "On Key Down",
+  onKeyUp: "On Key Up",
   onMouseIn: "On Mouse In",
   onMouseOut: "On Mouse Out",
   onPlay: "On Play",
@@ -73,6 +75,21 @@ function manifestFocusable(names = {}) {
     )
   };
 }
+function manifestKeyboard(names = {}) {
+  const payload = {
+    parameters: [{ domEvent: DomEventType.KEYBOARD }]
+  };
+  return {
+    onKeyDown: manifestFunction(
+      names.onKeyDown ?? MANIFEST_DEFAULT_FUNCTION_DISPLAY_NAMES.onKeyDown,
+      payload
+    ),
+    onKeyUp: manifestFunction(
+      names.onKeyUp ?? MANIFEST_DEFAULT_FUNCTION_DISPLAY_NAMES.onKeyUp,
+      payload
+    )
+  };
+}
 function manifestMouseHover(names = {}) {
   const payload = {
     parameters: [{ domEvent: DomEventType.POINTER }]
@@ -115,11 +132,12 @@ function manifestMediaProgress(names = {}) {
   };
 }
 export {
-  manifestFocusable as a,
-  manifestChangeable as b,
-  manifestMouseHover as c,
-  manifestClickable as d,
-  manifestPlayable as e,
-  manifestMediaProgress as f,
-  manifestInputable as m
+  manifestInputable as a,
+  manifestFocusable as b,
+  manifestChangeable as c,
+  manifestMouseHover as d,
+  manifestClickable as e,
+  manifestPlayable as f,
+  manifestMediaProgress as g,
+  manifestKeyboard as m
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2837.0",
+  "version": "1.2838.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -228,5 +228,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "110eee47b76f8d690dcb94facecdd82642236c71e1f3c75aa2e78b74"
+  "falconPackageHash": "098d5314e74b592357b869dd0cebeeb40b0e16597928c11f76a69d2e"
 }

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

@@ -1,4 +0,0 @@
-import { ResolveManifestOverrides } from '../../../utils/ResolveManifestOverrides';
-import { default as Checkbox } from './Checkbox';
-export default Checkbox;
-export declare const resolveManifestOverrides: ResolveManifestOverrides;