ab-ui-library 1.41.1 → 1.42.0

package/components/MultiTextareaWithChips/hooks/useChipManagement.js

@@ -0,0 +1,81 @@
+import { _ as _typeof } from '../../../typeof-e9310111.js';
+import { _ as _toConsumableArray } from '../../../toConsumableArray-d592cd83.js';
+import { _ as _slicedToArray } from '../../../slicedToArray-093df980.js';
+import { useState, useRef, useEffect, useCallback } from 'react';
+
+var useChipManagement = function useChipManagement(_ref) {
+  var initialChips = _ref.initialChips,
+    fieldName = _ref.fieldName,
+    formProps = _ref.formProps,
+    setValue = _ref.setValue,
+    onAddChip = _ref.onAddChip,
+    onRemoveChip = _ref.onRemoveChip;
+  var _useState = useState(initialChips),
+    _useState2 = _slicedToArray(_useState, 2),
+    chips = _useState2[0],
+    setChips = _useState2[1];
+  var isUserInteraction = useRef(false);
+  useEffect(function () {
+    if (!isUserInteraction.current) {
+      setChips(initialChips);
+    }
+  }, [initialChips]);
+  var updateFormValue = useCallback(function (newChips) {
+    if (isUserInteraction.current) {
+      if (formProps !== null && formProps !== void 0 && formProps.setFieldValue) {
+        formProps.setFieldValue(fieldName, newChips);
+      }
+      if (setValue) {
+        setValue(fieldName, newChips);
+      }
+    }
+  }, [formProps, setValue, fieldName]);
+  var addChip = useCallback(function (chip) {
+    isUserInteraction.current = true;
+    var newChips = [].concat(_toConsumableArray(chips), [chip]);
+    setChips(newChips);
+    updateFormValue(newChips);
+    if (typeof chip === 'string') {
+      onAddChip === null || onAddChip === void 0 || onAddChip(chip);
+    } else {
+      onAddChip === null || onAddChip === void 0 || onAddChip(chip.text);
+    }
+  }, [chips, updateFormValue, onAddChip]);
+  var removeChip = useCallback(function (chipText) {
+    isUserInteraction.current = true;
+    var newChips = chips.filter(function (chip) {
+      var text = typeof chip === 'string' ? chip : chip.text;
+      return text !== chipText;
+    });
+    setChips(newChips);
+    updateFormValue(newChips);
+    onRemoveChip === null || onRemoveChip === void 0 || onRemoveChip(chipText);
+  }, [chips, updateFormValue, onRemoveChip]);
+  var getChipTexts = useCallback(function () {
+    return chips.map(function (chip) {
+      return typeof chip === 'string' ? chip : chip.text;
+    });
+  }, [chips]);
+  var hasErrorChips = chips.some(function (chip) {
+    return _typeof(chip) === 'object' && chip.hasError;
+  });
+  var getErrorMessage = useCallback(function () {
+    var errorChips = chips.filter(function (chip) {
+      return _typeof(chip) === 'object' && chip.hasError;
+    });
+    var firstError = errorChips.find(function (chip) {
+      return chip.errorMessage;
+    });
+    return (firstError === null || firstError === void 0 ? void 0 : firstError.errorMessage) || '';
+  }, [chips]);
+  return {
+    chips: chips,
+    addChip: addChip,
+    removeChip: removeChip,
+    getChipTexts: getChipTexts,
+    hasErrorChips: hasErrorChips,
+    getErrorMessage: getErrorMessage
+  };
+};
+
+export { useChipManagement };

package/components/MultiTextareaWithChips/hooks/useChipValidation.d.ts

@@ -0,0 +1,13 @@
+import type { AnySchema } from 'yup';
+import type { TChipItem } from '../types';
+interface UseChipValidationProps {
+    validationSchema?: AnySchema;
+    errorMessage?: string;
+    allowInvalidChips?: boolean;
+    minChipLength?: number;
+    maxChipLength?: number;
+}
+export declare const useChipValidation: ({ validationSchema, errorMessage, allowInvalidChips, minChipLength, maxChipLength }: UseChipValidationProps) => {
+    createValidatedChip: (chipText: string) => TChipItem;
+};
+export {};

package/components/MultiTextareaWithChips/hooks/useChipValidation.js

@@ -0,0 +1,65 @@
+import { useCallback } from 'react';
+
+var useChipValidation = function useChipValidation(_ref) {
+  var validationSchema = _ref.validationSchema,
+    errorMessage = _ref.errorMessage,
+    _ref$allowInvalidChip = _ref.allowInvalidChips,
+    allowInvalidChips = _ref$allowInvalidChip === void 0 ? false : _ref$allowInvalidChip,
+    minChipLength = _ref.minChipLength,
+    maxChipLength = _ref.maxChipLength;
+  var createValidatedChip = useCallback(function (chipText) {
+    var trimmedText = chipText.trim();
+    if (minChipLength && trimmedText.length < minChipLength) {
+      var message = "Chip must be at least ".concat(minChipLength, " characters long");
+      if (!allowInvalidChips) {
+        throw new Error(message);
+      }
+      return {
+        text: trimmedText,
+        hasError: true,
+        errorMessage: message
+      };
+    }
+    if (maxChipLength && trimmedText.length > maxChipLength) {
+      var _message = "Chip must be no more than ".concat(maxChipLength, " characters long");
+      if (!allowInvalidChips) {
+        throw new Error(_message);
+      }
+      return {
+        text: trimmedText,
+        hasError: true,
+        errorMessage: _message
+      };
+    }
+    if (validationSchema) {
+      try {
+        validationSchema.validateSync(trimmedText);
+        return {
+          text: trimmedText,
+          hasError: false,
+          errorMessage: ''
+        };
+      } catch (error) {
+        var _message2 = errorMessage || error.message || 'Invalid value';
+        if (!allowInvalidChips) {
+          throw new Error(_message2);
+        }
+        return {
+          text: trimmedText,
+          hasError: true,
+          errorMessage: _message2
+        };
+      }
+    }
+    return {
+      text: trimmedText,
+      hasError: false,
+      errorMessage: ''
+    };
+  }, [validationSchema, errorMessage, allowInvalidChips, minChipLength, maxChipLength]);
+  return {
+    createValidatedChip: createValidatedChip
+  };
+};
+
+export { useChipValidation };

package/components/MultiTextareaWithChips/hooks/useDropdownLogic.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+interface UseDropdownLogicProps {
+    availableOptions: string[];
+    chipTexts: string[];
+    containerRef: React.RefObject<HTMLDivElement | null>;
+}
+export declare const useDropdownLogic: ({ availableOptions, chipTexts, containerRef }: UseDropdownLogicProps) => {
+    showDropdown: boolean;
+    filteredOptions: string[];
+    selectedOption: string;
+    handleInputFocus: (inputValue: string) => void;
+    handleInputChange: (inputValue: string) => void;
+    navigateOptions: (direction: 'up' | 'down') => void;
+    selectOption: (option?: string) => string | null;
+    closeDropdown: () => void;
+};
+export {};

package/components/MultiTextareaWithChips/hooks/useDropdownLogic.js

@@ -0,0 +1,91 @@
+import { _ as _slicedToArray } from '../../../slicedToArray-093df980.js';
+import { useState, useCallback, useEffect } from 'react';
+
+var useDropdownLogic = function useDropdownLogic(_ref) {
+  var availableOptions = _ref.availableOptions,
+    chipTexts = _ref.chipTexts,
+    containerRef = _ref.containerRef;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showDropdown = _useState2[0],
+    setShowDropdown = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    filteredOptions = _useState4[0],
+    setFilteredOptions = _useState4[1];
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    selectedOption = _useState6[0],
+    setSelectedOption = _useState6[1];
+  var filterOptions = useCallback(function (inputValue) {
+    if (availableOptions.length === 0) return;
+    var filtered = availableOptions.filter(function (option) {
+      return option.toLowerCase().includes(inputValue.toLowerCase()) && !chipTexts.includes(option);
+    });
+    setFilteredOptions(filtered);
+  }, [availableOptions, chipTexts]);
+  var handleInputFocus = useCallback(function (inputValue) {
+    if (availableOptions.length > 0) {
+      if (inputValue.trim()) {
+        setShowDropdown(true);
+      } else {
+        filterOptions('');
+        setShowDropdown(true);
+      }
+    }
+  }, [availableOptions.length, filterOptions]);
+  var handleInputChange = useCallback(function (inputValue) {
+    setSelectedOption('');
+    filterOptions(inputValue);
+    setShowDropdown(availableOptions.length > 0 && inputValue.trim().length > 0);
+  }, [filterOptions, availableOptions.length]);
+  var navigateOptions = useCallback(function (direction) {
+    if (filteredOptions.length === 0) return;
+    var currentIndex = selectedOption ? filteredOptions.indexOf(selectedOption) : -1;
+    var nextIndex;
+    if (direction === 'down') {
+      nextIndex = currentIndex < filteredOptions.length - 1 ? currentIndex + 1 : 0;
+    } else {
+      nextIndex = currentIndex > 0 ? currentIndex - 1 : filteredOptions.length - 1;
+    }
+    setSelectedOption(filteredOptions[nextIndex]);
+  }, [filteredOptions, selectedOption]);
+  var selectOption = useCallback(function (option) {
+    var optionToSelect = option || selectedOption || filteredOptions[0];
+    if (optionToSelect) {
+      setShowDropdown(false);
+      setSelectedOption('');
+      return optionToSelect;
+    }
+    return null;
+  }, [selectedOption, filteredOptions]);
+  var closeDropdown = useCallback(function () {
+    setShowDropdown(false);
+    setSelectedOption('');
+  }, []);
+  useEffect(function () {
+    var handleClickOutside = function handleClickOutside(event) {
+      if (containerRef.current && !containerRef.current.contains(event.target)) {
+        closeDropdown();
+      }
+    };
+    if (showDropdown) {
+      document.addEventListener('mousedown', handleClickOutside);
+    }
+    return function () {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, [showDropdown, closeDropdown, containerRef]);
+  return {
+    showDropdown: showDropdown,
+    filteredOptions: filteredOptions,
+    selectedOption: selectedOption,
+    handleInputFocus: handleInputFocus,
+    handleInputChange: handleInputChange,
+    navigateOptions: navigateOptions,
+    selectOption: selectOption,
+    closeDropdown: closeDropdown
+  };
+};
+
+export { useDropdownLogic };

package/components/MultiTextareaWithChips/hooks/useKeyboardNavigation.d.ts

@@ -0,0 +1,23 @@
+import type { KeyboardEvent } from 'react';
+interface UseKeyboardNavigationProps {
+    disabled: boolean;
+    inputValue: string;
+    allowCustomValues: boolean;
+    chips: Array<string | {
+        text: string;
+        [key: string]: unknown;
+    }>;
+    filteredOptions: string[];
+    selectedOption: string;
+    onEnter: () => void;
+    onAddCustomValue: (value: string) => void;
+    onNavigateOptions: (direction: 'up' | 'down') => void;
+    onSelectOption: (option?: string) => void;
+    onCloseDropdown: () => void;
+    onRemoveLastChip: () => void;
+    inputRef: React.RefObject<HTMLInputElement | null>;
+}
+export declare const useKeyboardNavigation: ({ disabled, inputValue, allowCustomValues, chips, filteredOptions, selectedOption, onEnter, onAddCustomValue, onNavigateOptions, onSelectOption, onCloseDropdown, onRemoveLastChip, inputRef }: UseKeyboardNavigationProps) => {
+    handleKeyDown: (e: KeyboardEvent<HTMLInputElement>) => void;
+};
+export {};

package/components/MultiTextareaWithChips/hooks/useKeyboardNavigation.js

@@ -0,0 +1,72 @@
+import { useCallback } from 'react';
+
+var useKeyboardNavigation = function useKeyboardNavigation(_ref) {
+  var disabled = _ref.disabled,
+    inputValue = _ref.inputValue,
+    allowCustomValues = _ref.allowCustomValues,
+    chips = _ref.chips,
+    filteredOptions = _ref.filteredOptions,
+    selectedOption = _ref.selectedOption,
+    onEnter = _ref.onEnter,
+    onAddCustomValue = _ref.onAddCustomValue,
+    onNavigateOptions = _ref.onNavigateOptions,
+    onSelectOption = _ref.onSelectOption,
+    onCloseDropdown = _ref.onCloseDropdown,
+    onRemoveLastChip = _ref.onRemoveLastChip,
+    inputRef = _ref.inputRef;
+  var handleKeyDown = useCallback(function (e) {
+    var _inputRef$current;
+    if (disabled) return;
+    var trimmedInput = inputValue.trim();
+    switch (e.key) {
+      case 'Enter':
+        e.preventDefault();
+        if (selectedOption) {
+          onSelectOption(selectedOption);
+        } else if (filteredOptions.length > 0) {
+          onSelectOption(filteredOptions[0]);
+        } else if (allowCustomValues && trimmedInput) {
+          onAddCustomValue(trimmedInput);
+        } else {
+          onEnter();
+        }
+        break;
+      case ',':
+        if (allowCustomValues && trimmedInput) {
+          e.preventDefault();
+          onAddCustomValue(trimmedInput);
+        }
+        break;
+      case ' ':
+      case 'Space':
+        if (allowCustomValues && trimmedInput) {
+          e.preventDefault();
+          onAddCustomValue(trimmedInput);
+        }
+        break;
+      case 'Escape':
+        onCloseDropdown();
+        (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.blur();
+        break;
+      case 'ArrowDown':
+        e.preventDefault();
+        onNavigateOptions('down');
+        break;
+      case 'ArrowUp':
+        e.preventDefault();
+        onNavigateOptions('up');
+        break;
+      case 'Backspace':
+        if (!inputValue && chips.length > 0) {
+          e.preventDefault();
+          onRemoveLastChip();
+        }
+        break;
+    }
+  }, [disabled, inputValue, allowCustomValues, chips.length, filteredOptions, selectedOption, onEnter, onAddCustomValue, onNavigateOptions, onSelectOption, onCloseDropdown, onRemoveLastChip, inputRef]);
+  return {
+    handleKeyDown: handleKeyDown
+  };
+};
+
+export { useKeyboardNavigation };

package/components/MultiTextareaWithChips/index.d.ts

@@ -1,3 +1,3 @@
 export * from './MultiTextareaWithChips';
-export * from './InputWrapper';
 export * from './types';
+export * from './hooks';

package/components/MultiTextareaWithChips/index.js

@@ -1,8 +1,11 @@
 export { MultiTextareaWithChips } from './MultiTextareaWithChips.js';
-export { InputWrapper } from './InputWrapper.js';
-import '../../extends-f01f857f.js';
-import '../../toConsumableArray-291d6bc0.js';
-import '../../slicedToArray-396ddcf6.js';
+export { useChipManagement } from './hooks/useChipManagement.js';
+export { useChipValidation } from './hooks/useChipValidation.js';
+export { useDropdownLogic } from './hooks/useDropdownLogic.js';
+export { useKeyboardNavigation } from './hooks/useKeyboardNavigation.js';
+import '../../extends-cc60c71c.js';
+import '../../typeof-e9310111.js';
+import '../../slicedToArray-093df980.js';
 import 'react';
 import '../Chips/Chips.js';
 import '../Text/Text.js';
@@ -11,13 +14,12 @@ import '../../utils/helpers.js';
 import 'dayjs';
 import '../Chips/types.js';
 import '../SVGIcons/IconDismissCircleFilled.js';
-import '../../defineProperty-14863472.js';
-import '../../typeof-e762ff49.js';
+import '../../defineProperty-109927cc.js';
 import '../Chips/consts.js';
 import '../../helperComponents/ErrorMessage/ErrorMessage.js';
 import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
 import '../../helperComponents/IconDynamicComponent/constants.js';
-import '../../RadioGroup-814fbdff.js';
+import '../../RadioGroup-d0af378e.js';
 import '../Radio/Radio.js';
 import '../../helperComponents/Label/Label.js';
 import '../Popover/Popover.js';
@@ -36,3 +38,4 @@ import '../SVGIcons/IconInfo.js';
 import 'react-syntax-highlighter';
 import '../../hooks/useFormProps.js';
 import '../../context/types.js';
+import '../../toConsumableArray-d592cd83.js';

package/components/MultiTextareaWithChips/types.d.ts

@@ -1,15 +1,32 @@
 import type { AnySchema } from 'yup';
+export interface TChipItem {
+    text: string;
+    hasError?: boolean;
+    errorMessage?: string;
+    id?: string | number;
+    [key: string]: unknown;
+}
+export type ChipValue = string | TChipItem;
 export interface TMultiTextareaWithChipsProps extends IFormCompProps {
-    allowCustomValues?: boolean;
-    allowInvalidChips?: boolean;
-    autoFormIntegration?: boolean;
-    availableOptions?: string[];
-    chipValidationErrorMessage?: string;
-    chipValidationSchema?: AnySchema;
-    chips?: Array<string | TChipItem>;
+    label: string;
+    placeholder: string;
+    helperText?: string;
+    chips?: ChipValue[];
+    onAddChip?: (chip: string) => void;
+    onRemoveChip?: (chip: string) => void;
     className?: string;
     disabled?: boolean;
-    error?: string;
+    availableOptions?: string[];
+    allowCustomValues?: boolean;
+    searchPlaceholder?: string;
+    chipValidationSchema?: AnySchema;
+    chipValidationErrorMessage?: string;
+    allowInvalidChips?: boolean;
+    minChipLength?: number;
+    maxChipLength?: number;
+    searchPlaceholderText?: string;
+    typeAndEnterPlaceholderText?: string;
+    noOptionsPlaceholderText?: string;
     fieldName?: string;
     formProps?: {
         setFieldValue?: (fieldName: string, value: TFormValue, shouldValidate?: {
@@ -19,27 +36,4 @@ export interface TMultiTextareaWithChipsProps extends IFormCompProps {
             shouldValidate: boolean;
         }) => void) | undefined;
     };
-    helperText?: string;
-    label: string;
-    maxChipLength?: number;
-    maxChips?: number;
-    minChipLength?: number;
-    minChips?: number;
-    noOptionsPlaceholderText?: string;
-    onAddChip?: (chip: string) => void;
-    onAddChipItem?: (chip: TChipItem) => void;
-    onRemoveChip?: (chip: string) => void;
-    onRemoveChipItem?: (chip: TChipItem) => void;
-    placeholder: string;
-    required?: boolean;
-    searchPlaceholder?: string;
-    searchPlaceholderText?: string;
-    typeAndEnterPlaceholderText?: string;
-    validateChip?: (chip: string) => void;
 }
-export type TChipItem = {
-    text: string;
-    hasError?: boolean;
-    errorMessage?: string;
-    id?: string | number;
-};

package/components/OneTimePassword/OneTimePassword.js

@@ -1,14 +1,14 @@
-import { _ as _extends } from '../../extends-f01f857f.js';
-import { _ as _toConsumableArray } from '../../toConsumableArray-291d6bc0.js';
-import { _ as _slicedToArray } from '../../slicedToArray-396ddcf6.js';
-import { _ as _objectWithoutProperties } from '../../objectWithoutProperties-0d729c01.js';
+import { _ as _extends } from '../../extends-cc60c71c.js';
+import { _ as _toConsumableArray } from '../../toConsumableArray-d592cd83.js';
+import { _ as _slicedToArray } from '../../slicedToArray-093df980.js';
+import { _ as _objectWithoutProperties } from '../../objectWithoutProperties-b19cccde.js';
 import React, { useState, useRef, useCallback } from 'react';
 import classNames from 'classnames';
 import { Input } from '../Input/Input.js';
 import '../Input/InputPassword.js';
 import { Label } from '../../helperComponents/Label/Label.js';
 import { ErrorMessage } from '../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '../../RadioGroup-814fbdff.js';
+import '../../RadioGroup-d0af378e.js';
 import { Text } from '../Text/Text.js';
 import 'dayjs';
 import '../../hooks/useScreenSize.js';
@@ -16,8 +16,8 @@ import 'react-hook-form';
 import '../Radio/Radio.js';
 import 'react-syntax-highlighter';
 import { IconCheckmarkCircleFilled } from '../SVGIcons/IconCheckmarkCircleFilled.js';
-import '../../defineProperty-14863472.js';
-import '../../typeof-e762ff49.js';
+import '../../defineProperty-109927cc.js';
+import '../../typeof-e9310111.js';
 import 'react-input-mask';
 import 'react-number-format';
 import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';

package/components/OneTimePassword/index.js

@@ -1,13 +1,13 @@
 export { OneTimePassword } from './OneTimePassword.js';
-import '../../extends-f01f857f.js';
-import '../../toConsumableArray-291d6bc0.js';
-import '../../slicedToArray-396ddcf6.js';
-import '../../objectWithoutProperties-0d729c01.js';
+import '../../extends-cc60c71c.js';
+import '../../toConsumableArray-d592cd83.js';
+import '../../slicedToArray-093df980.js';
+import '../../objectWithoutProperties-b19cccde.js';
 import 'react';
 import 'classnames';
 import '../Input/Input.js';
-import '../../defineProperty-14863472.js';
-import '../../typeof-e762ff49.js';
+import '../../defineProperty-109927cc.js';
+import '../../typeof-e9310111.js';
 import 'react-input-mask';
 import 'react-number-format';
 import '../../helperComponents/Label/Label.js';
@@ -17,7 +17,7 @@ import '../../utils/helpers.js';
 import 'dayjs';
 import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
 import '../../helperComponents/IconDynamicComponent/constants.js';
-import '../../RadioGroup-814fbdff.js';
+import '../../RadioGroup-d0af378e.js';
 import '../Radio/Radio.js';
 import '../Popover/Popover.js';
 import '../../hooks/useGetTooltipStyles.js';

package/components/Pagination/Pagination.js

@@ -1,4 +1,4 @@
-import { _ as _extends } from '../../extends-f01f857f.js';
+import { _ as _extends } from '../../extends-cc60c71c.js';
 import React from 'react';
 import ReactPaginate from 'react-paginate';
 import { PAGE_RANGE_DISPLAYED } from './consts.js';
@@ -6,8 +6,8 @@ import classNames from 'classnames';
 import { IconChevronRight } from '../SVGIcons/IconChevronRight.js';
 import { IconChevronLeft } from '../SVGIcons/IconChevronLeft.js';
 import { IconMore } from '../SVGIcons/IconMore.js';
-import '../../defineProperty-14863472.js';
-import '../../typeof-e762ff49.js';
+import '../../defineProperty-109927cc.js';
+import '../../typeof-e9310111.js';
 
 var Pagination = function Pagination(props) {
   var totalCount = props.totalCount,

package/components/Pagination/index.js

@@ -1,11 +1,11 @@
 export { Pagination } from './Pagination.js';
-import '../../extends-f01f857f.js';
+import '../../extends-cc60c71c.js';
 import 'react';
 import 'react-paginate';
 import './consts.js';
 import 'classnames';
 import '../SVGIcons/IconChevronRight.js';
-import '../../defineProperty-14863472.js';
-import '../../typeof-e762ff49.js';
+import '../../defineProperty-109927cc.js';
+import '../../typeof-e9310111.js';
 import '../SVGIcons/IconChevronLeft.js';
 import '../SVGIcons/IconMore.js';

package/components/Popover/Popover.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray } from '../../slicedToArray-396ddcf6.js';
+import { _ as _slicedToArray } from '../../slicedToArray-093df980.js';
 import React, { useState, useId, useEffect } from 'react';
 import classNames from 'classnames';
 import { useGetTooltipStyles } from '../../hooks/useGetTooltipStyles.js';
@@ -15,8 +15,8 @@ import '../../hooks/useGetTooltipPosition.js';
 import '../Tooltip/types.js';
 import '../../consts/index.js';
 import '../../utils/helpers.js';
-import '../../defineProperty-14863472.js';
-import '../../typeof-e762ff49.js';
+import '../../defineProperty-109927cc.js';
+import '../../typeof-e9310111.js';
 
 var Popover = function Popover(props) {
   var dataId = props.dataId,

package/components/Popover/index.js

@@ -1,5 +1,5 @@
 export { Popover } from './Popover.js';
-import '../../slicedToArray-396ddcf6.js';
+import '../../slicedToArray-093df980.js';
 import 'react';
 import 'classnames';
 import '../../hooks/useGetTooltipStyles.js';
@@ -16,5 +16,5 @@ import 'react-hook-form';
 import '../Text/Text.js';
 import '../../utils/helpers.js';
 import '../Link/Link.js';
-import '../../defineProperty-14863472.js';
-import '../../typeof-e762ff49.js';
+import '../../defineProperty-109927cc.js';
+import '../../typeof-e9310111.js';

package/components/Progress/ProgressBarWrapper.js

@@ -1,5 +1,5 @@
-import { _ as _extends } from '../../extends-f01f857f.js';
-import { _ as _objectWithoutProperties } from '../../objectWithoutProperties-0d729c01.js';
+import { _ as _extends } from '../../extends-cc60c71c.js';
+import { _ as _objectWithoutProperties } from '../../objectWithoutProperties-b19cccde.js';
 import React from 'react';
 import classNames from 'classnames';
 

package/components/Progress/index.js

@@ -2,5 +2,5 @@ export { Progress } from './Progress.js';
 export { ProgressBarWrapper } from './ProgressBarWrapper.js';
 import 'react';
 import 'classnames';
-import '../../extends-f01f857f.js';
-import '../../objectWithoutProperties-0d729c01.js';
+import '../../extends-cc60c71c.js';
+import '../../objectWithoutProperties-b19cccde.js';

package/components/ProgressStep/ProgressStep.js

@@ -7,8 +7,8 @@ import 'dayjs';
 import './types.js';
 import './consts.js';
 import '../SVGIcons/IconDismissCircle.js';
-import '../../defineProperty-14863472.js';
-import '../../typeof-e762ff49.js';
+import '../../defineProperty-109927cc.js';
+import '../../typeof-e9310111.js';
 import '../SVGIcons/IconCheckmarkCircle.js';
 
 var ProgressStep = function ProgressStep(props) {

package/components/ProgressStep/Step.js

@@ -7,8 +7,8 @@ import { IconDismissCircle } from '../SVGIcons/IconDismissCircle.js';
 import { IconCheckmarkCircle } from '../SVGIcons/IconCheckmarkCircle.js';
 import '../../utils/helpers.js';
 import 'dayjs';
-import '../../defineProperty-14863472.js';
-import '../../typeof-e762ff49.js';
+import '../../defineProperty-109927cc.js';
+import '../../typeof-e9310111.js';
 
 var Step = function Step(props) {
   var width = props.width,

package/components/ProgressStep/index.js

@@ -8,6 +8,6 @@ import 'dayjs';
 import './types.js';
 import './consts.js';
 import '../SVGIcons/IconDismissCircle.js';
-import '../../defineProperty-14863472.js';
-import '../../typeof-e762ff49.js';
+import '../../defineProperty-109927cc.js';
+import '../../typeof-e9310111.js';
 import '../SVGIcons/IconCheckmarkCircle.js';