@snack-uikit/fields 0.45.0 → 0.47.0

package/dist/esm/helperComponents/TextArea/TextArea.js

@@ -16,12 +16,12 @@ import TextareaAutosize from 'react-textarea-autosize';
 import { extractSupportProps, useLayoutEffect } from '@snack-uikit/utils';
 import styles from './styles.module.css';
 export const TextArea = forwardRef((_a, ref) => {
-    var { name, value = '', onChange, placeholder, id, className, disabled = false, readonly = false, autoComplete = false, maxLength, onFocus, onBlur, onKeyDown, tabIndex, minRows = 3 } = _a, rest = __rest(_a, ["name", "value", "onChange", "placeholder", "id", "className", "disabled", "readonly", "autoComplete", "maxLength", "onFocus", "onBlur", "onKeyDown", "tabIndex", "minRows"]);
+    var { name, value = '', onChange, placeholder, id, className, disabled = false, readonly = false, autoComplete = false, maxLength, onFocus, onBlur, onKeyDown, tabIndex, minRows = 3, spellCheck } = _a, rest = __rest(_a, ["name", "value", "onChange", "placeholder", "id", "className", "disabled", "readonly", "autoComplete", "maxLength", "onFocus", "onBlur", "onKeyDown", "tabIndex", "minRows", "spellCheck"]);
     // fix of height on the initial render
     // see https://github.com/Andarist/react-textarea-autosize/issues/337#issuecomment-1024980737
     const [, setIsRerendered] = useState(false);
     useLayoutEffect(() => setIsRerendered(true), []);
     const onChangeHandler = e => onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value, e);
     const stopPropagation = e => e.stopPropagation();
-    return (_jsx(TextareaAutosize, Object.assign({ id: id, name: name, value: value, ref: ref, className: cn(className, styles.textarea), autoComplete: autoComplete ? 'on' : 'off', placeholder: placeholder, disabled: disabled, readOnly: readonly, maxLength: maxLength, onChange: onChangeHandler, onClick: stopPropagation, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, tabIndex: tabIndex, minRows: minRows }, extractSupportProps(rest))));
+    return (_jsx(TextareaAutosize, Object.assign({ id: id, name: name, value: value, ref: ref, className: cn(className, styles.textarea), autoComplete: autoComplete ? 'on' : 'off', placeholder: placeholder, disabled: disabled, readOnly: readonly, maxLength: maxLength, onChange: onChangeHandler, onClick: stopPropagation, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, tabIndex: tabIndex, minRows: minRows, spellCheck: spellCheck }, extractSupportProps(rest))));
 });

package/dist/esm/hooks/addonButton/index.d.ts

@@ -0,0 +1,2 @@
+export * from './usePostfixButton';
+export * from './usePrefixButton';

package/dist/esm/hooks/addonButton/index.js

@@ -0,0 +1,2 @@
+export * from './usePostfixButton';
+export * from './usePrefixButton';

package/dist/esm/hooks/addonButton/useAddonButton.d.ts

@@ -0,0 +1,14 @@
+import { ReactElement } from 'react';
+import { ButtonProps, Size } from '@snack-uikit/input-private';
+import { ButtonFieldProps } from '../../helperComponents';
+import { Button, ButtonVariant } from '../../types';
+export type UseAddonProps = {
+    button?: Button;
+    size: Size;
+    icon?: ReactElement;
+    disabled?: boolean;
+    readonly?: boolean;
+    variant: ButtonVariant;
+    type: 'prefix' | 'postfix';
+} & Pick<ButtonFieldProps, 'onFocus' | 'onBlur'>;
+export declare function useAddonButton({ variant, button, icon, size, disabled, readonly, type, onFocus, onBlur, }: UseAddonProps): ButtonProps;

package/dist/esm/hooks/addonButton/useAddonButton.js

@@ -0,0 +1,30 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useMemo, useRef } from 'react';
+import { ButtonField, ButtonFieldList } from '../../helperComponents';
+export function useAddonButton({ variant, button, icon, size, disabled, readonly, type, onFocus, onBlur, }) {
+    const buttonListRef = useRef(null);
+    const addonIconProps = useMemo(() => ({
+        id: `${type}Icon`,
+        active: false,
+        show: Boolean(icon && !button),
+        render: () => _jsx(_Fragment, { children: icon }),
+    }), [button, icon, type]);
+    const addonButtonProps = useMemo(() => ({
+        id: `${type}Button`,
+        active: false,
+        show: Boolean(button && button.variant === variant),
+        render: renderProps => {
+            const buttonProps = Object.assign(Object.assign({}, renderProps), { variant,
+                size, content: button === null || button === void 0 ? void 0 : button.content, disabled: disabled || readonly, onFocus,
+                onBlur });
+            if (button === null || button === void 0 ? void 0 : button.items) {
+                return (_jsx(ButtonFieldList, Object.assign({}, buttonProps, { ref: buttonListRef, onClick: () => {
+                        setTimeout(() => { var _a; return (_a = buttonListRef.current) === null || _a === void 0 ? void 0 : _a.focus(); }, 0);
+                    }, search: button.search, items: button.items, selection: button.selection, open: button.open, scroll: button.scroll, onOpenChange: button.onOpenChange })));
+            }
+            const buttonField = _jsx(ButtonField, Object.assign({}, buttonProps, { hasArrow: button === null || button === void 0 ? void 0 : button.hasArrow, arrowOpen: button === null || button === void 0 ? void 0 : button.arrowOpen }));
+            return (button === null || button === void 0 ? void 0 : button.wrapper) ? button.wrapper(buttonField) : buttonField;
+        },
+    }), [type, button, variant, size, disabled, readonly, onFocus, onBlur]);
+    return button ? addonButtonProps : addonIconProps;
+}

package/dist/esm/hooks/addonButton/usePostfixButton.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+import { ButtonProps } from '@snack-uikit/input-private';
+import { UseAddonProps } from './useAddonButton';
+export declare function usePostfixButton({ postfixIcon, ...props }: Omit<UseAddonProps, 'type' | 'variant'> & {
+    postfixIcon?: ReactElement;
+}): ButtonProps;

package/dist/esm/hooks/addonButton/usePostfixButton.js

@@ -0,0 +1,16 @@
+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 { useAddonButton } from './useAddonButton';
+export function usePostfixButton(_a) {
+    var { postfixIcon } = _a, props = __rest(_a, ["postfixIcon"]);
+    return useAddonButton(Object.assign(Object.assign({}, props), { icon: postfixIcon, type: 'postfix', variant: 'after' }));
+}

package/dist/esm/hooks/addonButton/usePrefixButton.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+import { ButtonProps } from '@snack-uikit/input-private';
+import { UseAddonProps } from './useAddonButton';
+export declare function usePrefixButton({ prefixIcon, ...props }: Omit<UseAddonProps, 'type' | 'variant'> & {
+    prefixIcon?: ReactElement;
+}): ButtonProps;

package/dist/esm/hooks/addonButton/usePrefixButton.js

@@ -0,0 +1,16 @@
+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 { useAddonButton } from './useAddonButton';
+export function usePrefixButton(_a) {
+    var { prefixIcon } = _a, props = __rest(_a, ["prefixIcon"]);
+    return useAddonButton(Object.assign(Object.assign({}, props), { icon: prefixIcon, type: 'prefix', variant: 'before' }));
+}

package/dist/esm/hooks/index.d.ts

@@ -2,7 +2,6 @@ export * from './dateHandlers';
 export * from './useCopyButton';
 export * from './useHideButton';
 export * from './usePostfix';
-export * from './usePostfixButton';
+export * from './addonButton';
 export * from './usePrefix';
-export * from './usePrefixButton';
 export * from './useValueControl';

package/dist/esm/hooks/index.js

@@ -2,7 +2,6 @@ export * from './dateHandlers';
 export * from './useCopyButton';
 export * from './useHideButton';
 export * from './usePostfix';
-export * from './usePostfixButton';
+export * from './addonButton';
 export * from './usePrefix';
-export * from './usePrefixButton';
 export * from './useValueControl';

package/dist/esm/types/allFields.d.ts

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 import { DroplistProps, SelectionSingleState } from '@snack-uikit/list';
 import { ValueOf } from '@snack-uikit/utils';
 import { BUTTON_VARIANT, CONTAINER_VARIANT, VALIDATION_STATE } from '../constants';
+import { ButtonFieldProps } from '../helperComponents';
 export type ValidationState = ValueOf<typeof VALIDATION_STATE>;
 export type ContainerVariant = ValueOf<typeof CONTAINER_VARIANT>;
 export type ButtonVariant = ValueOf<typeof BUTTON_VARIANT>;
@@ -12,8 +13,12 @@ export type AsyncValueRequest = Promise<{
 export type NativeDroplistProps = Pick<DroplistProps, 'items' | 'open' | 'onOpenChange' | 'search' | 'scroll'> & {
     selection?: Omit<SelectionSingleState, 'mode'>;
 };
-export type Button = Omit<NativeDroplistProps, 'items'> & {
-    variant: ButtonVariant;
-    content?: ReactNode;
+export type Button = Omit<NativeDroplistProps, 'items'> & Pick<ButtonFieldProps, 'variant' | 'content'> & ({
     items?: DroplistProps['items'];
-};
+    hasArrow?: never;
+    arrowOpen?: never;
+    wrapper?: never;
+} | (Pick<ButtonFieldProps, 'hasArrow' | 'arrowOpen'> & {
+    items?: never;
+    wrapper?: (button: ReactNode) => JSX.Element;
+}));

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Fields",
-  "version": "0.45.0",
+  "version": "0.47.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -37,13 +37,13 @@
   "scripts": {},
   "dependencies": {
     "@snack-uikit/button": "0.19.11",
-    "@snack-uikit/calendar": "0.12.4",
-    "@snack-uikit/color-picker": "0.3.28",
+    "@snack-uikit/calendar": "0.12.5",
+    "@snack-uikit/color-picker": "0.3.29",
     "@snack-uikit/divider": "3.2.6",
     "@snack-uikit/dropdown": "0.4.8",
     "@snack-uikit/icons": "0.26.3",
-    "@snack-uikit/input-private": "4.5.9",
-    "@snack-uikit/list": "0.29.2",
+    "@snack-uikit/input-private": "4.6.0",
+    "@snack-uikit/list": "0.29.3",
     "@snack-uikit/scroll": "0.10.1",
     "@snack-uikit/skeleton": "0.6.5",
     "@snack-uikit/slider": "0.3.18",
@@ -65,5 +65,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "f1744e34626d50f18e26f9e472b6b89c57b48df2"
+  "gitHead": "ccea2a8bfe66ef6b5e55747de61d55fe7a2368f7"
 }

package/src/components/FieldText/FieldText.tsx

@@ -35,6 +35,7 @@ type InputProps = Pick<Partial<InputPrivateProps>, 'value' | 'onChange'> &
     | 'autoComplete'
     | 'onPaste'
     | 'onKeyDown'
+    | 'spellCheck'
   >;
 
 type WrapperProps = Pick<
@@ -115,6 +116,7 @@ export const FieldText = forwardRef<HTMLInputElement, FieldTextProps>(
       onPaste,
       onKeyDown,
       type = 'text',
+      spellCheck,
       ...rest
     },
     ref,
@@ -259,6 +261,7 @@ export const FieldText = forwardRef<HTMLInputElement, FieldTextProps>(
             id={id}
             name={name}
             autoComplete={autoComplete}
+            spellCheck={spellCheck}
             data-test-id='field-text__input'
           />
         </FieldContainerPrivate>

package/src/components/FieldTextArea/FieldTextArea.tsx

@@ -15,7 +15,16 @@ import styles from './styles.module.scss';
 type InputProps = Pick<Partial<TextAreaProps>, 'value'> &
   Pick<
     TextAreaProps,
-    'id' | 'name' | 'placeholder' | 'maxLength' | 'disabled' | 'readonly' | 'onFocus' | 'onBlur' | 'onKeyDown'
+    | 'id'
+    | 'name'
+    | 'placeholder'
+    | 'maxLength'
+    | 'disabled'
+    | 'readonly'
+    | 'onFocus'
+    | 'onBlur'
+    | 'onKeyDown'
+    | 'spellCheck'
   >;
 
 type WrapperProps = Pick<
@@ -92,6 +101,7 @@ export const FieldTextArea = forwardRef<HTMLTextAreaElement, FieldTextAreaProps>
       validationState = VALIDATION_STATE.Default,
       onCopyButtonClick,
       footer,
+      spellCheck,
       ...rest
     },
     ref,
@@ -197,6 +207,7 @@ export const FieldTextArea = forwardRef<HTMLTextAreaElement, FieldTextAreaProps>
               onBlur={onBlur}
               onKeyDown={handleKeyDown}
               tabIndex={inputTabIndex}
+              spellCheck={spellCheck}
               maxLength={allowMoreThanMaxLength ? undefined : maxLength || undefined}
               data-test-id='field-textarea__input'
             />

package/src/helperComponents/TextArea/TextArea.tsx

@@ -46,6 +46,8 @@ export type TextAreaProps = RefAttributes<HTMLTextAreaElement> &
     tabIndex?: number;
     /** Минимальное кол-во строк, до которого размер поля может быть увеличен @default 3*/
     minRows?: number;
+    /** Включение проверки орфографии @default true*/
+    spellCheck?: boolean;
   }>;
 
 export const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(
@@ -66,6 +68,7 @@ export const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(
       onKeyDown,
       tabIndex,
       minRows = 3,
+      spellCheck,
       ...rest
     },
     ref,
@@ -97,6 +100,7 @@ export const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(
         onKeyDown={onKeyDown}
         tabIndex={tabIndex}
         minRows={minRows}
+        spellCheck={spellCheck}
         {...extractSupportProps(rest)}
       />
     );

package/src/hooks/addonButton/index.ts

@@ -0,0 +1,2 @@
+export * from './usePostfixButton';
+export * from './usePrefixButton';

package/src/hooks/{usePostfixButton.tsx → addonButton/useAddonButton.tsx}

@@ -2,45 +2,51 @@ import { ReactElement, useMemo, useRef } from 'react';
 
 import { ButtonProps, InactiveItem, Size } from '@snack-uikit/input-private';
 
-import { ButtonField, ButtonFieldList, ButtonFieldProps } from '../helperComponents';
-import { Button } from '../types';
+import { ButtonField, ButtonFieldList, ButtonFieldProps } from '../../helperComponents';
+import { Button, ButtonVariant } from '../../types';
 
-export function usePostfixButton({
+export type UseAddonProps = {
+  button?: Button;
+  size: Size;
+  icon?: ReactElement;
+  disabled?: boolean;
+  readonly?: boolean;
+  variant: ButtonVariant;
+  type: 'prefix' | 'postfix';
+} & Pick<ButtonFieldProps, 'onFocus' | 'onBlur'>;
+
+export function useAddonButton({
+  variant,
   button,
+  icon,
   size,
-  postfixIcon,
   disabled,
   readonly,
+  type,
   onFocus,
   onBlur,
-}: {
-  button?: Button;
-  size: Size;
-  postfixIcon?: ReactElement;
-  disabled?: boolean;
-  readonly?: boolean;
-} & Pick<ButtonFieldProps, 'onFocus' | 'onBlur'>): ButtonProps {
+}: UseAddonProps): ButtonProps {
   const buttonListRef = useRef<HTMLButtonElement>(null);
 
-  const postfixIconProps: InactiveItem = useMemo(
+  const addonIconProps: InactiveItem = useMemo(
     () => ({
-      id: 'postfixIcon',
+      id: `${type}Icon`,
       active: false,
-      show: Boolean(postfixIcon && !button),
-      render: () => <>{postfixIcon}</>,
+      show: Boolean(icon && !button),
+      render: () => <>{icon}</>,
     }),
-    [button, postfixIcon],
+    [button, icon, type],
   );
 
-  const postfixButtonProps: InactiveItem = useMemo(
+  const addonButtonProps: InactiveItem = useMemo(
     () => ({
-      id: 'postfixButton',
+      id: `${type}Button`,
       active: false,
-      show: Boolean(button && button.variant === 'after'),
+      show: Boolean(button && button.variant === variant),
       render: renderProps => {
         const buttonProps: ButtonFieldProps = {
           ...renderProps,
-          variant: 'after',
+          variant,
           size,
           content: button?.content,
           disabled: disabled || readonly,
@@ -66,11 +72,12 @@ export function usePostfixButton({
           );
         }
 
-        return <ButtonField {...buttonProps} />;
+        const buttonField = <ButtonField {...buttonProps} hasArrow={button?.hasArrow} arrowOpen={button?.arrowOpen} />;
+        return button?.wrapper ? button.wrapper(buttonField) : buttonField;
       },
     }),
-    [button, size, disabled, readonly, onFocus, onBlur],
+    [type, button, variant, size, disabled, readonly, onFocus, onBlur],
   );
 
-  return button ? postfixButtonProps : postfixIconProps;
+  return button ? addonButtonProps : addonIconProps;
 }

package/src/hooks/addonButton/usePostfixButton.tsx

@@ -0,0 +1,12 @@
+import { ReactElement } from 'react';
+
+import { ButtonProps } from '@snack-uikit/input-private';
+
+import { useAddonButton, UseAddonProps } from './useAddonButton';
+
+export function usePostfixButton({
+  postfixIcon,
+  ...props
+}: Omit<UseAddonProps, 'type' | 'variant'> & { postfixIcon?: ReactElement }): ButtonProps {
+  return useAddonButton({ ...props, icon: postfixIcon, type: 'postfix', variant: 'after' });
+}

package/src/hooks/addonButton/usePrefixButton.tsx

@@ -0,0 +1,12 @@
+import { ReactElement } from 'react';
+
+import { ButtonProps } from '@snack-uikit/input-private';
+
+import { useAddonButton, UseAddonProps } from './useAddonButton';
+
+export function usePrefixButton({
+  prefixIcon,
+  ...props
+}: Omit<UseAddonProps, 'type' | 'variant'> & { prefixIcon?: ReactElement }): ButtonProps {
+  return useAddonButton({ ...props, icon: prefixIcon, type: 'prefix', variant: 'before' });
+}

package/src/hooks/index.ts

@@ -2,7 +2,6 @@ export * from './dateHandlers';
 export * from './useCopyButton';
 export * from './useHideButton';
 export * from './usePostfix';
-export * from './usePostfixButton';
+export * from './addonButton';
 export * from './usePrefix';
-export * from './usePrefixButton';
 export * from './useValueControl';

package/src/types/allFields.ts

@@ -4,6 +4,7 @@ import { DroplistProps, SelectionSingleState } from '@snack-uikit/list';
 import { ValueOf } from '@snack-uikit/utils';
 
 import { BUTTON_VARIANT, CONTAINER_VARIANT, VALIDATION_STATE } from '../constants';
+import { ButtonFieldProps } from '../helperComponents';
 
 export type ValidationState = ValueOf<typeof VALIDATION_STATE>;
 
@@ -17,8 +18,17 @@ export type NativeDroplistProps = Pick<DroplistProps, 'items' | 'open' | 'onOpen
   selection?: Omit<SelectionSingleState, 'mode'>;
 };
 
-export type Button = Omit<NativeDroplistProps, 'items'> & {
-  variant: ButtonVariant;
-  content?: ReactNode;
-  items?: DroplistProps['items'];
-};
+export type Button = Omit<NativeDroplistProps, 'items'> &
+  Pick<ButtonFieldProps, 'variant' | 'content'> &
+  (
+    | {
+        items?: DroplistProps['items'];
+        hasArrow?: never;
+        arrowOpen?: never;
+        wrapper?: never;
+      }
+    | (Pick<ButtonFieldProps, 'hasArrow' | 'arrowOpen'> & {
+        items?: never;
+        wrapper?: (button: ReactNode) => JSX.Element;
+      })
+  );

package/dist/cjs/hooks/usePostfixButton.d.ts

@@ -1,11 +0,0 @@
-import { ReactElement } from 'react';
-import { ButtonProps, Size } from '@snack-uikit/input-private';
-import { ButtonFieldProps } from '../helperComponents';
-import { Button } from '../types';
-export declare function usePostfixButton({ button, size, postfixIcon, disabled, readonly, onFocus, onBlur, }: {
-    button?: Button;
-    size: Size;
-    postfixIcon?: ReactElement;
-    disabled?: boolean;
-    readonly?: boolean;
-} & Pick<ButtonFieldProps, 'onFocus' | 'onBlur'>): ButtonProps;

package/dist/cjs/hooks/usePrefixButton.d.ts

@@ -1,11 +0,0 @@
-import { ReactElement } from 'react';
-import { ButtonProps, Size } from '@snack-uikit/input-private';
-import { ButtonFieldProps } from '../helperComponents';
-import { Button } from '../types';
-export declare function usePrefixButton({ button, prefixIcon, size, disabled, readonly, onFocus, onBlur, }: {
-    button?: Button;
-    prefixIcon?: ReactElement;
-    size: Size;
-    disabled?: boolean;
-    readonly?: boolean;
-} & Pick<ButtonFieldProps, 'onFocus' | 'onBlur'>): ButtonProps;

package/dist/cjs/hooks/usePrefixButton.js

@@ -1,63 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.usePrefixButton = usePrefixButton;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const helperComponents_1 = require("../helperComponents");
-function usePrefixButton(_ref) {
-  let {
-    button,
-    prefixIcon,
-    size,
-    disabled,
-    readonly,
-    onFocus,
-    onBlur
-  } = _ref;
-  const buttonListRef = (0, react_1.useRef)(null);
-  const prefixIconProps = (0, react_1.useMemo)(() => ({
-    id: 'prefixIcon',
-    active: false,
-    show: Boolean(prefixIcon && !button),
-    render: () => (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {
-      children: prefixIcon
-    })
-  }), [button, prefixIcon]);
-  const prefixButtonProps = (0, react_1.useMemo)(() => ({
-    id: 'prefixButton',
-    active: false,
-    show: Boolean(button && button.variant === 'before'),
-    render: renderProps => {
-      const buttonProps = Object.assign(Object.assign({}, renderProps), {
-        variant: 'before',
-        size,
-        content: button === null || button === void 0 ? void 0 : button.content,
-        disabled: disabled || readonly,
-        onFocus,
-        onBlur
-      });
-      if (button === null || button === void 0 ? void 0 : button.items) {
-        return (0, jsx_runtime_1.jsx)(helperComponents_1.ButtonFieldList, Object.assign({}, buttonProps, {
-          ref: buttonListRef,
-          onClick: () => {
-            setTimeout(() => {
-              var _a;
-              return (_a = buttonListRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-            }, 0);
-          },
-          search: button.search,
-          items: button.items,
-          selection: button.selection,
-          open: button.open,
-          scroll: button.scroll,
-          onOpenChange: button.onOpenChange
-        }));
-      }
-      return (0, jsx_runtime_1.jsx)(helperComponents_1.ButtonField, Object.assign({}, buttonProps));
-    }
-  }), [button, size, disabled, readonly, onFocus, onBlur]);
-  return button ? prefixButtonProps : prefixIconProps;
-}

package/dist/esm/hooks/usePostfixButton.d.ts

@@ -1,11 +0,0 @@
-import { ReactElement } from 'react';
-import { ButtonProps, Size } from '@snack-uikit/input-private';
-import { ButtonFieldProps } from '../helperComponents';
-import { Button } from '../types';
-export declare function usePostfixButton({ button, size, postfixIcon, disabled, readonly, onFocus, onBlur, }: {
-    button?: Button;
-    size: Size;
-    postfixIcon?: ReactElement;
-    disabled?: boolean;
-    readonly?: boolean;
-} & Pick<ButtonFieldProps, 'onFocus' | 'onBlur'>): ButtonProps;

package/dist/esm/hooks/usePostfixButton.js

@@ -1,28 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { useMemo, useRef } from 'react';
-import { ButtonField, ButtonFieldList } from '../helperComponents';
-export function usePostfixButton({ button, size, postfixIcon, disabled, readonly, onFocus, onBlur, }) {
-    const buttonListRef = useRef(null);
-    const postfixIconProps = useMemo(() => ({
-        id: 'postfixIcon',
-        active: false,
-        show: Boolean(postfixIcon && !button),
-        render: () => _jsx(_Fragment, { children: postfixIcon }),
-    }), [button, postfixIcon]);
-    const postfixButtonProps = useMemo(() => ({
-        id: 'postfixButton',
-        active: false,
-        show: Boolean(button && button.variant === 'after'),
-        render: renderProps => {
-            const buttonProps = Object.assign(Object.assign({}, renderProps), { variant: 'after', size, content: button === null || button === void 0 ? void 0 : button.content, disabled: disabled || readonly, onFocus,
-                onBlur });
-            if (button === null || button === void 0 ? void 0 : button.items) {
-                return (_jsx(ButtonFieldList, Object.assign({}, buttonProps, { ref: buttonListRef, onClick: () => {
-                        setTimeout(() => { var _a; return (_a = buttonListRef.current) === null || _a === void 0 ? void 0 : _a.focus(); }, 0);
-                    }, search: button.search, items: button.items, selection: button.selection, open: button.open, scroll: button.scroll, onOpenChange: button.onOpenChange })));
-            }
-            return _jsx(ButtonField, Object.assign({}, buttonProps));
-        },
-    }), [button, size, disabled, readonly, onFocus, onBlur]);
-    return button ? postfixButtonProps : postfixIconProps;
-}

package/dist/esm/hooks/usePrefixButton.d.ts

@@ -1,11 +0,0 @@
-import { ReactElement } from 'react';
-import { ButtonProps, Size } from '@snack-uikit/input-private';
-import { ButtonFieldProps } from '../helperComponents';
-import { Button } from '../types';
-export declare function usePrefixButton({ button, prefixIcon, size, disabled, readonly, onFocus, onBlur, }: {
-    button?: Button;
-    prefixIcon?: ReactElement;
-    size: Size;
-    disabled?: boolean;
-    readonly?: boolean;
-} & Pick<ButtonFieldProps, 'onFocus' | 'onBlur'>): ButtonProps;

package/dist/esm/hooks/usePrefixButton.js

@@ -1,28 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { useMemo, useRef } from 'react';
-import { ButtonField, ButtonFieldList } from '../helperComponents';
-export function usePrefixButton({ button, prefixIcon, size, disabled, readonly, onFocus, onBlur, }) {
-    const buttonListRef = useRef(null);
-    const prefixIconProps = useMemo(() => ({
-        id: 'prefixIcon',
-        active: false,
-        show: Boolean(prefixIcon && !button),
-        render: () => _jsx(_Fragment, { children: prefixIcon }),
-    }), [button, prefixIcon]);
-    const prefixButtonProps = useMemo(() => ({
-        id: 'prefixButton',
-        active: false,
-        show: Boolean(button && button.variant === 'before'),
-        render: renderProps => {
-            const buttonProps = Object.assign(Object.assign({}, renderProps), { variant: 'before', size, content: button === null || button === void 0 ? void 0 : button.content, disabled: disabled || readonly, onFocus,
-                onBlur });
-            if (button === null || button === void 0 ? void 0 : button.items) {
-                return (_jsx(ButtonFieldList, Object.assign({}, buttonProps, { ref: buttonListRef, onClick: () => {
-                        setTimeout(() => { var _a; return (_a = buttonListRef.current) === null || _a === void 0 ? void 0 : _a.focus(); }, 0);
-                    }, search: button.search, items: button.items, selection: button.selection, open: button.open, scroll: button.scroll, onOpenChange: button.onOpenChange })));
-            }
-            return _jsx(ButtonField, Object.assign({}, buttonProps));
-        },
-    }), [button, size, disabled, readonly, onFocus, onBlur]);
-    return button ? prefixButtonProps : prefixIconProps;
-}