@snack-uikit/fields 0.57.2-preview-02d918ac.0 → 0.57.2

package/dist/cjs/components/FieldText/FieldText.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 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];
@@ -29,51 +31,62 @@ const getValidationState_1 = require("../../utils/getValidationState");
 const FieldDecorator_1 = require("../FieldDecorator");
 const helpers_1 = require("./helpers");
 exports.FieldText = (0, react_1.forwardRef)((_a, ref) => {
-  var {
-      id,
-      name,
-      value: valueProp,
-      placeholder,
-      maxLength,
-      disabled = false,
-      readonly = false,
-      showCopyButton: showCopyButtonProp = true,
-      showClearButton: showClearButtonProp = true,
-      allowMoreThanMaxLength = false,
-      onChange: onChangeProp,
-      onFocus,
-      onBlur,
-      onCopyButtonClick,
-      onClearButtonClick,
-      className,
-      label,
-      labelTooltip,
-      labelTooltipPlacement,
-      required = false,
-      caption,
-      hint,
-      showHintIcon,
-      size = input_private_1.SIZE.S,
-      validationState = constants_1.VALIDATION_STATE.Default,
-      error,
-      autoComplete,
-      autoFocus,
-      prefixIcon,
-      prefix,
-      postfix,
-      button: buttonProp,
-      onPaste,
-      onKeyDown,
-      type = 'text',
-      inputMode,
-      spellCheck
-    } = _a,
+  var id = _a.id,
+    name = _a.name,
+    valueProp = _a.value,
+    placeholder = _a.placeholder,
+    maxLength = _a.maxLength,
+    _a$disabled = _a.disabled,
+    disabled = _a$disabled === void 0 ? false : _a$disabled,
+    _a$readonly = _a.readonly,
+    readonly = _a$readonly === void 0 ? false : _a$readonly,
+    _a$showCopyButton = _a.showCopyButton,
+    showCopyButtonProp = _a$showCopyButton === void 0 ? true : _a$showCopyButton,
+    _a$showClearButton = _a.showClearButton,
+    showClearButtonProp = _a$showClearButton === void 0 ? true : _a$showClearButton,
+    _a$allowMoreThanMaxLe = _a.allowMoreThanMaxLength,
+    allowMoreThanMaxLength = _a$allowMoreThanMaxLe === void 0 ? false : _a$allowMoreThanMaxLe,
+    onChangeProp = _a.onChange,
+    onFocus = _a.onFocus,
+    onBlur = _a.onBlur,
+    onCopyButtonClick = _a.onCopyButtonClick,
+    onClearButtonClick = _a.onClearButtonClick,
+    className = _a.className,
+    label = _a.label,
+    labelTooltip = _a.labelTooltip,
+    labelTooltipPlacement = _a.labelTooltipPlacement,
+    _a$required = _a.required,
+    required = _a$required === void 0 ? false : _a$required,
+    caption = _a.caption,
+    hint = _a.hint,
+    showHintIcon = _a.showHintIcon,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? input_private_1.SIZE.S : _a$size,
+    _a$validationState = _a.validationState,
+    validationState = _a$validationState === void 0 ? constants_1.VALIDATION_STATE.Default : _a$validationState,
+    error = _a.error,
+    autoComplete = _a.autoComplete,
+    autoFocus = _a.autoFocus,
+    prefixIcon = _a.prefixIcon,
+    prefix = _a.prefix,
+    postfix = _a.postfix,
+    buttonProp = _a.button,
+    onPaste = _a.onPaste,
+    onKeyDown = _a.onKeyDown,
+    _a$type = _a.type,
+    type = _a$type === void 0 ? 'text' : _a$type,
+    inputMode = _a.inputMode,
+    spellCheck = _a.spellCheck,
     rest = __rest(_a, ["id", "name", "value", "placeholder", "maxLength", "disabled", "readonly", "showCopyButton", "showClearButton", "allowMoreThanMaxLength", "onChange", "onFocus", "onBlur", "onCopyButtonClick", "onClearButtonClick", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "size", "validationState", "error", "autoComplete", "autoFocus", "prefixIcon", "prefix", "postfix", "button", "onPaste", "onKeyDown", "type", "inputMode", "spellCheck"]);
-  const [value = '', onChange] = (0, hooks_1.useValueControl)({
-    value: valueProp,
-    defaultValue: '',
-    onChange: onChangeProp
-  });
+  const _ref = (0, hooks_1.useValueControl)({
+      value: valueProp,
+      defaultValue: '',
+      onChange: onChangeProp
+    }),
+    _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+    _ref2$ = _ref2[0],
+    value = _ref2$ === void 0 ? '' : _ref2$,
+    onChange = _ref2[1];
   const localRef = (0, react_1.useRef)(null);
   const clearButtonRef = (0, react_1.useRef)(null);
   const copyButtonRef = (0, react_1.useRef)(null);
@@ -99,7 +112,10 @@ exports.FieldText = (0, react_1.forwardRef)((_a, ref) => {
   const containerVariant = (0, helpers_1.getContainerVariant)({
     button
   });
-  const [isFieldFocused, setIsFieldFocused] = (0, react_1.useState)(false);
+  const _ref3 = (0, react_1.useState)(false),
+    _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
+    isFieldFocused = _ref4[0],
+    setIsFieldFocused = _ref4[1];
   const focusedRef = (0, react_1.useRef)(false);
   const onClear = e => {
     var _a;
@@ -129,7 +145,10 @@ exports.FieldText = (0, react_1.forwardRef)((_a, ref) => {
     postfix: typeof postfix === 'string' ? postfix : undefined,
     onCopyButtonClick
   });
-  const [isButtonFocused, setIsButtonFocused] = (0, react_1.useState)(false);
+  const _ref5 = (0, react_1.useState)(false),
+    _ref6 = (0, _slicedToArray2.default)(_ref5, 2),
+    isButtonFocused = _ref6[0],
+    setIsButtonFocused = _ref6[1];
   const onButtonFocus = (0, react_1.useCallback)(() => setIsButtonFocused(true), []);
   const onButtonBlur = (0, react_1.useCallback)(() => setIsButtonFocused(false), []);
   const prefixSettings = (0, hooks_1.usePrefix)({
@@ -157,18 +176,17 @@ exports.FieldText = (0, react_1.forwardRef)((_a, ref) => {
     onFocus: onButtonFocus,
     onBlur: onButtonBlur
   });
-  const {
-    postfixButtons,
-    prefixButtons,
-    inputTabIndex,
-    onInputKeyDown
-  } = (0, input_private_1.useButtonNavigation)({
-    inputRef: localRef,
-    postfixButtons: (0, react_1.useMemo)(() => [clearButtonSettings, copyButtonSettings, postfixSettings, postfixButtonSettings], [clearButtonSettings, copyButtonSettings, postfixSettings, postfixButtonSettings]),
-    prefixButtons: (0, react_1.useMemo)(() => [prefixButtonSettings, prefixSettings], [prefixButtonSettings, prefixSettings]),
-    readonly,
-    submitKeys: ['Enter', 'Space', 'Tab']
-  });
+  const _ref7 = (0, input_private_1.useButtonNavigation)({
+      inputRef: localRef,
+      postfixButtons: (0, react_1.useMemo)(() => [clearButtonSettings, copyButtonSettings, postfixSettings, postfixButtonSettings], [clearButtonSettings, copyButtonSettings, postfixSettings, postfixButtonSettings]),
+      prefixButtons: (0, react_1.useMemo)(() => [prefixButtonSettings, prefixSettings], [prefixButtonSettings, prefixSettings]),
+      readonly,
+      submitKeys: ['Enter', 'Space', 'Tab']
+    }),
+    postfixButtons = _ref7.postfixButtons,
+    prefixButtons = _ref7.prefixButtons,
+    inputTabIndex = _ref7.inputTabIndex,
+    onInputKeyDown = _ref7.onInputKeyDown;
   const handleKeyDown = event => {
     onInputKeyDown(event);
     onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);

package/dist/cjs/components/FieldText/helpers.js

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getContainerVariant = getContainerVariant;
 function getContainerVariant(_ref) {
-  let {
-    button
-  } = _ref;
+  let button = _ref.button;
   if ((button === null || button === void 0 ? void 0 : button.variant) === 'before') {
     return 'single-line-container-button-before';
   }

package/dist/cjs/components/FieldTextArea/FieldTextArea.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 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];
@@ -30,51 +32,64 @@ const getValidationState_1 = require("../../utils/getValidationState");
 const FieldDecorator_1 = require("../FieldDecorator");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 exports.FieldTextArea = (0, react_1.forwardRef)((_a, ref) => {
-  var {
-      id,
-      name,
-      value: valueProp,
-      placeholder,
-      maxLength,
-      minRows = 3,
-      maxRows = 1000,
-      disabled = false,
-      resizable = false,
-      readonly = false,
-      showCopyButton: showCopyButtonProp = readonly,
-      showClearButton: showClearButtonProp = true,
-      allowMoreThanMaxLength = true,
-      showHintIcon,
-      onChange: onChangeProp,
-      onFocus,
-      onBlur,
-      onKeyDown,
-      className,
-      label,
-      labelTooltip,
-      labelTooltipPlacement,
-      required = false,
-      caption,
-      hint,
-      error,
-      size = input_private_1.SIZE.S,
-      validationState = constants_1.VALIDATION_STATE.Default,
-      onCopyButtonClick,
-      footer,
-      spellCheck,
-      autoFocus,
-      inputMode
-    } = _a,
+  var id = _a.id,
+    name = _a.name,
+    valueProp = _a.value,
+    placeholder = _a.placeholder,
+    maxLength = _a.maxLength,
+    _a$minRows = _a.minRows,
+    minRows = _a$minRows === void 0 ? 3 : _a$minRows,
+    _a$maxRows = _a.maxRows,
+    maxRows = _a$maxRows === void 0 ? 1000 : _a$maxRows,
+    _a$disabled = _a.disabled,
+    disabled = _a$disabled === void 0 ? false : _a$disabled,
+    _a$resizable = _a.resizable,
+    resizable = _a$resizable === void 0 ? false : _a$resizable,
+    _a$readonly = _a.readonly,
+    readonly = _a$readonly === void 0 ? false : _a$readonly,
+    _a$showCopyButton = _a.showCopyButton,
+    showCopyButtonProp = _a$showCopyButton === void 0 ? readonly : _a$showCopyButton,
+    _a$showClearButton = _a.showClearButton,
+    showClearButtonProp = _a$showClearButton === void 0 ? true : _a$showClearButton,
+    _a$allowMoreThanMaxLe = _a.allowMoreThanMaxLength,
+    allowMoreThanMaxLength = _a$allowMoreThanMaxLe === void 0 ? true : _a$allowMoreThanMaxLe,
+    showHintIcon = _a.showHintIcon,
+    onChangeProp = _a.onChange,
+    onFocus = _a.onFocus,
+    onBlur = _a.onBlur,
+    onKeyDown = _a.onKeyDown,
+    className = _a.className,
+    label = _a.label,
+    labelTooltip = _a.labelTooltip,
+    labelTooltipPlacement = _a.labelTooltipPlacement,
+    _a$required = _a.required,
+    required = _a$required === void 0 ? false : _a$required,
+    caption = _a.caption,
+    hint = _a.hint,
+    error = _a.error,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? input_private_1.SIZE.S : _a$size,
+    _a$validationState = _a.validationState,
+    validationState = _a$validationState === void 0 ? constants_1.VALIDATION_STATE.Default : _a$validationState,
+    onCopyButtonClick = _a.onCopyButtonClick,
+    footer = _a.footer,
+    spellCheck = _a.spellCheck,
+    autoFocus = _a.autoFocus,
+    inputMode = _a.inputMode,
     rest = __rest(_a, ["id", "name", "value", "placeholder", "maxLength", "minRows", "maxRows", "disabled", "resizable", "readonly", "showCopyButton", "showClearButton", "allowMoreThanMaxLength", "showHintIcon", "onChange", "onFocus", "onBlur", "onKeyDown", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "error", "size", "validationState", "onCopyButtonClick", "footer", "spellCheck", "autoFocus", "inputMode"]);
   const localRef = (0, react_1.useRef)(null);
   const clearButtonRef = (0, react_1.useRef)(null);
   const copyButtonRef = (0, react_1.useRef)(null);
   const isResizable = !readonly && !disabled && resizable;
-  const [value = '', onChange] = (0, hooks_1.useValueControl)({
-    value: valueProp,
-    defaultValue: '',
-    onChange: onChangeProp
-  });
+  const _ref = (0, hooks_1.useValueControl)({
+      value: valueProp,
+      defaultValue: '',
+      onChange: onChangeProp
+    }),
+    _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+    _ref2$ = _ref2[0],
+    value = _ref2$ === void 0 ? '' : _ref2$,
+    onChange = _ref2[1];
   const showCopyButton = showCopyButtonProp && Boolean(value) && !disabled;
   const showClearButton = showClearButtonProp && Boolean(value) && !disabled && !readonly;
   const fieldValidationState = (0, getValidationState_1.getValidationState)({
@@ -101,16 +116,15 @@ exports.FieldTextArea = (0, react_1.forwardRef)((_a, ref) => {
     valueToCopy: value,
     onCopyButtonClick
   });
-  const {
-    postfixButtons,
-    inputTabIndex,
-    onInputKeyDown
-  } = (0, input_private_1.useButtonNavigation)({
-    inputRef: localRef,
-    postfixButtons: (0, react_1.useMemo)(() => [clearButtonSettings, copyButtonSettings], [clearButtonSettings, copyButtonSettings]),
-    readonly,
-    submitKeys: ['Enter', 'Space', 'Tab']
-  });
+  const _ref3 = (0, input_private_1.useButtonNavigation)({
+      inputRef: localRef,
+      postfixButtons: (0, react_1.useMemo)(() => [clearButtonSettings, copyButtonSettings], [clearButtonSettings, copyButtonSettings]),
+      readonly,
+      submitKeys: ['Enter', 'Space', 'Tab']
+    }),
+    postfixButtons = _ref3.postfixButtons,
+    inputTabIndex = _ref3.inputTabIndex,
+    onInputKeyDown = _ref3.onInputKeyDown;
   const handleKeyDown = event => {
     onInputKeyDown(event);
     onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);

package/dist/cjs/components/FieldTime/FieldTime.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 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];
@@ -33,10 +35,8 @@ const getValidationState_1 = require("../../utils/getValidationState");
 const FieldDecorator_1 = require("../FieldDecorator");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 const getStringTimeValue = (time, _ref) => {
-  let {
-    showSeconds,
-    locale
-  } = _ref;
+  let showSeconds = _ref.showSeconds,
+    locale = _ref.locale;
   var _a, _b, _c;
   if (!time) {
     return '';
@@ -52,37 +52,46 @@ const getStringTimeValue = (time, _ref) => {
   });
 };
 exports.FieldTime = (0, react_1.forwardRef)((_a, ref) => {
-  var {
-      id,
-      name,
-      value: valueProp,
-      disabled = false,
-      readonly = false,
-      showCopyButton: showCopyButtonProp = true,
-      showClearButton: showClearButtonProp = true,
-      open,
-      onOpenChange,
-      onChange,
-      onFocus,
-      onBlur: onBlurProp,
-      className,
-      label,
-      labelTooltip,
-      labelTooltipPlacement,
-      required = false,
-      caption,
-      hint,
-      showHintIcon,
-      showSeconds = true,
-      size = input_private_1.SIZE.S,
-      validationState = constants_1.VALIDATION_STATE.Default,
-      error,
-      onCopyButtonClick,
-      autoFocus,
-      footerMode
-    } = _a,
+  var id = _a.id,
+    name = _a.name,
+    valueProp = _a.value,
+    _a$disabled = _a.disabled,
+    disabled = _a$disabled === void 0 ? false : _a$disabled,
+    _a$readonly = _a.readonly,
+    readonly = _a$readonly === void 0 ? false : _a$readonly,
+    _a$showCopyButton = _a.showCopyButton,
+    showCopyButtonProp = _a$showCopyButton === void 0 ? true : _a$showCopyButton,
+    _a$showClearButton = _a.showClearButton,
+    showClearButtonProp = _a$showClearButton === void 0 ? true : _a$showClearButton,
+    open = _a.open,
+    onOpenChange = _a.onOpenChange,
+    onChange = _a.onChange,
+    onFocus = _a.onFocus,
+    onBlurProp = _a.onBlur,
+    className = _a.className,
+    label = _a.label,
+    labelTooltip = _a.labelTooltip,
+    labelTooltipPlacement = _a.labelTooltipPlacement,
+    _a$required = _a.required,
+    required = _a$required === void 0 ? false : _a$required,
+    caption = _a.caption,
+    hint = _a.hint,
+    showHintIcon = _a.showHintIcon,
+    _a$showSeconds = _a.showSeconds,
+    showSeconds = _a$showSeconds === void 0 ? true : _a$showSeconds,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? input_private_1.SIZE.S : _a$size,
+    _a$validationState = _a.validationState,
+    validationState = _a$validationState === void 0 ? constants_1.VALIDATION_STATE.Default : _a$validationState,
+    error = _a.error,
+    onCopyButtonClick = _a.onCopyButtonClick,
+    autoFocus = _a.autoFocus,
+    footerMode = _a.footerMode,
     rest = __rest(_a, ["id", "name", "value", "disabled", "readonly", "showCopyButton", "showClearButton", "open", "onOpenChange", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "showSeconds", "size", "validationState", "error", "onCopyButtonClick", "autoFocus", "footerMode"]);
-  const [isOpen, setIsOpen] = (0, uncontrollable_1.useUncontrolledProp)(open, false, onOpenChange);
+  const _ref2 = (0, uncontrollable_1.useUncontrolledProp)(open, false, onOpenChange),
+    _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+    isOpen = _ref3[0],
+    setIsOpen = _ref3[1];
   const localRef = (0, react_1.useRef)(null);
   const clearButtonRef = (0, react_1.useRef)(null);
   const copyButtonRef = (0, react_1.useRef)(null);
@@ -147,37 +156,35 @@ exports.FieldTime = (0, react_1.forwardRef)((_a, ref) => {
     }))
   }), [calendarIconSize, size]);
   const memorizedButtons = (0, react_1.useMemo)(() => [clearButtonSettings, copyButtonSettings, calendarIcon], [clearButtonSettings, copyButtonSettings, calendarIcon]);
-  const {
-    value,
-    handleChange,
-    handleClick: timeInputClickHandler,
-    handleKeyDown: timeInputKeyDownHandler,
-    handleBlur: timeInputBlurHandler,
-    mask,
-    setInputFocus
-  } = (0, hooks_1.useDateField)({
-    inputRef: localRef,
-    onChange,
-    readonly,
-    locale: constants_1.DEFAULT_LOCALE,
-    setIsOpen,
-    mode: showSeconds ? constants_1.TIME_MODES.FullTime : constants_1.TIME_MODES.NoSeconds,
-    showSeconds
-  });
+  const _ref4 = (0, hooks_1.useDateField)({
+      inputRef: localRef,
+      onChange,
+      readonly,
+      locale: constants_1.DEFAULT_LOCALE,
+      setIsOpen,
+      mode: showSeconds ? constants_1.TIME_MODES.FullTime : constants_1.TIME_MODES.NoSeconds,
+      showSeconds
+    }),
+    value = _ref4.value,
+    handleChange = _ref4.handleChange,
+    timeInputClickHandler = _ref4.handleClick,
+    timeInputKeyDownHandler = _ref4.handleKeyDown,
+    timeInputBlurHandler = _ref4.handleBlur,
+    mask = _ref4.mask,
+    setInputFocus = _ref4.setInputFocus;
   const setInputFocusFromButtons = (0, react_1.useCallback)(() => setInputFocus(constants_1.SlotKey.Seconds), [setInputFocus]);
-  const {
-    postfixButtons,
-    inputTabIndex,
-    onInputKeyDown: navigationInputKeyDownHandler,
-    setInitialTabIndices
-  } = (0, input_private_1.useButtonNavigation)({
-    setInputFocus: setInputFocusFromButtons,
-    inputRef: localRef,
-    postfixButtons: memorizedButtons,
-    onButtonKeyDown: checkForLeavingFocus,
-    readonly,
-    submitKeys: ['Enter', 'Space', 'Tab']
-  });
+  const _ref5 = (0, input_private_1.useButtonNavigation)({
+      setInputFocus: setInputFocusFromButtons,
+      inputRef: localRef,
+      postfixButtons: memorizedButtons,
+      onButtonKeyDown: checkForLeavingFocus,
+      readonly,
+      submitKeys: ['Enter', 'Space', 'Tab']
+    }),
+    postfixButtons = _ref5.postfixButtons,
+    inputTabIndex = _ref5.inputTabIndex,
+    navigationInputKeyDownHandler = _ref5.onInputKeyDown,
+    setInitialTabIndices = _ref5.setInitialTabIndices;
   const handleSelectTime = time => {
     var _a;
     onChange && onChange(time);

package/dist/cjs/helperComponents/ButtonCopyValue/ButtonCopyValue.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
   return mod && mod.__esModule ? mod : {
     "default": mod
@@ -15,16 +17,18 @@ const react_1 = require("react");
 const helpers_1 = require("./helpers");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 exports.ButtonCopyValue = (0, react_1.forwardRef)((_ref, ref) => {
-  let {
-    size,
-    valueToCopy,
-    tabIndex = -1,
-    onKeyDown,
-    onClick,
-    onValueRequest,
-    disabled
-  } = _ref;
-  const [isChecked, setIsChecked] = (0, react_1.useState)(false);
+  let size = _ref.size,
+    valueToCopy = _ref.valueToCopy,
+    _ref$tabIndex = _ref.tabIndex,
+    tabIndex = _ref$tabIndex === void 0 ? -1 : _ref$tabIndex,
+    onKeyDown = _ref.onKeyDown,
+    onClick = _ref.onClick,
+    onValueRequest = _ref.onValueRequest,
+    disabled = _ref.disabled;
+  const _ref2 = (0, react_1.useState)(false),
+    _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+    isChecked = _ref3[0],
+    setIsChecked = _ref3[1];
   const timerId = (0, react_1.useRef)();
   const closeTooltip = () => setIsChecked(false);
   const handleCopy = (event, asyncValue) => {
@@ -40,11 +44,9 @@ exports.ButtonCopyValue = (0, react_1.forwardRef)((_ref, ref) => {
   const handleClick = event => {
     event.stopPropagation();
     if (onValueRequest) {
-      onValueRequest().then(_ref2 => {
-        let {
-          success,
-          value
-        } = _ref2;
+      onValueRequest().then(_ref4 => {
+        let success = _ref4.success,
+          value = _ref4.value;
         if (success) {
           handleCopy(event, value);
         }

package/dist/cjs/helperComponents/ButtonCopyValue/helpers.js

@@ -8,10 +8,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const icons_1 = require("@snack-uikit/icons");
 const input_private_1 = require("@snack-uikit/input-private");
 function getIcon(_ref) {
-  let {
-    size,
-    isChecked
-  } = _ref;
+  let size = _ref.size,
+    isChecked = _ref.isChecked;
   switch (size) {
     case input_private_1.BUTTON_SIZE.S:
       {

package/dist/cjs/helperComponents/ButtonField/ButtonField.js

@@ -16,27 +16,27 @@ const divider_1 = require("@snack-uikit/divider");
 const utils_1 = require("../../components/FieldSelect/utils");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 exports.ButtonField = (0, react_1.forwardRef)((_ref, ref) => {
-  let {
-    size,
-    tabIndex = 0,
-    onClick,
-    onKeyDown,
-    onFocus,
-    onBlur,
-    disabled,
-    content,
-    hasArrow = false,
-    arrowOpen = false,
-    variant,
-    className
-  } = _ref;
-  const {
-    ArrowIcon,
-    arrowIconSize
-  } = (0, utils_1.getArrowIcon)({
-    open: arrowOpen,
-    size: 'm'
-  });
+  let size = _ref.size,
+    _ref$tabIndex = _ref.tabIndex,
+    tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex,
+    onClick = _ref.onClick,
+    onKeyDown = _ref.onKeyDown,
+    onFocus = _ref.onFocus,
+    onBlur = _ref.onBlur,
+    disabled = _ref.disabled,
+    content = _ref.content,
+    _ref$hasArrow = _ref.hasArrow,
+    hasArrow = _ref$hasArrow === void 0 ? false : _ref$hasArrow,
+    _ref$arrowOpen = _ref.arrowOpen,
+    arrowOpen = _ref$arrowOpen === void 0 ? false : _ref$arrowOpen,
+    variant = _ref.variant,
+    className = _ref.className;
+  const _ref2 = (0, utils_1.getArrowIcon)({
+      open: arrowOpen,
+      size: 'm'
+    }),
+    ArrowIcon = _ref2.ArrowIcon,
+    arrowIconSize = _ref2.arrowIconSize;
   return (0, jsx_runtime_1.jsxs)("button", {
     className: (0, classnames_1.default)(className, styles_module_scss_1.default.buttonField),
     "data-size": size,

package/dist/cjs/helperComponents/ButtonFieldList/ButtonFieldList.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 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];
@@ -25,16 +27,17 @@ const ButtonField_1 = require("../ButtonField");
 const helpers_1 = require("./helpers");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 exports.ButtonFieldList = (0, react_1.forwardRef)((_a, ref) => {
-  var {
-      items,
-      selection,
-      open,
-      onOpenChange,
-      search,
-      scroll
-    } = _a,
+  var items = _a.items,
+    selection = _a.selection,
+    open = _a.open,
+    onOpenChange = _a.onOpenChange,
+    search = _a.search,
+    scroll = _a.scroll,
     rest = __rest(_a, ["items", "selection", "open", "onOpenChange", "search", "scroll"]);
-  const [isOpen, setIsOpen] = (0, uncontrollable_1.useUncontrolledProp)(open, false, onOpenChange);
+  const _ref = (0, uncontrollable_1.useUncontrolledProp)(open, false, onOpenChange),
+    _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+    isOpen = _ref2[0],
+    setIsOpen = _ref2[1];
   const placement = (0, helpers_1.getPlacement)(rest);
   return (0, jsx_runtime_1.jsx)(list_1.Droplist, {
     "data-test-id": 'button-field-list',

package/dist/cjs/helperComponents/ButtonFieldList/helpers.js

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getPlacement = getPlacement;
 function getPlacement(_ref) {
-  let {
-    variant
-  } = _ref;
+  let variant = _ref.variant;
   if (variant === 'before') {
     return 'bottom-start';
   }