@wix/editor-react-components 1.2254.0 → 1.2255.0

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

@@ -5,21 +5,11 @@ import "react-dom";
 import { c as clsx } from "../chunks/clsx.js";
 import AnimatedIconWithReducedMotion from "../AnimatedIcon/component.js";
 import { g as getDefaultExportFromCjs } from "../chunks/_commonjsHelpers.js";
-import { r as require_baseGetTag, d as require_root, b as require_Symbol, c as requireIsArray, a as requireIsObjectLike, e as require_freeGlobal } from "../chunks/isObjectLike.js";
-import { D as DEFAULT_PROPS } from "../chunks/constants32.js";
+import { a as requireEq, d as requireIsFunction, r as requireIsObject, e as requireIsLength, c as require_isIndex, b as requireIsArrayLike } from "../chunks/isArrayLike.js";
+import { c as require_root, r as require_Symbol, a as require_baseGetTag, b as requireIsObjectLike, d as require_freeGlobal } from "../chunks/isObjectLike.js";
+import { r as requireIsArray } from "../chunks/isArray.js";
+import { D as DEFAULT_PROPS } from "../chunks/constants33.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
-var isObject_1;
-var hasRequiredIsObject;
-function requireIsObject() {
-  if (hasRequiredIsObject) return isObject_1;
-  hasRequiredIsObject = 1;
-  function isObject(value) {
-    var type = typeof value;
-    return value != null && (type == "object" || type == "function");
-  }
-  isObject_1 = isObject;
-  return isObject_1;
-}
 var _overArg;
 var hasRequired_overArg;
 function require_overArg() {
@@ -476,17 +466,6 @@ function require_listCacheClear() {
   _listCacheClear = listCacheClear;
   return _listCacheClear;
 }
-var eq_1;
-var hasRequiredEq;
-function requireEq() {
-  if (hasRequiredEq) return eq_1;
-  hasRequiredEq = 1;
-  function eq(value, other) {
-    return value === other || value !== value && other !== other;
-  }
-  eq_1 = eq;
-  return eq_1;
-}
 var _assocIndexOf;
 var hasRequired_assocIndexOf;
 function require_assocIndexOf() {
@@ -644,23 +623,6 @@ function require_stackHas() {
   _stackHas = stackHas;
   return _stackHas;
 }
-var isFunction_1;
-var hasRequiredIsFunction;
-function requireIsFunction() {
-  if (hasRequiredIsFunction) return isFunction_1;
-  hasRequiredIsFunction = 1;
-  var baseGetTag = require_baseGetTag(), isObject = requireIsObject();
-  var asyncTag = "[object AsyncFunction]", funcTag = "[object Function]", genTag = "[object GeneratorFunction]", proxyTag = "[object Proxy]";
-  function isFunction2(value) {
-    if (!isObject(value)) {
-      return false;
-    }
-    var tag = baseGetTag(value);
-    return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
-  }
-  isFunction_1 = isFunction2;
-  return isFunction_1;
-}
 var _coreJsData;
 var hasRequired_coreJsData;
 function require_coreJsData() {
@@ -1396,33 +1358,6 @@ function requireIsBuffer() {
   })(isBuffer, isBuffer.exports);
   return isBuffer.exports;
 }
-var _isIndex;
-var hasRequired_isIndex;
-function require_isIndex() {
-  if (hasRequired_isIndex) return _isIndex;
-  hasRequired_isIndex = 1;
-  var MAX_SAFE_INTEGER = 9007199254740991;
-  var reIsUint = /^(?:0|[1-9]\d*)$/;
-  function isIndex(value, length) {
-    var type = typeof value;
-    length = length == null ? MAX_SAFE_INTEGER : length;
-    return !!length && (type == "number" || type != "symbol" && reIsUint.test(value)) && (value > -1 && value % 1 == 0 && value < length);
-  }
-  _isIndex = isIndex;
-  return _isIndex;
-}
-var isLength_1;
-var hasRequiredIsLength;
-function requireIsLength() {
-  if (hasRequiredIsLength) return isLength_1;
-  hasRequiredIsLength = 1;
-  var MAX_SAFE_INTEGER = 9007199254740991;
-  function isLength(value) {
-    return typeof value == "number" && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
-  }
-  isLength_1 = isLength;
-  return isLength_1;
-}
 var _baseIsTypedArray;
 var hasRequired_baseIsTypedArray;
 function require_baseIsTypedArray() {
@@ -1560,18 +1495,6 @@ function require_baseKeys() {
   _baseKeys = baseKeys;
   return _baseKeys;
 }
-var isArrayLike_1;
-var hasRequiredIsArrayLike;
-function requireIsArrayLike() {
-  if (hasRequiredIsArrayLike) return isArrayLike_1;
-  hasRequiredIsArrayLike = 1;
-  var isFunction2 = requireIsFunction(), isLength = requireIsLength();
-  function isArrayLike(value) {
-    return value != null && isLength(value.length) && !isFunction2(value);
-  }
-  isArrayLike_1 = isArrayLike;
-  return isArrayLike_1;
-}
 var keys_1;
 var hasRequiredKeys;
 function requireKeys() {

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

@@ -1,5 +1,5 @@
 import { C as CSS_PROPERTIES, b as DISPLAY_GROUPS, D as DATA, L as LAYOUT, c as ContainerType, a as ACTIONS, E as ELEMENTS, N as NativeStateType, A as Archetype } from "../chunks/chunk-JPMZBG44.js";
-import { a as DesignStates, b as DISPLAY_NAMES, c as accordionManifestDefaults, C as CONTAINER_INITIAL_HEIGHT } from "../chunks/constants32.js";
+import { a as DesignStates, b as DISPLAY_NAMES, c as accordionManifestDefaults, C as CONTAINER_INITIAL_HEIGHT } from "../chunks/constants33.js";
 import { m as manifestFocusable, a as manifestMouseHover, b as manifestClickable } from "../chunks/manifestSdkMixins.js";
 import { w as withSpec } from "../chunks/manifest.js";
 import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";

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

@@ -15,7 +15,7 @@ import { E as EnvironmentDefinition } from "../chunks/index2.js";
 import { f as convertA11yKeysToHtmlFormat } from "../chunks/a11y.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
 import Image3 from "../Image3/component.js";
-import { A as ARIA_LABELS, s as selectors, d as dataDefaults } from "../chunks/constants31.js";
+import { A as ARIA_LABELS, s as selectors, d as dataDefaults } from "../chunks/constants32.js";
 import { c as commonjsGlobal } from "../chunks/_commonjsHelpers.js";
 import { $ as $8e9d2fae0ecb9001$export$457c3d6518dd4c6f, a as $f39a9eba43920ace$export$86427a43e3e48ebb, b as $64fa3d84918910a7$export$29f1550f4b0d4415, c as $64fa3d84918910a7$export$4d86445c2cf5e3, g as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, e as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, h as $64fa3d84918910a7$export$2881499e37b75b9a, d as $64fa3d84918910a7$export$fabf2dc03a41866e } from "../chunks/filterDOMProps.js";
 import { o as $2add3ce32c6007eb$export$fedb369cb70207f1, p as $d447af545b77c9f1$export$b204af158042fbac, q as $081cb5757e08788e$export$24490316f764c430, r as $d447af545b77c9f1$export$f21a1ffae260145a, s as $48a7d519b337145d$export$4eaf04e54aa8eed6, a as $fe16bffc7a557bf0$export$7f54fc3180508a52, t as $a92dc41f639950be$export$c2b7abe5d61ec696, u as $a92dc41f639950be$export$525bc4921d56d4a, v as $23f2114a1b82827e$export$4282f70798064fe0, c as $23f2114a1b82827e$export$e58f029f0fbfdb29, w as $b5c62b033c25b96d$export$29bf1b5f2c56cf63, x as $a92dc41f639950be$export$cabe61c495ee3649, y as $1969ac565cfec8d0$export$de79e2c695e052f3, z as $b5c62b033c25b96d$export$60278871457622de, f as $bbaa08b3cd72f041$export$9d1611c77c2fe928, A as $b7115c395c64f7b5$export$4debdb1a3f0fa79e, B as $caaf0dd3060ed57c$export$95185d699e05d4d7, C as $a4e76a5424781910$export$e08e3b67e392101e, D as $2add3ce32c6007eb$export$9ac100e40613ea10, h as $d1116acdf220c2da$export$4c014de7c8940b4c, E as $2c9edc598a03d523$export$420e68273165f4ec, d as $0beb20c9744a2065$export$8467354a121f1b9f, b as $8f5a2122b0992be3$export$8397ddfc504fdb9a, F as $8296dad1a4c5e0dc$export$8f71654801c2f7cd, i as $3274bf1495747a7b$export$5add1d006293d136, k as $0c4a58759813079a$export$4e328f61c538687f, j as $e969f22b6713ca4a$export$ae780daf29e6d456, G as $390e54f620492c70$export$f680877a34711e37, g as $3e6197669829fe11$export$40bfa8c7b0832715, l as $01b77f81d0f07f68$export$75b6ee27786ba447, H as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 } from "../chunks/Group.js";

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

@@ -1,6 +1,6 @@
 import { b as DISPLAY_GROUPS, N as NativeStateType, C as CSS_PROPERTIES, E as ELEMENTS, D as DATA, I as INTERACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-JPMZBG44.js";
 import { a as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
-import { D as DesignStates, a as DisplayNames, s as selectors, b as borderDefaultValue } from "../chunks/constants31.js";
+import { D as DesignStates, a as DisplayNames, s as selectors, b as borderDefaultValue } from "../chunks/constants32.js";
 import manifest$1 from "../Image3/manifest.js";
 import { w as withSpec } from "../chunks/manifest.js";
 import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";

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

@@ -6,7 +6,7 @@ import { $ as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7 } from "../chunks/I18nPr
 import { createPortal } from "react-dom";
 import { f as convertA11yKeysToHtmlFormat } from "../chunks/a11y.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
-import { s as semanticClassNames } from "../chunks/constants30.js";
+import { s as semanticClassNames } from "../chunks/constants31.js";
 import { A as AnimatedIcon } from "../chunks/AnimatedIcon.js";
 import { useService } from "@wix/services-manager-react";
 import { d as defineService } from "../chunks/index7.js";

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

@@ -1,7 +1,7 @@
 import { L as LAYOUT, a as ACTIONS, b as DISPLAY_GROUPS, C as CSS_PROPERTIES, E as ELEMENTS, N as NativeStateType, D as DATA, A as Archetype } from "../chunks/chunk-JPMZBG44.js";
 import { w as withSpec, g as getSelector } from "../chunks/manifest.js";
 import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
-import { D as DesignStates, a as DisplayNames, h as homepageModeValues, d as defaultStateValues, b as separatorValues, c as componentMetadata, s as semanticClassNames } from "../chunks/constants30.js";
+import { D as DesignStates, a as DisplayNames, h as homepageModeValues, d as defaultStateValues, b as separatorValues, c as componentMetadata, s as semanticClassNames } from "../chunks/constants31.js";
 import { a as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
 const manifest = {
   id: componentMetadata.id,

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

@@ -9,7 +9,7 @@ import { e as getTabIndexAttribute } from "../chunks/a11y.js";
 import { a as getDataAttributes } from "../chunks/dataUtils.js";
 import { u as useResizeObserver } from "../chunks/useResizeObserver.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
-import { L as LINE_HEIGHT_ROUNDING_ERROR_TOLERANCE, F as FALLBACK_LINE_HEIGHT, m as manifestClasses, E as ExpandModeValues, T as TestIds, s as semanticClassNames } from "../chunks/constants29.js";
+import { L as LINE_HEIGHT_ROUNDING_ERROR_TOLERANCE, F as FALLBACK_LINE_HEIGHT, m as manifestClasses, E as ExpandModeValues, T as TestIds, s as semanticClassNames } from "../chunks/constants30.js";
 import { B as Button } from "../chunks/Button.js";
 const root = "root__kOEn9";
 const text = "text__rjuUh";

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

@@ -1,5 +1,5 @@
 import { C as CSS_PROPERTIES, E as ELEMENTS, D as DATA, b as DISPLAY_GROUPS, L as LAYOUT, I as INTERACTIONS, A as Archetype } from "../chunks/chunk-JPMZBG44.js";
-import { D as DisplayNames, d as defaultValues, m as manifestClasses } from "../chunks/constants29.js";
+import { D as DisplayNames, d as defaultValues, m as manifestClasses } from "../chunks/constants30.js";
 import { g as getSelector } from "../chunks/manifest.js";
 import { a as manifestMouseHover, b as manifestClickable } from "../chunks/manifestSdkMixins.js";
 const manifest = {

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

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { DropdownProps } from './Dropdown.types';
+export default function Dropdown(props: DropdownProps): React.JSX.Element;

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

@@ -0,0 +1,91 @@
+import { A11y, Direction } from '@wix/editor-react-types';
+import { SdkFunctionChangeableProps, SdkFunctionFocusableProps, SdkFunctionInputableProps } from '../../../utils/functions/sdkFunctionCallbackProps';
+export type DropdownOption = {
+    /** Text shown to the visitor in the list. */
+    label: string;
+    /** Underlying value emitted when the option is selected. */
+    value: string;
+};
+/** When the filter value is committed: immediately on pick, or only on an Apply click. */
+export type DropdownTriggerMode = 'onSelection' | 'onApply';
+/** Multi-select `value` item; a bare `string[]` is also accepted on read. */
+export type DropdownValueItem = {
+    value: string;
+};
+/** Match rule for searchable mode; defaults to case-insensitive "contains". */
+export type DropdownFilter = (item: DropdownOption, query: string) => boolean;
+export type DropdownProps = Omit<SdkFunctionChangeableProps, 'onChange'> & SdkFunctionFocusableProps & Omit<SdkFunctionInputableProps, 'onInput'> & {
+    /** DOM `id` on the root `.dropdown` wrapper. */
+    id: string;
+    /** Appended to the root `.dropdown`. Use this for CSS-variable and per-element overrides. */
+    className: string;
+    /** The selectable options (static from the editor or from a bound data source). */
+    options: Array<DropdownOption>;
+    /** Single-select selection: a value string (empty = cleared). */
+    value: string;
+    /**
+     * Multi-select selection (`multiple: true`): an array of `{ value }` items
+     * (a bare `string[]` is also accepted on read).
+     */
+    values?: Array<string> | Array<DropdownValueItem>;
+    /** Bindable filter for searchable mode; defaults to case-insensitive "contains". */
+    filter?: DropdownFilter;
+    /** Live typed search query, separate from `value`; two-way bindable via `onInput`. */
+    inputValue?: string;
+    /**
+     * Fires with the new selection so the bound field's setter stores it: a
+     * value string (single-select) or `{ value }[]` (multi-select). The value
+     * is passed plainly (not a DOM change event) — the binding wires
+     * `onChange → <field>.setValue`.
+     */
+    onChange?: (value: string | Array<DropdownValueItem>) => void;
+    /** Fires with the new typed query string (bound via `onInput → <field>.setValue`). */
+    onInput?: (value: string) => void;
+    /** Text shown on the trigger when nothing is selected. */
+    placeholder: string;
+    /** Field label shown above the control and associated with it for assistive tech. */
+    label: string;
+    /** When `true`, renders a searchable Combobox (type to filter) instead of the plain Select. */
+    searchable: boolean;
+    /** When `true`, allows selecting multiple options (rendered as chips); `value` becomes an array. */
+    multiple: boolean;
+    /** When `true`, shows a clear (×) control that resets the selection to empty. */
+    clearable: boolean;
+    /** When `true`, auto-highlights the first matching option while typing (searchable mode). */
+    autoHighlight: boolean;
+    /** When `true`, opens the option list when the input is clicked (searchable mode). */
+    openOnInputClick: boolean;
+    /** When `true`, renders the option list inline (always visible) instead of in a popup. */
+    inline: boolean;
+    /** When `true`, lays the option list out as a multi-column grid with 2D arrow-key navigation. */
+    grid: boolean;
+    /** Number of columns when `grid` is enabled (values ≤ 1 render a single column). */
+    columns: number;
+    /** Max number of options shown at once; `-1` (or any value ≤ 0) means unlimited. Bindable. */
+    limit: number;
+    /** Forces a selection before the surrounding form can submit. */
+    required: boolean;
+    /** Shows the current selection but blocks editing it. */
+    readOnly: boolean;
+    /** Form field name used on submit. */
+    name: string;
+    /** Helper text shown under the field (and as the field's accessible description). */
+    description: string;
+    /** `'onSelection'` commits on pick; `'onApply'` commits only when the Apply button is clicked. */
+    triggerMode: DropdownTriggerMode;
+    /** Label for the Apply button. Used only when `triggerMode='onApply'`. */
+    applyButtonLabel: string;
+    /** Disables interaction with the dropdown. */
+    isDisabled?: boolean;
+    /** Controls whether the option list is open. No effect in `inline` mode. */
+    open?: boolean;
+    /** Writing direction applied to the root. */
+    direction?: Direction;
+    /** Accessibility attributes. `ariaLabel` labels the dropdown for assistive tech. */
+    a11y?: A11y;
+    /** Platform-provided props. */
+    wix?: {
+        /** Spread on the preset wrapper. */
+        presetsWrapperProps?: Record<string, unknown>;
+    };
+};

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

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