@wix/editor-react-components 1.2765.0 → 1.2766.0

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

@@ -2,6 +2,9 @@ import * as React from "react";
 import { useState, useMemo, useRef, useEffect, useCallback } from "react";
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "./clsx.js";
+const InfoCircleSmall = ({ size, ...props }) => /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 18 18", fill: "currentColor", width: size || "18", height: size || "18", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M9,16 C5.13400675,16 2,12.8659932 2,9 C2,5.13400675 5.13400675,2 9,2 C12.8659932,2 16,5.13400675 16,9 C16,12.8659932 12.8659932,16 9,16 Z M9,15 C12.3137085,15 15,12.3137085 15,9 C15,5.6862915 12.3137085,3 9,3 C5.6862915,3 3,5.6862915 3,9 C3,12.3137085 5.6862915,15 9,15 Z M8,8 L10,8 L10,12 L11,13 L7,13 L8,12 L8,8.85714286 L7,8.85714286 L8,8 Z M9,5 C9.55228475,5 10,5.44771525 10,6 C10,6.55228475 9.55228475,7 9,7 C8.44771525,7 8,6.55228475 8,6 C8,5.44771525 8.44771525,5 9,5 Z" }));
+InfoCircleSmall.displayName = "InfoCircleSmall";
+var InfoCircleSmall_default = InfoCircleSmall;
 const sameValidity = (a, b) => a !== null && a.valid === b.valid && a.validationMessage === b.validationMessage;
 function useValidatedField({
   value,
@@ -98,6 +101,7 @@ const RequiredIndicator = ({
   }
 );
 export {
+  InfoCircleSmall_default as I,
   RequiredIndicator as R,
   useValidatedField as u
 };

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

@@ -1,48 +1,25 @@
+const TEXT_PROP_STATIC_VALUE_MAX_LENGTH = 400;
 const DesignStates = {
-  root: {
-    hover: { displayName: "Hover", className: "dropdown--hover" },
-    disabled: { displayName: "Disabled", className: "dropdown--disabled" }
-  },
   input: {
     hover: { displayName: "Hover", className: "dropdown__input--hover" },
     focus: { displayName: "Focus", className: "dropdown__input--focus" },
+    error: { displayName: "Error", className: "dropdown__input--error" },
     disabled: {
       displayName: "Disabled",
       className: "dropdown__input--disabled"
     }
   },
-  trigger: {
-    hover: { displayName: "Hover", className: "dropdown__trigger--hover" },
-    selected: {
-      displayName: "Selected",
-      className: "dropdown__trigger--selected"
-    }
-  },
-  clearButton: {
-    hover: { displayName: "Hover", className: "dropdown__clear--hover" },
-    selected: {
-      displayName: "Selected",
-      className: "dropdown__clear--selected"
-    }
-  },
   option: {
     hover: { displayName: "Hover", className: "dropdown__option--hover" },
     selected: {
       displayName: "Selected",
       className: "dropdown__option--selected"
     }
-  },
-  chip: {
-    hover: { displayName: "Hover", className: "dropdown__chip--hover" },
-    selected: {
-      displayName: "Selected",
-      className: "dropdown__chip--selected"
-    }
   }
 };
 const FunctionalStateKeys = {
   previewList: "previewList",
-  previewChips: "previewChips"
+  previewError: "previewError"
 };
 const DisplayNames = {
   root: {
@@ -52,160 +29,66 @@ const DisplayNames = {
       optionLabel: "Label",
       optionValue: "Value",
       value: "Selected value",
-      values: "Selected values",
-      defaultValue: "Default value",
-      defaultValues: "Default values",
-      inputValue: "Search query",
-      open: "Open",
-      isDisabled: "Disabled",
+      disabled: "Disabled",
       placeholder: "Placeholder",
-      searchable: "Allow search",
-      multiple: "Allow multiple selection",
-      clearable: "Show clear button",
-      autoHighlight: "Highlight first match",
-      openOnInputClick: "Open list on click",
-      inline: "Show options inline",
-      grid: "Show options in a grid",
-      columns: "Columns",
-      limit: "Max visible options",
       label: "Label",
-      required: "Required",
       readOnly: "Read only",
-      description: "Helper text",
-      triggerMode: {
-        displayName: "Apply filter",
-        options: {
-          onSelection: "On selection",
-          onApply: "On button click"
-        }
-      },
-      applyButtonLabel: "Apply button text"
+      helperText: "Helper text",
+      errorMessage: "Error message"
+    },
+    // 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."
     },
     cssCustomProperties: {
-      width: "Width",
-      maxWidth: "Max width",
-      backgroundColor: "Background",
-      borderColor: "Border color",
-      borderWidth: "Border width",
-      paddingTop: "Padding top",
-      paddingBottom: "Padding bottom",
-      paddingInlineStart: "Padding start",
-      paddingInlineEnd: "Padding end",
-      gap: "Spacing",
-      boxShadow: "Shadow",
-      textAlign: "Value alignment",
-      font: "Value font",
-      textColor: "Value color",
-      labelFont: "Label font",
-      labelColor: "Label color",
-      helperFont: "Helper text font",
-      helperColor: "Helper text color",
-      optionTextColor: "Option text color",
-      optionHoverBackgroundColor: "Option hover background",
       placeholderColor: "Placeholder color",
-      chipBackgroundColor: "Chip background",
-      chipTextColor: "Chip text color"
+      optionsGap: "Space between options"
     },
     elements: {
       label: "Label",
       input: "Input",
-      trigger: "Button",
-      clearButton: "Clear button",
       list: "List",
       option: "Option",
-      chip: "Chip"
+      helperText: "Helper text",
+      errorMessage: "Error message"
+    },
+    presets: {
+      baseDropdown: "Base Dropdown"
     },
     displayGroups: {
-      optionsGroup: "Manage options",
-      sizeGroup: "Size",
-      backgroundGroup: "Background",
-      cornersGroup: "Corner radius",
-      paddingGroup: "Padding"
+      optionsGroup: "Manage options"
     }
   }
 };
-const defaultValues = {
-  placeholder: "Select a value",
-  inputValue: "",
-  open: false,
-  isDisabled: false,
-  searchable: false,
-  multiple: false,
-  clearable: false,
-  autoHighlight: false,
-  openOnInputClick: true,
-  inline: false,
-  grid: false,
-  columns: 2,
-  limit: -1,
-  label: "",
-  required: false,
-  readOnly: false,
-  name: "",
-  description: "",
-  triggerMode: "onSelection",
-  applyButtonLabel: "Apply",
-  noResultsText: "No results"
-};
-var TriggerModeValues = /* @__PURE__ */ ((TriggerModeValues2) => {
-  TriggerModeValues2["OnSelection"] = "onSelection";
-  TriggerModeValues2["OnApply"] = "onApply";
-  return TriggerModeValues2;
-})(TriggerModeValues || {});
-const ALL_VALUE = "";
 const TestIds = {
   root: "dropdown-root",
   label: "dropdown-label",
-  requiredIndicator: "dropdown-required-indicator",
-  trigger: "dropdown-trigger",
-  listbox: "dropdown-listbox",
-  clear: "dropdown-clear",
-  applyButton: "dropdown-apply-button",
-  description: "dropdown-description",
+  input: "dropdown-input",
+  list: "dropdown-list",
+  helperText: "dropdown-helper-text",
   errorMessage: "dropdown-error-message"
 };
-const selectors = {
+const editorElementClassNames = {
   root: "dropdown",
   label: "dropdown-label",
   input: "dropdown-input",
-  trigger: "dropdown-trigger",
-  clear: "dropdown-clear",
   list: "dropdown-list",
   option: "dropdown-option",
-  chip: "dropdown-chip"
-};
-const semanticClassNames = {
-  root: "dropdown",
-  label: "dropdown__label",
-  requiredIndicator: "dropdown__required-indicator",
-  input: "dropdown__input",
-  trigger: "dropdown__trigger",
-  clear: "dropdown__clear",
-  listbox: "dropdown__listbox",
-  option: "dropdown__option",
-  chips: "dropdown__chips",
-  chip: "dropdown__chip",
-  applyButton: "dropdown__apply-button",
-  errorMessage: "dropdown__error-message"
+  helperText: "dropdown-helper-text",
+  errorMessage: "dropdown-error-message"
 };
-const ARIA_LABEL_NAMESPACE = "ariaLabels";
 const AriaLabels = {
-  root: { key: "Dropdown_AriaLabel", default: "Dropdown" },
-  clear: { key: "Dropdown_AriaLabel_Clear", default: "Clear" },
-  removeItem: { key: "Dropdown_AriaLabel_RemoveItem", default: "Remove" }
+  root: { key: "Dropdown_AriaLabel", default: "Dropdown" }
 };
-const VALUE_MISSING_MESSAGE = "Please select an option.";
 export {
-  ALL_VALUE as A,
+  AriaLabels as A,
   DesignStates as D,
   FunctionalStateKeys as F,
   TestIds as T,
-  VALUE_MISSING_MESSAGE as V,
-  semanticClassNames as a,
-  TriggerModeValues as b,
-  ARIA_LABEL_NAMESPACE as c,
-  defaultValues as d,
-  AriaLabels as e,
-  DisplayNames as f,
-  selectors as s
+  DisplayNames as a,
+  TEXT_PROP_STATIC_VALUE_MAX_LENGTH as b,
+  editorElementClassNames as e
 };

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

@@ -12043,17 +12043,6 @@ const Button_Button = /* @__PURE__ */ React.forwardRef(function(componentProps,
   });
 });
 if ("production" !== process.env.NODE_ENV) Button_Button.displayName = "Button";
-const Button_module = {
-  root: "root-kIffNe",
-  primary: "primary-BOdHls",
-  secondary: "secondary-O9td6z",
-  tertiary: "tertiary-QWTRNC"
-};
-const Button_Button_Button = /* @__PURE__ */ React.forwardRef(({ className, variant = "primary", ...props }, ref) => /* @__PURE__ */ jsx(Button_Button, {
-  ref,
-  className: clsx(Button_module.root, Button_module[variant], className),
-  ...props
-}));
 const FieldItemContext = /* @__PURE__ */ React.createContext({
   disabled: false
 });
@@ -14072,16 +14061,6 @@ const Label$1 = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref)
   className,
   ...props
 }));
-const Input = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxInput_ComboboxInput, {
-  ref,
-  className,
-  ...props
-}));
-const InputGroup = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxInputGroup_ComboboxInputGroup, {
-  ref,
-  className,
-  ...props
-}));
 const Trigger$2 = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxTrigger_ComboboxTrigger, {
   ref,
   className,
@@ -14107,57 +14086,13 @@ const Item$1 = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) =
   className,
   ...props
 }));
-const ItemIndicator = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxItemIndicator_ComboboxItemIndicator, {
-  ref,
-  className,
-  ...props
-}));
-const Chips = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxChips_ComboboxChips, {
-  ref,
-  className,
-  ...props
-}));
-const Chip = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxChip_ComboboxChip, {
-  ref,
-  className,
-  ...props
-}));
-const ChipRemove = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxChipRemove_ComboboxChipRemove, {
-  ref,
-  className,
-  ...props
-}));
-const Row = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxRow_ComboboxRow, {
-  ref,
-  className,
-  ...props
-}));
-const Empty = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxEmpty_ComboboxEmpty, {
-  ref,
-  className,
-  ...props
-}));
-const Clear = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxClear_ComboboxClear, {
-  ref,
-  className,
-  ...props
-}));
 const Combobox = {
   Label: Label$1,
-  Input,
-  InputGroup,
   Trigger: Trigger$2,
   List: List$1,
   Positioner: Positioner$2,
   Popup: Popup$2,
   Item: Item$1,
-  ItemIndicator,
-  Chips,
-  Chip,
-  ChipRemove,
-  Row,
-  Empty,
-  Clear,
   Root: ComboboxRoot,
   Value: ComboboxValue,
   Portal: ComboboxPortal_ComboboxPortal
@@ -31179,7 +31114,6 @@ const Tooltip = {
   Provider: TooltipProvider_TooltipProvider
 };
 export {
-  Button_Button_Button as B,
   Combobox as C,
   Field as F,
   Input_Input_Input as I,

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 }]
@@ -119,7 +107,6 @@ export {
   manifestMouseHover as b,
   manifestClickable as c,
   manifestPlayable as d,
-  manifestInputable as e,
-  manifestMediaProgress as f,
+  manifestMediaProgress as e,
   manifestFocusable as m
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2765.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": "c25990b763cf96e89598ea50ee34be468566f5aee11e5b9d80fe7882"
+  "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/chunks/InfoCircleSmall.js

@@ -1,7 +0,0 @@
-import * as React from "react";
-const InfoCircleSmall = ({ size, ...props }) => /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 18 18", fill: "currentColor", width: size || "18", height: size || "18", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M9,16 C5.13400675,16 2,12.8659932 2,9 C2,5.13400675 5.13400675,2 9,2 C12.8659932,2 16,5.13400675 16,9 C16,12.8659932 12.8659932,16 9,16 Z M9,15 C12.3137085,15 15,12.3137085 15,9 C15,5.6862915 12.3137085,3 9,3 C5.6862915,3 3,5.6862915 3,9 C3,12.3137085 5.6862915,15 9,15 Z M8,8 L10,8 L10,12 L11,13 L7,13 L8,12 L8,8.85714286 L7,8.85714286 L8,8 Z M9,5 C9.55228475,5 10,5.44771525 10,6 C10,6.55228475 9.55228475,7 9,7 C8.44771525,7 8,6.55228475 8,6 C8,5.44771525 8.44771525,5 9,5 Z" }));
-InfoCircleSmall.displayName = "InfoCircleSmall";
-var InfoCircleSmall_default = InfoCircleSmall;
-export {
-  InfoCircleSmall_default as I
-};