@snack-uikit/fields 0.14.2 → 0.15.0

package/dist/components/FieldSelect/helpers/getDisplayedValue.d.ts

@@ -1,10 +0,0 @@
-import { SELECTION_MODE } from '../constants';
-import { Option } from '../types';
-export declare const getDisplayedValue: (props: {
-    selectionMode: typeof SELECTION_MODE.Single;
-    selected: Option;
-} | {
-    selectionMode: typeof SELECTION_MODE.Multi;
-    selected: Option[];
-    getSelectedItemsText(amount: number): string;
-}) => string;

package/dist/components/FieldSelect/helpers/getDisplayedValue.js

@@ -1,12 +0,0 @@
-import { SELECTION_MODE } from '../constants';
-export const getDisplayedValue = (props) => {
-    if (props.selectionMode === SELECTION_MODE.Single) {
-        return props.selected.label;
-    }
-    const { selected, getSelectedItemsText } = props;
-    const selectedOptions = selected;
-    if (selectedOptions.length > 1) {
-        return getSelectedItemsText(selectedOptions.length);
-    }
-    return selectedOptions.reduce((res, cur, index, arr) => `${res}${cur.label}${index === arr.length - 1 ? '' : ','}`, '');
-};

package/dist/components/FieldSelect/helpers/index.d.ts

@@ -1,2 +0,0 @@
-export * from './getArrowIcon';
-export * from './getDisplayedValue';

package/dist/components/FieldSelect/helpers/index.js

@@ -1,2 +0,0 @@
-export * from './getArrowIcon';
-export * from './getDisplayedValue';

package/dist/components/FieldSelect/hooks/index.d.ts

@@ -1,3 +0,0 @@
-export * from './useFilteredOptions';
-export * from './useList';
-export * from './useListNavigation';

package/dist/components/FieldSelect/hooks/index.js

@@ -1,3 +0,0 @@
-export * from './useFilteredOptions';
-export * from './useList';
-export * from './useListNavigation';

package/dist/components/FieldSelect/hooks/useFilteredOptions.d.ts

@@ -1,7 +0,0 @@
-import { Option } from '../types';
-export declare function useFilteredOptions({ searchable, touched, inputValue, options, }: {
-    searchable: boolean;
-    touched: boolean;
-    inputValue: string;
-    options: Option[];
-}): Option[];

package/dist/components/FieldSelect/hooks/useFilteredOptions.js

@@ -1,6 +0,0 @@
-import { useMemo } from 'react';
-export function useFilteredOptions({ searchable, touched, inputValue, options, }) {
-    return useMemo(() => searchable && touched && inputValue
-        ? options.filter(item => item.label.toLowerCase().includes(inputValue.toLowerCase().trim()))
-        : options, [inputValue, options, searchable, touched]);
-}

package/dist/components/FieldSelect/hooks/useList.d.ts

@@ -1,37 +0,0 @@
-/// <reference types="react" />
-import { FieldSelectProps } from '../FieldSelect';
-import { Option } from '../types';
-type UseListProps = Pick<FieldSelectProps, 'readonly' | 'disabled' | 'open' | 'onOpenChange' | 'options' | 'showCopyButton'> & {
-    searchable: NonNullable<FieldSelectProps['searchable']>;
-    showAdditionalButton: boolean;
-    showClearButton: boolean;
-    inputValue: string;
-    setInputValue(value: string): void;
-    isChecked(option: Option): boolean;
-};
-export declare function useList({ open, onOpenChange, readonly, disabled, searchable, showAdditionalButton, showCopyButton: showCopyButtonProp, showClearButton: showClearButtonProp, inputValue, setInputValue, options, isChecked, }: UseListProps): {
-    isOpen: boolean;
-    setIsOpen: (value: boolean) => void;
-    localRef: import("react").RefObject<HTMLInputElement>;
-    clearButtonRef: import("react").RefObject<HTMLButtonElement>;
-    showClearButton: boolean;
-    copyButtonRef: import("react").RefObject<HTMLButtonElement>;
-    showCopyButton: boolean;
-    extendedOptions: {
-        checked: boolean;
-        disabled?: boolean | undefined;
-        caption?: string | undefined;
-        icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-        description?: string | undefined;
-        tagLabel?: string | undefined;
-        avatar?: Omit<import("@snack-uikit/avatar").AvatarProps, "size"> | undefined;
-        value: string;
-        label: string;
-    }[];
-    onInputKeyDown: import("react").KeyboardEventHandler<HTMLInputElement>;
-    onButtonKeyDown: (event: import("react").KeyboardEvent<Element>) => void;
-    onInputValueChange: (value: string) => void;
-    firstDroplistItemRefCallback: (element: HTMLButtonElement | null) => void;
-    onDroplistFocusLeave: (direction: string) => void;
-};
-export {};

package/dist/components/FieldSelect/hooks/useList.js

@@ -1,52 +0,0 @@
-import { useEffect, useRef } from 'react';
-import { useUncontrolledProp } from 'uncontrollable';
-import { useFilteredOptions } from './useFilteredOptions';
-import { useListNavigation } from './useListNavigation';
-export function useList({ open, onOpenChange, readonly, disabled, searchable, showAdditionalButton, showCopyButton: showCopyButtonProp, showClearButton: showClearButtonProp, inputValue, setInputValue, options, isChecked, }) {
-    const touched = useRef(false);
-    const localRef = useRef(null);
-    const clearButtonRef = useRef(null);
-    const copyButtonRef = useRef(null);
-    const [isOpen, setIsOpen] = useUncontrolledProp(open, false, onOpenChange);
-    const showDropList = isOpen && !readonly && !disabled;
-    const showClearButton = showClearButtonProp && !readonly && (showAdditionalButton || inputValue.length > 0);
-    const showCopyButton = Boolean(showAdditionalButton && showCopyButtonProp && readonly);
-    const { extendedOptions, onInputKeyDown, onButtonKeyDown, onDroplistFocusLeave, firstDroplistItemRefCallback } = useListNavigation({
-        inputRef: localRef,
-        options: useFilteredOptions({ searchable, options, touched: touched.current, inputValue }),
-        toggleListOpen: setIsOpen,
-        isChecked,
-    });
-    const handleOpenChange = (value) => {
-        if (!value) {
-            touched.current = false;
-        }
-        setIsOpen(value);
-    };
-    const handleInputValueChange = (value) => {
-        touched.current = true;
-        setIsOpen(true);
-        setInputValue(value);
-    };
-    useEffect(() => {
-        var _a;
-        if (open) {
-            (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-    }, [localRef, open]);
-    return {
-        isOpen: showDropList,
-        setIsOpen: handleOpenChange,
-        localRef,
-        clearButtonRef,
-        showClearButton,
-        copyButtonRef,
-        showCopyButton,
-        extendedOptions,
-        onInputKeyDown,
-        onButtonKeyDown,
-        onInputValueChange: handleInputValueChange,
-        firstDroplistItemRefCallback,
-        onDroplistFocusLeave,
-    };
-}

package/dist/components/FieldSelect/hooks/useListNavigation.d.ts

@@ -1,26 +0,0 @@
-import { KeyboardEvent, KeyboardEventHandler, RefObject } from 'react';
-import { Option } from '../types';
-type UseListNavigationProps = {
-    options: Option[];
-    toggleListOpen(value: boolean): void;
-    inputRef: RefObject<HTMLInputElement>;
-    isChecked(option: Option): boolean;
-};
-export declare function useListNavigation({ options, toggleListOpen, inputRef, isChecked }: UseListNavigationProps): {
-    onInputKeyDown: KeyboardEventHandler<HTMLInputElement>;
-    onButtonKeyDown: (event: KeyboardEvent) => void;
-    onDroplistFocusLeave: (direction: string) => void;
-    extendedOptions: {
-        checked: boolean;
-        disabled?: boolean | undefined;
-        caption?: string | undefined;
-        icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-        description?: string | undefined;
-        tagLabel?: string | undefined;
-        avatar?: Omit<import("@snack-uikit/avatar").AvatarProps, "size"> | undefined;
-        value: string;
-        label: string;
-    }[];
-    firstDroplistItemRefCallback: (element: HTMLButtonElement | null) => void;
-};
-export {};

package/dist/components/FieldSelect/hooks/useListNavigation.js

@@ -1,48 +0,0 @@
-import { useCallback, useMemo, useRef } from 'react';
-import { moveCursorToEnd, runAfterRerender } from '@snack-uikit/input-private';
-export function useListNavigation({ options, toggleListOpen, inputRef, isChecked }) {
-    const setInputFocus = useCallback(() => {
-        runAfterRerender(() => {
-            var _a;
-            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-            moveCursorToEnd(inputRef.current);
-        });
-    }, [inputRef]);
-    const firstDroplistItemRef = useRef(null);
-    const firstDroplistItemRefCallback = useCallback((element) => {
-        firstDroplistItemRef.current = element;
-    }, [firstDroplistItemRef]);
-    const setOptionFocus = useCallback(() => {
-        runAfterRerender(() => { var _a; return (_a = firstDroplistItemRef.current) === null || _a === void 0 ? void 0 : _a.focus(); });
-    }, [firstDroplistItemRef]);
-    const leaveElement = (event) => {
-        if (event.key === 'ArrowDown') {
-            event.preventDefault();
-            toggleListOpen(true);
-            setOptionFocus();
-        }
-        if (event.key === 'Tab') {
-            toggleListOpen(false);
-        }
-    };
-    const handleInputKeyDown = event => {
-        leaveElement(event);
-        if (event.key === 'Enter') {
-            toggleListOpen(true);
-            setOptionFocus();
-        }
-    };
-    const onDroplistFocusLeave = useCallback((direction) => {
-        if (['top', 'common'].includes(direction)) {
-            setInputFocus();
-        }
-    }, [setInputFocus]);
-    const extendedOptions = useMemo(() => options.map(option => (Object.assign(Object.assign({}, option), { checked: isChecked(option) }))), [isChecked, options]);
-    return {
-        onInputKeyDown: handleInputKeyDown,
-        onButtonKeyDown: leaveElement,
-        onDroplistFocusLeave,
-        extendedOptions,
-        firstDroplistItemRefCallback,
-    };
-}

package/src/components/FieldSelect/FieldSelectBase.tsx

@@ -1,222 +0,0 @@
-import mergeRefs from 'merge-refs';
-import {
-  forwardRef,
-  KeyboardEvent,
-  KeyboardEventHandler,
-  MouseEventHandler,
-  RefCallback,
-  RefObject,
-  useMemo,
-} from 'react';
-
-import { Droplist } from '@snack-uikit/droplist';
-import { InputPrivate, SIZE, useButtonNavigation, useClearButton } from '@snack-uikit/input-private';
-import { extractSupportProps } from '@snack-uikit/utils';
-
-import { CONTAINER_VARIANT, VALIDATION_STATE } from '../../constants';
-import { FieldContainerPrivate } from '../../helperComponents';
-import { useCopyButton } from '../../hooks';
-import { useHandlers } from '../FieldDate/hooks/useHandlers';
-import { FieldDecorator } from '../FieldDecorator';
-import { SELECTION_MODE } from './constants';
-import { getArrowIcon } from './helpers';
-import styles from './styles.module.scss';
-import { ExtendedOption, FieldSelectBaseProps, Option } from './types';
-
-type BaseProps = Omit<FieldSelectBaseProps, 'open' | 'onOpenChange' | 'options'> &
-  Required<Pick<FieldSelectBaseProps, 'open' | 'onOpenChange'>> & {
-    localRef: RefObject<HTMLInputElement>;
-    options: ExtendedOption[];
-    onClear: MouseEventHandler<HTMLButtonElement>;
-    onChange(option: Option): () => void;
-    inputValue: string;
-    onInputValueChange(value: string): void;
-    displayedValue?: string;
-    valueToCopy: string;
-    onInputKeyDown: KeyboardEventHandler<HTMLInputElement>;
-    onButtonKeyDown: KeyboardEventHandler<HTMLButtonElement>;
-    showClearButton: boolean;
-    clearButtonRef: RefObject<HTMLButtonElement>;
-    copyButtonRef: RefObject<HTMLButtonElement>;
-    onClick?: MouseEventHandler<HTMLElement>;
-    onContainerPrivateMouseDown?: MouseEventHandler<HTMLElement>;
-    onDroplistFocusLeave(direction: string): void;
-    firstDroplistItemRefCallback: RefCallback<HTMLButtonElement>;
-  };
-
-type Props =
-  | ({
-      selectionMode: typeof SELECTION_MODE.Single;
-      selected: Option;
-    } & BaseProps)
-  | ({
-      selectionMode: typeof SELECTION_MODE.Multi;
-      selected: Option[];
-    } & BaseProps);
-
-export const FieldSelectBase = forwardRef<HTMLInputElement, Props>(
-  (
-    {
-      selectionMode,
-      onClear,
-      showClearButton,
-      clearButtonRef,
-      copyButtonRef,
-      onChange,
-      inputValue,
-      onInputValueChange,
-      displayedValue,
-      valueToCopy,
-      localRef,
-      onInputKeyDown: onInputKeyDownProp,
-      onButtonKeyDown: onButtonKeyDownProp,
-      id,
-      name,
-      placeholder,
-      options,
-      disabled = false,
-      readonly = false,
-      searchable = true,
-      showCopyButton = true,
-      open,
-      onOpenChange,
-      onFocus,
-      onBlur,
-      onContainerPrivateMouseDown,
-      className,
-      label,
-      labelTooltip,
-      labelTooltipPlacement,
-      required = false,
-      hint,
-      showHintIcon,
-      size = SIZE.S,
-      validationState = VALIDATION_STATE.Default,
-      prefixIcon,
-      locale,
-      noDataText = locale?.language === 'ru' ? 'Нет данных' : 'No data',
-      firstDroplistItemRefCallback,
-      onDroplistFocusLeave,
-      ...rest
-    },
-    ref,
-  ) => {
-    const { ArrowIcon, arrowIconSize } = getArrowIcon({ size, open });
-    const Item = selectionMode === SELECTION_MODE.Single ? Droplist.ItemSingle : Droplist.ItemMultiple;
-
-    const clearButtonSettings = useClearButton({ clearButtonRef, showClearButton, size, onClear });
-    const copyButtonSettings = useCopyButton({ copyButtonRef, showCopyButton, size, valueToCopy });
-    const {
-      onInputKeyDown: inputKeyDownNavigationHandler,
-      inputTabIndex,
-      setInitialTabIndices,
-      buttons,
-    } = useButtonNavigation({
-      inputRef: localRef,
-      buttons: useMemo(() => [clearButtonSettings, copyButtonSettings], [clearButtonSettings, copyButtonSettings]),
-      onButtonKeyDown: onButtonKeyDownProp,
-      readonly,
-      submitKeys: ['Enter', 'Space', 'Tab'],
-    });
-
-    const onInputKeyDownHandler = useHandlers<KeyboardEvent<HTMLInputElement>>([
-      inputKeyDownNavigationHandler,
-      onInputKeyDownProp,
-    ]);
-
-    const onFocusLeaveHandler = useHandlers([
-      (direction: string) => {
-        if (direction === 'common') setInitialTabIndices();
-      },
-      onDroplistFocusLeave,
-    ]);
-
-    return (
-      <FieldDecorator
-        className={className}
-        label={label}
-        labelTooltip={labelTooltip}
-        labelTooltipPlacement={labelTooltipPlacement}
-        labelFor={id}
-        required={required}
-        hint={hint}
-        disabled={disabled}
-        readonly={readonly}
-        showHintIcon={showHintIcon}
-        size={size}
-        validationState={validationState}
-        {...extractSupportProps(rest)}
-      >
-        <Droplist
-          trigger='click'
-          triggerClassName={styles.triggerClassName}
-          triggerClickByKeys={!searchable}
-          placement='bottom'
-          onFocusLeave={onFocusLeaveHandler}
-          firstElementRefCallback={firstDroplistItemRefCallback}
-          data-test-id='field-select__list'
-          {...(readonly || disabled ? { open: false } : { open, onOpenChange })}
-          triggerElement={
-            <FieldContainerPrivate
-              className={styles.container}
-              size={size}
-              validationState={validationState}
-              disabled={disabled}
-              readonly={readonly}
-              variant={CONTAINER_VARIANT.SingleLine}
-              focused={open}
-              selectable={!searchable}
-              inputRef={localRef}
-              prefix={prefixIcon}
-              onMouseDown={onContainerPrivateMouseDown}
-              postfix={
-                <>
-                  {buttons}
-                  <ArrowIcon size={arrowIconSize} className={styles.arrowIcon} />
-                </>
-              }
-            >
-              <InputPrivate
-                id={id}
-                name={name}
-                type='text'
-                placeholder={displayedValue ? undefined : placeholder}
-                ref={mergeRefs(ref, localRef)}
-                onFocus={onFocus}
-                onBlur={onBlur}
-                disabled={disabled}
-                data-size={size}
-                data-test-id='field-select__input'
-                onKeyDown={onInputKeyDownHandler}
-                onChange={searchable ? onInputValueChange : undefined}
-                readonly={!searchable || readonly}
-                value={inputValue}
-                tabIndex={inputTabIndex}
-              />
-
-              {displayedValue && (
-                <span className={styles.displayValue} data-test-id='field-select__displayed-value'>
-                  {displayedValue}
-                </span>
-              )}
-            </FieldContainerPrivate>
-          }
-        >
-          {options.length === 0 ? (
-            <Droplist.NoData size={size} label={noDataText} data-test-id='field-select__no-data' />
-          ) : (
-            options.map(option => (
-              <Item
-                onChange={onChange(option)}
-                key={option.value}
-                data-test-id={'field-select__list-option-' + option.value}
-                {...option}
-                option={option.label}
-              />
-            ))
-          )}
-        </Droplist>
-      </FieldDecorator>
-    );
-  },
-);

package/src/components/FieldSelect/FieldSelectMulti.tsx

@@ -1,163 +0,0 @@
-import { FocusEventHandler, forwardRef, MouseEventHandler, useCallback, useMemo, useRef, useState } from 'react';
-import { useUncontrolledProp } from 'uncontrollable';
-
-import { DEFAULT_LOCALE, SELECTION_MODE } from './constants';
-import { FieldSelectBase } from './FieldSelectBase';
-import { getDisplayedValue } from './helpers';
-import { useList } from './hooks';
-import { FieldSelectMultiProps, Option } from './types';
-
-export const FieldSelectMulti = forwardRef<HTMLInputElement, FieldSelectMultiProps>(
-  (
-    {
-      value: valueProp,
-      onChange,
-      options,
-      disabled = false,
-      readonly = false,
-      searchable = true,
-      required = false,
-      open,
-      onOpenChange,
-      locale = DEFAULT_LOCALE,
-      getSelectedItemsText = number => (locale?.language === 'ru' ? `Выбрано: ${number}` : `Selected: ${number}`),
-      showCopyButton: showCopyButtonProp = true,
-      showClearButton: showClearButtonProp = true,
-      onFocus,
-      onBlur,
-      ...rest
-    },
-    ref,
-  ) => {
-    const selectionMode = SELECTION_MODE.Multi;
-    const [value, setValue] = useUncontrolledProp(valueProp, [], onChange);
-    const selected = useMemo(() => options.filter(option => value?.includes(option.value)), [options, value]);
-    const displayedValue = getDisplayedValue({ selectionMode, selected, getSelectedItemsText });
-    const valueToCopy = selected.map(op => op.label).join(', ');
-    const [inputValue, setInputValue] = useState('');
-    const showAdditionalButton = Boolean(value?.length && value.length > 0 && !disabled);
-    const isChecked = useCallback(
-      (option: Option) => Boolean(selected.find(op => op.value === option.value)),
-      [selected],
-    );
-    const [isFocused, setIsFocused] = useState(false);
-    const stayOpen = useRef(false);
-    const waitingForSearchStart = searchable && !isFocused;
-    const showDisplayValue = displayedValue && (!searchable || waitingForSearchStart);
-
-    const {
-      isOpen,
-      setIsOpen,
-      localRef,
-      extendedOptions,
-      onInputKeyDown,
-      onInputValueChange,
-      onButtonKeyDown,
-      clearButtonRef,
-      copyButtonRef,
-      showClearButton,
-      showCopyButton,
-      onDroplistFocusLeave,
-      firstDroplistItemRefCallback,
-    } = useList({
-      open,
-      onOpenChange,
-      disabled,
-      readonly,
-      inputValue,
-      setInputValue,
-      searchable,
-      options,
-      isChecked,
-      showAdditionalButton,
-      showCopyButton: showCopyButtonProp,
-      showClearButton: showClearButtonProp,
-    });
-
-    const handleOpenChange = (isOpen: boolean) => {
-      if (stayOpen.current) {
-        stayOpen.current = false;
-        return;
-      }
-
-      setInputValue('');
-      setIsOpen(isOpen);
-    };
-
-    const handlePreventListClose: MouseEventHandler<HTMLElement> = event => {
-      event.preventDefault();
-
-      if (isOpen && waitingForSearchStart) {
-        stayOpen.current = true;
-      }
-    };
-
-    const handleClear = () => {
-      setValue([]);
-      setInputValue('');
-      stayOpen.current = false;
-
-      if (required) {
-        localRef.current?.focus();
-        setIsOpen(true);
-      } else {
-        localRef.current?.blur();
-        setIsOpen(false);
-      }
-    };
-
-    const handleChange = (option: Option) => () => {
-      setValue(
-        (selected.find(op => op.value === option.value)
-          ? selected.filter(op => op.value !== option.value)
-          : [...selected, option]
-        ).map(op => op.value),
-      );
-    };
-
-    const handleFocus: FocusEventHandler<HTMLInputElement> = event => {
-      setIsFocused(true);
-      onFocus?.(event);
-    };
-
-    const handleBlur: FocusEventHandler<HTMLInputElement> = event => {
-      setIsFocused(false);
-      onBlur?.(event);
-    };
-
-    return (
-      <FieldSelectBase
-        {...rest}
-        ref={ref}
-        localRef={localRef}
-        selectionMode={selectionMode}
-        options={extendedOptions}
-        selected={selected}
-        disabled={disabled}
-        readonly={readonly}
-        required={required}
-        searchable={searchable}
-        onChange={handleChange}
-        onClear={handleClear}
-        displayedValue={showDisplayValue ? displayedValue : ''}
-        valueToCopy={valueToCopy}
-        inputValue={inputValue}
-        onInputValueChange={onInputValueChange}
-        onInputKeyDown={onInputKeyDown}
-        clearButtonRef={clearButtonRef}
-        copyButtonRef={copyButtonRef}
-        onButtonKeyDown={onButtonKeyDown}
-        open={isOpen}
-        onOpenChange={handleOpenChange}
-        locale={locale}
-        showCopyButton={showCopyButton}
-        showClearButton={showClearButton}
-        onFocus={handleFocus}
-        onBlur={handleBlur}
-        onContainerPrivateMouseDown={handlePreventListClose}
-        onDroplistFocusLeave={onDroplistFocusLeave}
-        firstDroplistItemRefCallback={firstDroplistItemRefCallback}
-      />
-    );
-  },
-);

package/src/components/FieldSelect/constants.ts

@@ -1,9 +0,0 @@
-import { Option } from './types';
-
-export const EMPTY_OPTION: Option = { value: '', label: '' };
-export const DEFAULT_LOCALE = new Intl.Locale('ru-RU');
-
-export const SELECTION_MODE = {
-  Single: 'single',
-  Multi: 'multi',
-} as const;

package/src/components/FieldSelect/helpers/getArrowIcon.ts

@@ -1,9 +0,0 @@
-import { ChevronDownSVG, ChevronUpSVG } from '@snack-uikit/icons';
-import { ICON_SIZE, SIZE, Size } from '@snack-uikit/input-private';
-
-export function getArrowIcon({ size, open }: { size: Size; open: boolean }) {
-  return {
-    ArrowIcon: open ? ChevronUpSVG : ChevronDownSVG,
-    arrowIconSize: size === SIZE.S ? ICON_SIZE.Xs : ICON_SIZE.S,
-  };
-}

package/src/components/FieldSelect/helpers/getDisplayedValue.ts

@@ -1,25 +0,0 @@
-import { SELECTION_MODE } from '../constants';
-import { Option } from '../types';
-
-export const getDisplayedValue = (
-  props:
-    | { selectionMode: typeof SELECTION_MODE.Single; selected: Option }
-    | { selectionMode: typeof SELECTION_MODE.Multi; selected: Option[]; getSelectedItemsText(amount: number): string },
-) => {
-  if (props.selectionMode === SELECTION_MODE.Single) {
-    return props.selected.label;
-  }
-
-  const { selected, getSelectedItemsText } = props;
-
-  const selectedOptions = selected;
-
-  if (selectedOptions.length > 1) {
-    return getSelectedItemsText(selectedOptions.length);
-  }
-
-  return selectedOptions.reduce(
-    (res, cur, index, arr) => `${res}${cur.label}${index === arr.length - 1 ? '' : ','}`,
-    '',
-  );
-};

package/src/components/FieldSelect/helpers/index.ts

@@ -1,2 +0,0 @@
-export * from './getArrowIcon';
-export * from './getDisplayedValue';

package/src/components/FieldSelect/hooks/index.ts

@@ -1,3 +0,0 @@
-export * from './useFilteredOptions';
-export * from './useList';
-export * from './useListNavigation';