@wix/editor-react-components 1.2764.0 → 1.2766.0

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

@@ -1,69 +1,241 @@
-import { g as getDefaultExportFromCjs } from "./_commonjsHelpers.js";
-var classnames = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var hasRequiredClassnames;
-function requireClassnames() {
-  if (hasRequiredClassnames) return classnames.exports;
-  hasRequiredClassnames = 1;
-  (function(module) {
-    (function() {
-      var hasOwn = {}.hasOwnProperty;
-      function classNames() {
-        var classes = "";
-        for (var i = 0; i < arguments.length; i++) {
-          var arg = arguments[i];
-          if (arg) {
-            classes = appendClass(classes, parseValue(arg));
-          }
-        }
-        return classes;
+var cjs$2 = {};
+var cjs$1;
+var hasRequiredCjs$2;
+function requireCjs$2() {
+  if (hasRequiredCjs$2) return cjs$1;
+  hasRequiredCjs$2 = 1;
+  var COMMENT_REGEX = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//g;
+  var NEWLINE_REGEX = /\n/g;
+  var WHITESPACE_REGEX = /^\s*/;
+  var PROPERTY_REGEX = /^(\*?[-#/*\\\w]+(\[[0-9a-z_-]+\])?)\s*/;
+  var COLON_REGEX = /^:\s*/;
+  var VALUE_REGEX = /^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};])+)/;
+  var SEMICOLON_REGEX = /^[;\s]*/;
+  var TRIM_REGEX = /^\s+|\s+$/g;
+  var NEWLINE = "\n";
+  var FORWARD_SLASH = "/";
+  var ASTERISK = "*";
+  var EMPTY_STRING = "";
+  var TYPE_COMMENT = "comment";
+  var TYPE_DECLARATION = "declaration";
+  function index(style, options) {
+    if (typeof style !== "string") {
+      throw new TypeError("First argument must be a string");
+    }
+    if (!style) return [];
+    options = options || {};
+    var lineno = 1;
+    var column = 1;
+    function updatePosition(str) {
+      var lines = str.match(NEWLINE_REGEX);
+      if (lines) lineno += lines.length;
+      var i = str.lastIndexOf(NEWLINE);
+      column = ~i ? str.length - i : column + str.length;
+    }
+    function position() {
+      var start = { line: lineno, column };
+      return function(node) {
+        node.position = new Position(start);
+        whitespace();
+        return node;
+      };
+    }
+    function Position(start) {
+      this.start = start;
+      this.end = { line: lineno, column };
+      this.source = options.source;
+    }
+    Position.prototype.content = style;
+    function error(msg) {
+      var err = new Error(
+        options.source + ":" + lineno + ":" + column + ": " + msg
+      );
+      err.reason = msg;
+      err.filename = options.source;
+      err.line = lineno;
+      err.column = column;
+      err.source = style;
+      if (options.silent) ;
+      else {
+        throw err;
       }
-      function parseValue(arg) {
-        if (typeof arg === "string" || typeof arg === "number") {
-          return arg;
-        }
-        if (typeof arg !== "object") {
-          return "";
-        }
-        if (Array.isArray(arg)) {
-          return classNames.apply(null, arg);
-        }
-        if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
-          return arg.toString();
+    }
+    function match(re) {
+      var m = re.exec(style);
+      if (!m) return;
+      var str = m[0];
+      updatePosition(str);
+      style = style.slice(str.length);
+      return m;
+    }
+    function whitespace() {
+      match(WHITESPACE_REGEX);
+    }
+    function comments(rules) {
+      var c;
+      rules = rules || [];
+      while (c = comment()) {
+        if (c !== false) {
+          rules.push(c);
         }
-        var classes = "";
-        for (var key in arg) {
-          if (hasOwn.call(arg, key) && arg[key]) {
-            classes = appendClass(classes, key);
-          }
-        }
-        return classes;
       }
-      function appendClass(value, newClass) {
-        if (!newClass) {
-          return value;
-        }
-        if (value) {
-          return value + " " + newClass;
+      return rules;
+    }
+    function comment() {
+      var pos = position();
+      if (FORWARD_SLASH != style.charAt(0) || ASTERISK != style.charAt(1)) return;
+      var i = 2;
+      while (EMPTY_STRING != style.charAt(i) && (ASTERISK != style.charAt(i) || FORWARD_SLASH != style.charAt(i + 1))) {
+        ++i;
+      }
+      i += 2;
+      if (EMPTY_STRING === style.charAt(i - 1)) {
+        return error("End of comment missing");
+      }
+      var str = style.slice(2, i - 2);
+      column += 2;
+      updatePosition(str);
+      style = style.slice(i);
+      column += 2;
+      return pos({
+        type: TYPE_COMMENT,
+        comment: str
+      });
+    }
+    function declaration() {
+      var pos = position();
+      var prop = match(PROPERTY_REGEX);
+      if (!prop) return;
+      comment();
+      if (!match(COLON_REGEX)) return error("property missing ':'");
+      var val = match(VALUE_REGEX);
+      var ret = pos({
+        type: TYPE_DECLARATION,
+        property: trim(prop[0].replace(COMMENT_REGEX, EMPTY_STRING)),
+        value: val ? trim(val[0].replace(COMMENT_REGEX, EMPTY_STRING)) : EMPTY_STRING
+      });
+      match(SEMICOLON_REGEX);
+      return ret;
+    }
+    function declarations() {
+      var decls = [];
+      comments(decls);
+      var decl;
+      while (decl = declaration()) {
+        if (decl !== false) {
+          decls.push(decl);
+          comments(decls);
         }
-        return value + newClass;
       }
-      if (module.exports) {
-        classNames.default = classNames;
-        module.exports = classNames;
-      } else {
-        window.classNames = classNames;
+      return decls;
+    }
+    whitespace();
+    return declarations();
+  }
+  function trim(str) {
+    return str ? str.replace(TRIM_REGEX, EMPTY_STRING) : EMPTY_STRING;
+  }
+  cjs$1 = index;
+  return cjs$1;
+}
+var hasRequiredCjs$1;
+function requireCjs$1() {
+  if (hasRequiredCjs$1) return cjs$2;
+  hasRequiredCjs$1 = 1;
+  var __importDefault = cjs$2 && cjs$2.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : { "default": mod };
+  };
+  Object.defineProperty(cjs$2, "__esModule", { value: true });
+  cjs$2.default = StyleToObject;
+  const inline_style_parser_1 = __importDefault(requireCjs$2());
+  function StyleToObject(style, iterator) {
+    let styleObject = null;
+    if (!style || typeof style !== "string") {
+      return styleObject;
+    }
+    const declarations = (0, inline_style_parser_1.default)(style);
+    const hasIterator = typeof iterator === "function";
+    declarations.forEach((declaration) => {
+      if (declaration.type !== "declaration") {
+        return;
+      }
+      const { property, value } = declaration;
+      if (hasIterator) {
+        iterator(property, value, declaration);
+      } else if (value) {
+        styleObject = styleObject || {};
+        styleObject[property] = value;
+      }
+    });
+    return styleObject;
+  }
+  return cjs$2;
+}
+var utilities = {};
+var hasRequiredUtilities;
+function requireUtilities() {
+  if (hasRequiredUtilities) return utilities;
+  hasRequiredUtilities = 1;
+  Object.defineProperty(utilities, "__esModule", { value: true });
+  utilities.camelCase = void 0;
+  var CUSTOM_PROPERTY_REGEX = /^--[a-zA-Z0-9_-]+$/;
+  var HYPHEN_REGEX = /-([a-z])/g;
+  var NO_HYPHEN_REGEX = /^[^-]+$/;
+  var VENDOR_PREFIX_REGEX = /^-(webkit|moz|ms|o|khtml)-/;
+  var MS_VENDOR_PREFIX_REGEX = /^-(ms)-/;
+  var skipCamelCase = function(property) {
+    return !property || NO_HYPHEN_REGEX.test(property) || CUSTOM_PROPERTY_REGEX.test(property);
+  };
+  var capitalize = function(match, character) {
+    return character.toUpperCase();
+  };
+  var trimHyphen = function(match, prefix) {
+    return "".concat(prefix, "-");
+  };
+  var camelCase = function(property, options) {
+    if (options === void 0) {
+      options = {};
+    }
+    if (skipCamelCase(property)) {
+      return property;
+    }
+    property = property.toLowerCase();
+    if (options.reactCompat) {
+      property = property.replace(MS_VENDOR_PREFIX_REGEX, trimHyphen);
+    } else {
+      property = property.replace(VENDOR_PREFIX_REGEX, trimHyphen);
+    }
+    return property.replace(HYPHEN_REGEX, capitalize);
+  };
+  utilities.camelCase = camelCase;
+  return utilities;
+}
+var cjs;
+var hasRequiredCjs;
+function requireCjs() {
+  if (hasRequiredCjs) return cjs;
+  hasRequiredCjs = 1;
+  var __importDefault = cjs && cjs.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : { "default": mod };
+  };
+  var style_to_object_1 = __importDefault(requireCjs$1());
+  var utilities_1 = requireUtilities();
+  function StyleToJS(style, options) {
+    var output = {};
+    if (!style || typeof style !== "string") {
+      return output;
+    }
+    (0, style_to_object_1.default)(style, function(property, value) {
+      if (property && value) {
+        output[(0, utilities_1.camelCase)(property, options)] = value;
       }
-    })();
-  })(classnames);
-  return classnames.exports;
+    });
+    return output;
+  }
+  StyleToJS.default = StyleToJS;
+  cjs = StyleToJS;
+  return cjs;
 }
-var classnamesExports = requireClassnames();
-const cn = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
 export {
-  cn as c
+  requireCjs as r
 };

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

@@ -29,6 +29,15 @@ function require_Symbol() {
   _Symbol = Symbol;
   return _Symbol;
 }
+var isArray_1;
+var hasRequiredIsArray;
+function requireIsArray() {
+  if (hasRequiredIsArray) return isArray_1;
+  hasRequiredIsArray = 1;
+  var isArray = Array.isArray;
+  isArray_1 = isArray;
+  return isArray_1;
+}
 var _getRawTag;
 var hasRequired_getRawTag;
 function require_getRawTag() {
@@ -101,9 +110,10 @@ function requireIsObjectLike() {
   return isObjectLike_1;
 }
 export {
-  require_baseGetTag as a,
-  requireIsObjectLike as b,
-  require_root as c,
-  require_freeGlobal as d,
-  require_Symbol as r
+  requireIsObjectLike as a,
+  require_Symbol as b,
+  requireIsArray as c,
+  require_root as d,
+  require_freeGlobal as e,
+  require_baseGetTag as r
 };

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

@@ -2,7 +2,6 @@ import { D as DATA } from "./chunk-EVX7ZUBD.js";
 import { D as DomEventType } from "./types.impl.js";
 const MANIFEST_DEFAULT_FUNCTION_DISPLAY_NAMES = {
   onChange: "On Change",
-  onInput: "On Input",
   onClick: "On Click",
   onDblClick: "On Double Click",
   onFocus: "On Focus",
@@ -32,17 +31,6 @@ function manifestChangeable(names = {}) {
     )
   };
 }
-function manifestInputable(names = {}) {
-  const payload = {
-    parameters: [{ domEvent: DomEventType.CHANGE }]
-  };
-  return {
-    onInput: manifestFunction(
-      names.onInput ?? MANIFEST_DEFAULT_FUNCTION_DISPLAY_NAMES.onInput,
-      payload
-    )
-  };
-}
 function manifestClickable(names = {}) {
   const payload = {
     parameters: [{ domEvent: DomEventType.POINTER }]
@@ -116,10 +104,9 @@ function manifestMediaProgress(names = {}) {
 }
 export {
   manifestChangeable as a,
-  manifestInputable as b,
-  manifestMouseHover as c,
-  manifestClickable as d,
-  manifestPlayable as e,
-  manifestMediaProgress as f,
+  manifestMouseHover as b,
+  manifestClickable as c,
+  manifestPlayable as d,
+  manifestMediaProgress as e,
   manifestFocusable as m
 };

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

@@ -1,4 +1,4 @@
-import { p as parseDocument } from "./index10.js";
+import { p as parseDocument } from "./index8.js";
 import { l as libExports } from "./index5.js";
 import { s as sanitizeHTML } from "./sanitizeHTML.js";
 function parseHtml(html, options) {

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

@@ -1,4 +1,4 @@
-import { p as parseDocument } from "./index10.js";
+import { p as parseDocument } from "./index8.js";
 import { l as libExports } from "./index5.js";
 function parseSvg(svg) {
   const doc = parseDocument(svg, {

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

@@ -1,4 +1,4 @@
-import { d as defineService } from "./index8.js";
+import { d as defineService } from "./index10.js";
 const defineStaticService = defineService;
 export {
   defineStaticService as d

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

@@ -3,7 +3,7 @@ import * as React from "react";
 import React__default, { useState, useEffect, useMemo } from "react";
 import { c as clsx } from "./clsx.js";
 import { a as getDataAttributes } from "./dataUtils.js";
-import { a as activateBySpaceOrEnterButton, f as getTabIndexAttribute } from "./a11y.js";
+import { a as activateBySpaceOrEnterButton, e as getTabIndexAttribute } from "./a11y.js";
 import * as __rspack_external_react_dom_7136dc57 from "react-dom";
 import __rspack_external_react_dom_7136dc57__default from "react-dom";
 import { g as getDefaultExportFromCjs } from "./_commonjsHelpers.js";

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

@@ -1,4 +1,4 @@
-import { k as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7 } from "./filterDOMProps.js";
+import { a as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7 } from "./I18nProvider.js";
 import { useMemo } from "react";
 const $a747a10fe70a57da$var$localeSymbol = Symbol.for("react-aria.i18n.locale");
 const $a747a10fe70a57da$var$stringsSymbol = Symbol.for("react-aria.i18n.strings");

package/package.json

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

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

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-import { ResolveManifestOverrides } from '../../../utils/ResolveManifestOverrides';
-import { DropdownProps } from './Dropdown.types';
-type DropdownPreviewProps = DropdownProps & {
-    previewChips?: boolean;
-};
-export default function DropdownPreview(props: DropdownPreviewProps): React.JSX.Element;
-export declare const resolveManifestOverrides: ResolveManifestOverrides;
-export {};

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

@@ -1,8 +0,0 @@
-import { default as React } from 'react';
-import { DropdownItem } from '../dropdownUtils';
-export declare const DropdownChips: ({ items, inputControl, removeItemLabel, chipClassName, }: {
-    items: Array<DropdownItem>;
-    inputControl: React.ReactNode;
-    removeItemLabel: string;
-    chipClassName?: string;
-}) => React.ReactElement;

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

@@ -1,20 +0,0 @@
-import { default as React } from 'react';
-import { DropdownItem } from '../dropdownUtils';
-import { DropdownElementProps } from '../Dropdown.types';
-type DropdownListProps = {
-    optionItems: Array<DropdownItem>;
-    filterItem: (item: DropdownItem, typed: string) => boolean;
-    inputValue: string;
-    limit: number;
-    isGrid: boolean;
-    isSearchable: boolean;
-    columns: number;
-    inline: boolean;
-    isMultiple: boolean;
-    hasInput: boolean;
-    hasQuery: boolean;
-    popoverContainer: HTMLDivElement | null;
-    elementProps?: DropdownElementProps;
-};
-export declare const DropdownList: ({ optionItems, filterItem, inputValue, limit, isGrid, isSearchable, columns, inline, isMultiple, hasInput, hasQuery, popoverContainer, elementProps, }: DropdownListProps) => React.ReactElement;
-export {};

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

@@ -1,22 +0,0 @@
-import { default as React } from 'react';
-import { DropdownItem } from '../dropdownUtils';
-import { DropdownElementProps } from '../Dropdown.types';
-type DropdownTriggerProps = {
-    isMultiple: boolean;
-    isSearchable: boolean;
-    clearable: boolean;
-    selectedLabel: string;
-    selectedItems: Array<DropdownItem>;
-    placeholder: string;
-    ariaLabel: string | undefined;
-    labelId: string | undefined;
-    clearLabel: string;
-    removeItemLabel: string;
-    describedById: string | undefined;
-    isInvalid: boolean;
-    onFocus: (event: React.FocusEvent) => void;
-    onBlur: (event: React.FocusEvent) => void;
-    elementProps?: DropdownElementProps;
-};
-export declare const DropdownTrigger: ({ isMultiple, isSearchable, clearable, selectedLabel, selectedItems, placeholder, ariaLabel, labelId, clearLabel, removeItemLabel, describedById, isInvalid, onFocus, onBlur, elementProps, }: DropdownTriggerProps) => React.ReactElement;
-export {};

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

@@ -1,22 +0,0 @@
-import { DropdownFilter, DropdownOption, DropdownProps } from './Dropdown.types';
-/** An option normalized for base-ui: a stable key plus its value and label. */
-export type DropdownItem = {
-    key: string;
-    value: string;
-    label: string;
-};
-/** Reads a value string from a selection item: a bare string or `{ value }`. */
-export declare const readOptionValue: (item: unknown) => string | null;
-/** Drops blank-label options and assigns stable index keys. */
-export declare const toOptionItems: (options: Array<DropdownOption>) => Array<DropdownItem>;
-/** Normalizes the bound `value` (string, `string[]`, or `{ value }[]`) to values. */
-export declare const readSelectedValues: (rawValue: unknown, isMultiple: boolean) => Array<string>;
-/** Builds the per-item match used to filter the list against the typed query. */
-export declare const createFilterItem: (params: {
-    customFilter?: DropdownFilter;
-    isSearchable: boolean;
-    isMultiple: boolean;
-    inline: boolean;
-}) => (item: DropdownItem, typed: string) => boolean;
-export declare const emitChange: (onChange: NonNullable<DropdownProps["onChange"]>, value: string | Array<string>) => void;
-export declare const emitInput: (onInput: NonNullable<DropdownProps["onInput"]>, value: string) => void;

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

@@ -1,9 +0,0 @@
-/**
- * Returns how many of `count` chips fit on one row of `ref`, leaving room for a
- * "+N" counter. Renders all chips first (to measure them), then caps; re-runs on
- * selection change and container resize. Falls back to `count` when it can't
- * measure (e.g. SSR / not yet laid out).
- */
-export declare const useChipOverflow: (ref: {
-    current: HTMLElement | null;
-}, count: number) => number;

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

@@ -1,15 +0,0 @@
-import { DropdownProps } from '../Dropdown.types';
-export declare const useDropdownQuery: (params: {
-    boundInputValue: string | undefined;
-    boundOpen: boolean | undefined;
-    isMultiple: boolean;
-    selectedKey: string | null;
-    selectedOptionLabel: string;
-    onInput: NonNullable<DropdownProps["onInput"]>;
-}) => {
-    inputValue: string;
-    handleInputValueChange: (next: string) => void;
-    hasQuery: boolean;
-    isOpen: boolean;
-    setIsOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
-};

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

@@ -1,16 +0,0 @@
-import { DropdownProps } from '../Dropdown.types';
-import { DropdownItem } from '../dropdownUtils';
-export declare const useDropdownSelection: (params: {
-    optionItems: Array<DropdownItem>;
-    selectedValues: Array<string>;
-    isMultiple: boolean;
-    isApplyMode: boolean;
-    onChange: NonNullable<DropdownProps["onChange"]>;
-}) => {
-    selectedKeys: string[];
-    selectedItems: DropdownItem[];
-    selectedKey: string;
-    selectedOptionLabel: string;
-    handleSelectionChange: (keys: Array<string>) => void;
-    handleApply: () => void;
-};

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

@@ -1,24 +0,0 @@
-export declare const TranslationKeys: {
-    readonly NAMESPACE: "Text_Input";
-    readonly PHONE_FORMAT_LENGTH_VALIDATION_ERROR: "text_input_phone_format_length_validation_error";
-    readonly PHONE_FORMAT_LENGTH_VALIDATION_ERROR_DEFAULT: "Please enter a phone number with {digits} digits";
-    readonly PHONE_FORMAT_DEFAULT_VALIDATION_ERROR: "text_input_phone_format_default_validation_error";
-    readonly PHONE_FORMAT_DEFAULT_VALIDATION_ERROR_DEFAULT: "Please enter between 4 to 17 digits. You can include hyphens (-) or start with a (+), e.g., 555-123-4567 or +(222)987654321";
-    readonly PHONE_FORMAT_COMPLEX_PHONE_DEFAULT_VALIDATION_ERROR: "text_input_phone_format_complex_phone_default_validation_error";
-    readonly PHONE_FORMAT_COMPLEX_PHONE_DEFAULT_VALIDATION_ERROR_DEFAULT: "Please enter between 4 to 17 digits. You can include dividers (-), e.g., 555-123-4567.";
-    readonly INLINE_ERROR_MESSAGE_DEFAULT_ERROR_MESSAGE: "Text_Input_On_Stage_Error_Text_Label";
-};
-export declare const textTypeToName: {
-    readonly email: "email";
-    readonly url: "url";
-    readonly tel: "phone";
-    readonly text: undefined;
-    readonly password: undefined;
-    readonly number: undefined;
-    readonly search: undefined;
-};
-type SPFields = 'textPadding' | 'labelMargin' | 'labelPadding' | 'inputHeight';
-type StyleFields = SPFields | 'textAlignment';
-export declare const migratedSPFields: Array<SPFields>;
-export declare const migratedFields: Array<StyleFields>;
-export {};

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

@@ -1,4 +0,0 @@
-import { CorvidSDKFactory } from '../../../types/vendored/editor-elements-types-corvid';
-export declare const createTextInputSdk: CorvidSDKFactory;
-declare const _default: CorvidSDKFactory<object, object, object>;
-export default _default;