@snack-uikit/fields 0.53.2-preview-0a70077b.0 → 0.54.0

package/dist/cjs/components/FieldAdd/FieldAdd.js

@@ -1,216 +0,0 @@
-"use strict";
-
-var __rest = void 0 && (void 0).__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FieldAdd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = __importDefault(require("classnames"));
-const react_1 = require("react");
-const button_1 = require("@snack-uikit/button");
-const icons_1 = require("@snack-uikit/icons");
-const skeleton_1 = require("@snack-uikit/skeleton");
-const tooltip_1 = require("@snack-uikit/tooltip");
-const utils_1 = require("@snack-uikit/utils");
-const FieldDecorator_1 = require("../FieldDecorator");
-const FieldSelect_1 = require("../FieldSelect");
-const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
-const DEFAULT_ADD_BUTTON_LABEL = 'Create';
-exports.FieldAdd = (0, react_1.forwardRef)((_a, ref) => {
-  var {
-      id,
-      name,
-      placeholder,
-      size = 's',
-      options,
-      value,
-      defaultValue,
-      onChange,
-      disabled = false,
-      readonly = false,
-      searchable = true,
-      showCopyButton = true,
-      showClearButton = true,
-      onKeyDown,
-      required = false,
-      validationState = 'default',
-      search,
-      autocomplete = false,
-      prefixIcon,
-      prefix,
-      postfix,
-      addOptionByEnter = false,
-      untouchableScrollbars = false,
-      open,
-      onOpenChange,
-      selectedOptionFormatter,
-      enableFuzzySearch = true,
-      resetSearchOnOptionSelection = true,
-      onCopyButtonClick,
-      autoFocus,
-      onFocus,
-      onBlur,
-      pinTop,
-      pinBottom,
-      footer,
-      widthStrategy,
-      dataError,
-      noDataState,
-      noResultsState,
-      errorDataState,
-      dataFiltered,
-      loading = false,
-      scrollToSelectedItem,
-      virtualized,
-      scrollRef,
-      scrollContainerRef,
-      onScroll,
-      className,
-      label,
-      labelTooltip,
-      caption,
-      hint,
-      showHintIcon,
-      labelTooltipPlacement,
-      error,
-      addButton,
-      controlTooltip,
-      showAddButton = !readonly
-    } = _a,
-    rest = __rest(_a, ["id", "name", "placeholder", "size", "options", "value", "defaultValue", "onChange", "disabled", "readonly", "searchable", "showCopyButton", "showClearButton", "onKeyDown", "required", "validationState", "search", "autocomplete", "prefixIcon", "prefix", "postfix", "addOptionByEnter", "untouchableScrollbars", "open", "onOpenChange", "selectedOptionFormatter", "enableFuzzySearch", "resetSearchOnOptionSelection", "onCopyButtonClick", "autoFocus", "onFocus", "onBlur", "pinTop", "pinBottom", "footer", "widthStrategy", "dataError", "noDataState", "noResultsState", "errorDataState", "dataFiltered", "loading", "scrollToSelectedItem", "virtualized", "scrollRef", "scrollContainerRef", "onScroll", "className", "label", "labelTooltip", "caption", "hint", "showHintIcon", "labelTooltipPlacement", "error", "addButton", "controlTooltip", "showAddButton"]);
-  const _b = addButton !== null && addButton !== void 0 ? addButton : {},
-    {
-      label: addButtonLabel = DEFAULT_ADD_BUTTON_LABEL,
-      tooltip: addButtonTooltipProp,
-      className: addButtonClassName,
-      disabled: addButtonDisabled = false,
-      'aria-label': addButtonAriaLabel,
-      'data-test-id': addButtonTestId
-    } = _b,
-    addButtonProps = __rest(_b, ["label", "tooltip", "className", "disabled", 'aria-label', 'data-test-id']);
-  const shouldShowAddButton = showAddButton && !readonly;
-  const isAddButtonDisabled = disabled || loading || addButtonDisabled;
-  const addButtonTooltip = addButtonTooltipProp !== null && addButtonTooltipProp !== void 0 ? addButtonTooltipProp : !isAddButtonDisabled ? {
-    tip: addButtonLabel
-  } : undefined;
-  return (0, jsx_runtime_1.jsx)(FieldDecorator_1.FieldDecorator, Object.assign({
-    className: className,
-    label: label,
-    labelTooltip: labelTooltip,
-    labelTooltipPlacement: labelTooltipPlacement,
-    labelFor: id,
-    required: required,
-    caption: caption,
-    hint: hint,
-    disabled: disabled,
-    readonly: readonly,
-    showHintIcon: showHintIcon,
-    size: size,
-    validationState: validationState,
-    error: error
-  }, (0, utils_1.extractSupportProps)(rest), {
-    children: (0, jsx_runtime_1.jsxs)("div", {
-      className: styles_module_scss_1.default.layout,
-      "data-size": size,
-      children: [(0, jsx_runtime_1.jsx)(tooltip_1.WithTooltip, {
-        tooltip: controlTooltip,
-        children: (0, jsx_runtime_1.jsx)("div", {
-          className: styles_module_scss_1.default.selectTooltipTrigger,
-          "data-test-id": 'field-add__control',
-          children: (0, jsx_runtime_1.jsxs)("div", {
-            className: styles_module_scss_1.default.selectWrapper,
-            children: [(0, jsx_runtime_1.jsx)(FieldSelect_1.FieldSelect, {
-              id: id,
-              name: name,
-              placeholder: loading ? '' : placeholder,
-              size: size,
-              options: options,
-              value: value,
-              defaultValue: defaultValue,
-              onChange: onChange,
-              disabled: disabled || loading,
-              readonly: readonly,
-              searchable: loading || readonly ? false : searchable,
-              showCopyButton: showCopyButton && !loading,
-              showClearButton: showClearButton && !loading,
-              onKeyDown: onKeyDown,
-              required: required,
-              validationState: validationState,
-              search: search,
-              autocomplete: autocomplete,
-              prefixIcon: prefixIcon,
-              prefix: prefix,
-              postfix: postfix,
-              addOptionByEnter: addOptionByEnter,
-              untouchableScrollbars: untouchableScrollbars,
-              open: loading ? false : open,
-              onOpenChange: onOpenChange,
-              selectedOptionFormatter: selectedOptionFormatter,
-              enableFuzzySearch: enableFuzzySearch,
-              resetSearchOnOptionSelection: resetSearchOnOptionSelection,
-              onCopyButtonClick: onCopyButtonClick,
-              autoFocus: autoFocus,
-              onFocus: onFocus,
-              onBlur: onBlur,
-              pinTop: pinTop,
-              pinBottom: pinBottom,
-              footer: footer,
-              widthStrategy: widthStrategy,
-              dataError: dataError,
-              noDataState: noDataState,
-              noResultsState: noResultsState,
-              errorDataState: errorDataState,
-              dataFiltered: dataFiltered,
-              loading: loading,
-              scrollToSelectedItem: scrollToSelectedItem,
-              virtualized: virtualized,
-              scrollRef: scrollRef,
-              scrollContainerRef: scrollContainerRef,
-              onScroll: onScroll,
-              className: styles_module_scss_1.default.fieldSelect,
-              selection: 'single',
-              ref: ref
-            }), loading && (0, jsx_runtime_1.jsx)("div", {
-              className: styles_module_scss_1.default.loadingOverlay,
-              "data-test-id": 'field-add__loading',
-              children: (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, {
-                className: styles_module_scss_1.default.loadingSkeleton,
-                width: '100%',
-                height: '100%',
-                borderRadius: 2,
-                loading: true
-              })
-            })]
-          })
-        })
-      }), shouldShowAddButton && (0, jsx_runtime_1.jsx)(tooltip_1.WithTooltip, {
-        tooltip: addButtonTooltip,
-        children: (0, jsx_runtime_1.jsx)("span", {
-          className: styles_module_scss_1.default.buttonTooltipTrigger,
-          children: (0, jsx_runtime_1.jsx)(button_1.ButtonOutline, Object.assign({}, addButtonProps, {
-            appearance: 'neutral',
-            size: size,
-            icon: (0, jsx_runtime_1.jsx)(icons_1.PlusSVG, {}),
-            className: (0, classnames_1.default)(styles_module_scss_1.default.addButton, addButtonClassName),
-            disabled: isAddButtonDisabled,
-            "aria-label": addButtonAriaLabel || addButtonLabel,
-            "data-test-id": addButtonTestId || 'field-add__button'
-          }))
-        })
-      })]
-    })
-  }));
-});

package/dist/cjs/components/FieldAdd/index.d.ts

@@ -1,2 +0,0 @@
-export { FieldAdd } from './FieldAdd';
-export type { FieldAddButtonProps, FieldAddProps } from './FieldAdd';

package/dist/cjs/components/FieldAdd/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FieldAdd = void 0;
-var FieldAdd_1 = require("./FieldAdd");
-Object.defineProperty(exports, "FieldAdd", {
-  enumerable: true,
-  get: function () {
-    return FieldAdd_1.FieldAdd;
-  }
-});

package/dist/cjs/components/FieldAdd/styles.module.css

@@ -1,51 +0,0 @@
-.layout{
-  display:flex;
-  gap:var(--dimension-050m, 4px);
-  align-items:flex-start;
-  width:100%;
-}
-
-.selectTooltipTrigger,
-.selectWrapper,
-.fieldSelect{
-  width:100%;
-}
-
-.selectTooltipTrigger{
-  min-width:0;
-}
-
-.selectWrapper{
-  position:relative;
-}
-
-.loadingOverlay{
-  pointer-events:none;
-  position:absolute;
-  inset:0;
-  display:flex;
-  align-items:center;
-  width:100%;
-}
-
-.loadingSkeleton{
-  margin-right:36px;
-  margin-left:16px;
-}
-
-.buttonTooltipTrigger{
-  display:inline-flex;
-  flex-shrink:0;
-}
-
-.addButton{
-  flex-shrink:0;
-}
-
-.layout[data-size=m] .loadingSkeleton{
-  margin-right:40px;
-}
-
-.layout[data-size=l] .loadingSkeleton{
-  margin-right:44px;
-}

package/dist/esm/components/FieldAdd/FieldAdd.d.ts

@@ -1,52 +0,0 @@
-import { ButtonOutlineProps } from '@snack-uikit/button';
-import { TooltipProps } from '@snack-uikit/tooltip';
-import { FieldSelectSingleProps } from '../FieldSelect';
-export type FieldAddButtonProps = Omit<ButtonOutlineProps, 'appearance' | 'icon' | 'size' | 'label'> & {
-    /** Текст действия для кнопки добавления; используется как fallback для `tooltip.tip` и `aria-label` */
-    label?: string;
-    /** Тултип кнопки добавления */
-    tooltip?: Omit<TooltipProps, 'children'>;
-};
-export type FieldAddProps = FieldSelectSingleProps & {
-    /** Настройки кнопки добавления справа от поля */
-    addButton?: FieldAddButtonProps;
-    /** Тултип над контролом выбора значения */
-    controlTooltip?: Omit<TooltipProps, 'children'>;
-    /** Показывать ли кнопку добавления; в `readonly` режиме кнопка скрывается независимо от значения пропса */
-    showAddButton?: boolean;
-};
-export declare const FieldAdd: import("react").ForwardRefExoticComponent<import("../FieldSelect/types").InputProps & import("../FieldSelect/types").WrapperProps & {
-    options: import("../FieldSelect").OptionProps[];
-    loading?: boolean;
-    prefix?: import("react").ReactNode;
-    postfix?: import("react").ReactNode;
-} & Omit<import("@snack-uikit/list").SelectionSingleState, "mode"> & {
-    'data-test-id'?: string;
-} & import("react").AriaAttributes & {
-    options: import("../FieldSelect").OptionProps[];
-    pinTop?: import("../FieldSelect").OptionProps[];
-    pinBottom?: import("../FieldSelect").OptionProps[];
-    searchable?: boolean;
-    showCopyButton?: boolean;
-    onCopyButtonClick?(): void;
-    showClearButton?: boolean;
-    readonly?: boolean;
-    prefixIcon?: import("react").ReactElement;
-    footer?: import("@snack-uikit/list").DroplistProps["footer"];
-    widthStrategy?: import("@snack-uikit/list").DroplistProps["widthStrategy"];
-    search?: import("../FieldSelect/types").SearchState;
-    autocomplete?: boolean;
-    addOptionByEnter?: boolean;
-    open?: boolean;
-    enableFuzzySearch?: boolean;
-    resetSearchOnOptionSelection?: boolean;
-    onOpenChange?(open: boolean): void;
-    selectedOptionFormatter?: import("../FieldSelect").SelectedOptionFormatter;
-} & Pick<import("@snack-uikit/list").DroplistProps, "onScroll" | "scrollRef" | "scrollContainerRef" | "untouchableScrollbars" | "dataError" | "dataFiltered" | "scrollToSelectedItem" | "virtualized" | "noDataState" | "noResultsState" | "errorDataState"> & {
-    /** Настройки кнопки добавления справа от поля */
-    addButton?: FieldAddButtonProps;
-    /** Тултип над контролом выбора значения */
-    controlTooltip?: Omit<TooltipProps, "children">;
-    /** Показывать ли кнопку добавления; в `readonly` режиме кнопка скрывается независимо от значения пропса */
-    showAddButton?: boolean;
-} & import("react").RefAttributes<HTMLInputElement>>;

package/dist/esm/components/FieldAdd/FieldAdd.js

@@ -1,31 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import cn from 'classnames';
-import { forwardRef } from 'react';
-import { ButtonOutline } from '@snack-uikit/button';
-import { PlusSVG } from '@snack-uikit/icons';
-import { Skeleton } from '@snack-uikit/skeleton';
-import { WithTooltip } from '@snack-uikit/tooltip';
-import { extractSupportProps } from '@snack-uikit/utils';
-import { FieldDecorator } from '../FieldDecorator';
-import { FieldSelect } from '../FieldSelect';
-import styles from './styles.module.css';
-const DEFAULT_ADD_BUTTON_LABEL = 'Create';
-export const FieldAdd = forwardRef((_a, ref) => {
-    var { id, name, placeholder, size = 's', options, value, defaultValue, onChange, disabled = false, readonly = false, searchable = true, showCopyButton = true, showClearButton = true, onKeyDown, required = false, validationState = 'default', search, autocomplete = false, prefixIcon, prefix, postfix, addOptionByEnter = false, untouchableScrollbars = false, open, onOpenChange, selectedOptionFormatter, enableFuzzySearch = true, resetSearchOnOptionSelection = true, onCopyButtonClick, autoFocus, onFocus, onBlur, pinTop, pinBottom, footer, widthStrategy, dataError, noDataState, noResultsState, errorDataState, dataFiltered, loading = false, scrollToSelectedItem, virtualized, scrollRef, scrollContainerRef, onScroll, className, label, labelTooltip, caption, hint, showHintIcon, labelTooltipPlacement, error, addButton, controlTooltip, showAddButton = !readonly } = _a, rest = __rest(_a, ["id", "name", "placeholder", "size", "options", "value", "defaultValue", "onChange", "disabled", "readonly", "searchable", "showCopyButton", "showClearButton", "onKeyDown", "required", "validationState", "search", "autocomplete", "prefixIcon", "prefix", "postfix", "addOptionByEnter", "untouchableScrollbars", "open", "onOpenChange", "selectedOptionFormatter", "enableFuzzySearch", "resetSearchOnOptionSelection", "onCopyButtonClick", "autoFocus", "onFocus", "onBlur", "pinTop", "pinBottom", "footer", "widthStrategy", "dataError", "noDataState", "noResultsState", "errorDataState", "dataFiltered", "loading", "scrollToSelectedItem", "virtualized", "scrollRef", "scrollContainerRef", "onScroll", "className", "label", "labelTooltip", "caption", "hint", "showHintIcon", "labelTooltipPlacement", "error", "addButton", "controlTooltip", "showAddButton"]);
-    const _b = addButton !== null && addButton !== void 0 ? addButton : {}, { label: addButtonLabel = DEFAULT_ADD_BUTTON_LABEL, tooltip: addButtonTooltipProp, className: addButtonClassName, disabled: addButtonDisabled = false, 'aria-label': addButtonAriaLabel, 'data-test-id': addButtonTestId } = _b, addButtonProps = __rest(_b, ["label", "tooltip", "className", "disabled", 'aria-label', 'data-test-id']);
-    const shouldShowAddButton = showAddButton && !readonly;
-    const isAddButtonDisabled = disabled || loading || addButtonDisabled;
-    const addButtonTooltip = addButtonTooltipProp !== null && addButtonTooltipProp !== void 0 ? addButtonTooltipProp : (!isAddButtonDisabled ? { tip: addButtonLabel } : undefined);
-    return (_jsx(FieldDecorator, Object.assign({ className: className, label: label, labelTooltip: labelTooltip, labelTooltipPlacement: labelTooltipPlacement, labelFor: id, required: required, caption: caption, hint: hint, disabled: disabled, readonly: readonly, showHintIcon: showHintIcon, size: size, validationState: validationState, error: error }, extractSupportProps(rest), { children: _jsxs("div", { className: styles.layout, "data-size": size, children: [_jsx(WithTooltip, { tooltip: controlTooltip, children: _jsx("div", { className: styles.selectTooltipTrigger, "data-test-id": 'field-add__control', children: _jsxs("div", { className: styles.selectWrapper, children: [_jsx(FieldSelect, { id: id, name: name, placeholder: loading ? '' : placeholder, size: size, options: options, value: value, defaultValue: defaultValue, onChange: onChange, disabled: disabled || loading, readonly: readonly, searchable: loading || readonly ? false : searchable, showCopyButton: showCopyButton && !loading, showClearButton: showClearButton && !loading, onKeyDown: onKeyDown, required: required, validationState: validationState, search: search, autocomplete: autocomplete, prefixIcon: prefixIcon, prefix: prefix, postfix: postfix, addOptionByEnter: addOptionByEnter, untouchableScrollbars: untouchableScrollbars, open: loading ? false : open, onOpenChange: onOpenChange, selectedOptionFormatter: selectedOptionFormatter, enableFuzzySearch: enableFuzzySearch, resetSearchOnOptionSelection: resetSearchOnOptionSelection, onCopyButtonClick: onCopyButtonClick, autoFocus: autoFocus, onFocus: onFocus, onBlur: onBlur, pinTop: pinTop, pinBottom: pinBottom, footer: footer, widthStrategy: widthStrategy, dataError: dataError, noDataState: noDataState, noResultsState: noResultsState, errorDataState: errorDataState, dataFiltered: dataFiltered, loading: loading, scrollToSelectedItem: scrollToSelectedItem, virtualized: virtualized, scrollRef: scrollRef, scrollContainerRef: scrollContainerRef, onScroll: onScroll, className: styles.fieldSelect, selection: 'single', ref: ref }), loading && (_jsx("div", { className: styles.loadingOverlay, "data-test-id": 'field-add__loading', children: _jsx(Skeleton, { className: styles.loadingSkeleton, width: '100%', height: '100%', borderRadius: 2, loading: true }) }))] }) }) }), shouldShowAddButton && (_jsx(WithTooltip, { tooltip: addButtonTooltip, children: _jsx("span", { className: styles.buttonTooltipTrigger, children: _jsx(ButtonOutline, Object.assign({}, addButtonProps, { appearance: 'neutral', size: size, icon: _jsx(PlusSVG, {}), className: cn(styles.addButton, addButtonClassName), disabled: isAddButtonDisabled, "aria-label": addButtonAriaLabel || addButtonLabel, "data-test-id": addButtonTestId || 'field-add__button' })) }) }))] }) })));
-});

package/dist/esm/components/FieldAdd/index.d.ts

@@ -1,2 +0,0 @@
-export { FieldAdd } from './FieldAdd';
-export type { FieldAddButtonProps, FieldAddProps } from './FieldAdd';

package/dist/esm/components/FieldAdd/index.js

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

package/dist/esm/components/FieldAdd/styles.module.css

@@ -1,51 +0,0 @@
-.layout{
-  display:flex;
-  gap:var(--dimension-050m, 4px);
-  align-items:flex-start;
-  width:100%;
-}
-
-.selectTooltipTrigger,
-.selectWrapper,
-.fieldSelect{
-  width:100%;
-}
-
-.selectTooltipTrigger{
-  min-width:0;
-}
-
-.selectWrapper{
-  position:relative;
-}
-
-.loadingOverlay{
-  pointer-events:none;
-  position:absolute;
-  inset:0;
-  display:flex;
-  align-items:center;
-  width:100%;
-}
-
-.loadingSkeleton{
-  margin-right:36px;
-  margin-left:16px;
-}
-
-.buttonTooltipTrigger{
-  display:inline-flex;
-  flex-shrink:0;
-}
-
-.addButton{
-  flex-shrink:0;
-}
-
-.layout[data-size=m] .loadingSkeleton{
-  margin-right:40px;
-}
-
-.layout[data-size=l] .loadingSkeleton{
-  margin-right:44px;
-}

package/src/components/FieldAdd/FieldAdd.tsx

@@ -1,215 +0,0 @@
-import cn from 'classnames';
-import { forwardRef } from 'react';
-
-import { ButtonOutline, ButtonOutlineProps } from '@snack-uikit/button';
-import { PlusSVG } from '@snack-uikit/icons';
-import { Skeleton } from '@snack-uikit/skeleton';
-import { TooltipProps, WithTooltip } from '@snack-uikit/tooltip';
-import { extractSupportProps } from '@snack-uikit/utils';
-
-import { FieldDecorator } from '../FieldDecorator';
-import { FieldSelect, FieldSelectSingleProps } from '../FieldSelect';
-import styles from './styles.module.scss';
-
-export type FieldAddButtonProps = Omit<ButtonOutlineProps, 'appearance' | 'icon' | 'size' | 'label'> & {
-  /** Текст действия для кнопки добавления; используется как fallback для `tooltip.tip` и `aria-label` */
-  label?: string;
-  /** Тултип кнопки добавления */
-  tooltip?: Omit<TooltipProps, 'children'>;
-};
-
-export type FieldAddProps = FieldSelectSingleProps & {
-  /** Настройки кнопки добавления справа от поля */
-  addButton?: FieldAddButtonProps;
-  /** Тултип над контролом выбора значения */
-  controlTooltip?: Omit<TooltipProps, 'children'>;
-  /** Показывать ли кнопку добавления; в `readonly` режиме кнопка скрывается независимо от значения пропса */
-  showAddButton?: boolean;
-};
-
-const DEFAULT_ADD_BUTTON_LABEL = 'Create';
-
-export const FieldAdd = forwardRef<HTMLInputElement, FieldAddProps>(
-  (
-    {
-      id,
-      name,
-      placeholder,
-      size = 's',
-      options,
-      value,
-      defaultValue,
-      onChange,
-      disabled = false,
-      readonly = false,
-      searchable = true,
-      showCopyButton = true,
-      showClearButton = true,
-      onKeyDown,
-      required = false,
-      validationState = 'default',
-      search,
-      autocomplete = false,
-      prefixIcon,
-      prefix,
-      postfix,
-      addOptionByEnter = false,
-      untouchableScrollbars = false,
-      open,
-      onOpenChange,
-      selectedOptionFormatter,
-      enableFuzzySearch = true,
-      resetSearchOnOptionSelection = true,
-      onCopyButtonClick,
-      autoFocus,
-      onFocus,
-      onBlur,
-      pinTop,
-      pinBottom,
-      footer,
-      widthStrategy,
-      dataError,
-      noDataState,
-      noResultsState,
-      errorDataState,
-      dataFiltered,
-      loading = false,
-      scrollToSelectedItem,
-      virtualized,
-      scrollRef,
-      scrollContainerRef,
-      onScroll,
-      className,
-      label,
-      labelTooltip,
-      caption,
-      hint,
-      showHintIcon,
-      labelTooltipPlacement,
-      error,
-      addButton,
-      controlTooltip,
-      showAddButton = !readonly,
-      ...rest
-    },
-    ref,
-  ) => {
-    const {
-      label: addButtonLabel = DEFAULT_ADD_BUTTON_LABEL,
-      tooltip: addButtonTooltipProp,
-      className: addButtonClassName,
-      disabled: addButtonDisabled = false,
-      'aria-label': addButtonAriaLabel,
-      'data-test-id': addButtonTestId,
-      ...addButtonProps
-    } = addButton ?? {};
-
-    const shouldShowAddButton = showAddButton && !readonly;
-    const isAddButtonDisabled = disabled || loading || addButtonDisabled;
-    const addButtonTooltip = addButtonTooltipProp ?? (!isAddButtonDisabled ? { tip: addButtonLabel } : undefined);
-
-    return (
-      <FieldDecorator
-        className={className}
-        label={label}
-        labelTooltip={labelTooltip}
-        labelTooltipPlacement={labelTooltipPlacement}
-        labelFor={id}
-        required={required}
-        caption={caption}
-        hint={hint}
-        disabled={disabled}
-        readonly={readonly}
-        showHintIcon={showHintIcon}
-        size={size}
-        validationState={validationState}
-        error={error}
-        {...extractSupportProps(rest)}
-      >
-        <div className={styles.layout} data-size={size}>
-          <WithTooltip tooltip={controlTooltip}>
-            <div className={styles.selectTooltipTrigger} data-test-id='field-add__control'>
-              <div className={styles.selectWrapper}>
-                <FieldSelect
-                  id={id}
-                  name={name}
-                  placeholder={loading ? '' : placeholder}
-                  size={size}
-                  options={options}
-                  value={value}
-                  defaultValue={defaultValue}
-                  onChange={onChange}
-                  disabled={disabled || loading}
-                  readonly={readonly}
-                  searchable={loading || readonly ? false : searchable}
-                  showCopyButton={showCopyButton && !loading}
-                  showClearButton={showClearButton && !loading}
-                  onKeyDown={onKeyDown}
-                  required={required}
-                  validationState={validationState}
-                  search={search}
-                  autocomplete={autocomplete}
-                  prefixIcon={prefixIcon}
-                  prefix={prefix}
-                  postfix={postfix}
-                  addOptionByEnter={addOptionByEnter}
-                  untouchableScrollbars={untouchableScrollbars}
-                  open={loading ? false : open}
-                  onOpenChange={onOpenChange}
-                  selectedOptionFormatter={selectedOptionFormatter}
-                  enableFuzzySearch={enableFuzzySearch}
-                  resetSearchOnOptionSelection={resetSearchOnOptionSelection}
-                  onCopyButtonClick={onCopyButtonClick}
-                  autoFocus={autoFocus}
-                  onFocus={onFocus}
-                  onBlur={onBlur}
-                  pinTop={pinTop}
-                  pinBottom={pinBottom}
-                  footer={footer}
-                  widthStrategy={widthStrategy}
-                  dataError={dataError}
-                  noDataState={noDataState}
-                  noResultsState={noResultsState}
-                  errorDataState={errorDataState}
-                  dataFiltered={dataFiltered}
-                  loading={loading}
-                  scrollToSelectedItem={scrollToSelectedItem}
-                  virtualized={virtualized}
-                  scrollRef={scrollRef}
-                  scrollContainerRef={scrollContainerRef}
-                  onScroll={onScroll}
-                  className={styles.fieldSelect}
-                  selection='single'
-                  ref={ref}
-                />
-
-                {loading && (
-                  <div className={styles.loadingOverlay} data-test-id='field-add__loading'>
-                    <Skeleton className={styles.loadingSkeleton} width='100%' height='100%' borderRadius={2} loading />
-                  </div>
-                )}
-              </div>
-            </div>
-          </WithTooltip>
-
-          {shouldShowAddButton && (
-            <WithTooltip tooltip={addButtonTooltip}>
-              <span className={styles.buttonTooltipTrigger}>
-                <ButtonOutline
-                  {...addButtonProps}
-                  appearance='neutral'
-                  size={size}
-                  icon={<PlusSVG />}
-                  className={cn(styles.addButton, addButtonClassName)}
-                  disabled={isAddButtonDisabled}
-                  aria-label={addButtonAriaLabel || addButtonLabel}
-                  data-test-id={addButtonTestId || 'field-add__button'}
-                />
-              </span>
-            </WithTooltip>
-          )}
-        </div>
-      </FieldDecorator>
-    );
-  },
-);

package/src/components/FieldAdd/index.ts

@@ -1,3 +0,0 @@
-export { FieldAdd } from './FieldAdd';
-
-export type { FieldAddButtonProps, FieldAddProps } from './FieldAdd';