@commercetools-frontend/experimental-components 0.0.2

package/src/index.js

@@ -0,0 +1,489 @@
+import CustomFieldDefinitionsConnector, {
+  customFieldDefinitionsMockHanders,
+} from './custom-fields/custom-field-definitions-connector';
+import CustomFieldTypeDefinitionsConnector from './custom-fields/custom-field-type-definitions-connector';
+import CustomFields, {
+  validateCustomFields,
+} from './custom-fields/custom-fields';
+
+import ValidationError from './components/validation-error';
+import CenteredLoadingSpinner from './components/centered-loading-spinner';
+import Divider from './components/divider';
+import ProductAttributes, {
+  nameValuePairsToMap,
+  attributesMapToNameValuePairs,
+} from './components/product-attributes';
+import ProductSelectionPicker from './components/product-selection-picker';
+import CountriesPicker from './components/country-picker';
+import ProductPickerInput from './components/product-picker-input';
+import pickerMessages from './components/messages';
+
+import keepDisplayName from './components/keep-display-name';
+import truncate from './utils/truncate';
+import {
+  messages as validationMessages,
+  unique,
+  uniqueObjects,
+} from './utils/validation';
+import { useTotalNumberOfStoresFetcherHandlers } from './components/store-select-input';
+import {
+  useBusinessUnitsListFetcherMockHandler,
+  useTotalNumberOfBusinessUnitsFetcherHandlers,
+} from './components/business-unit-select-input';
+import {
+  businessRoles,
+  messages as businessRoleMessages,
+} from './utils/business-roles';
+
+import searchInputMessages from './fields/search-input/messages';
+
+import {
+  formatDateTime,
+  formatDateRangeValue,
+  formatMoney,
+  formatMoneyValue,
+  formatMoneyRangeValue,
+  formatProductAttribute,
+  formatCustomField,
+} from './utils/formats';
+import { getFractionedAmount } from './utils/formats/money/money';
+import formatDiscount from './utils/formats/discount/discount';
+import {
+  formatPercentage,
+  convertRatioToPercentage,
+} from './utils/formats/percentage/percentage';
+
+import {
+  injectDataTablePaginationState,
+  injectNotifications,
+  wrapDisplayName,
+  withProps,
+  withRedirectTo,
+  injectModalState,
+  injectToggleState,
+  injectStorage,
+  getDisplayName,
+  setDisplayName,
+} from './hocs';
+
+import {
+  useDebouncedPromiseCallback,
+  useFormatLocalizedFieldToString,
+  useLocalizedKeyFallback,
+  usePendingRequests,
+  usePersistedTableConfiguration,
+  usePrevious,
+  useProductSelectionsFetcher,
+  useProductSelectionsTotalFetcher,
+  useRoleNotificationEffect,
+  useStorage,
+  useStoreKeysInDataFences,
+  useStoresListFetcher,
+  useTracking,
+  useTrackingContext,
+  useTrackingShared,
+} from './hooks';
+import { storesListConnectorMockHandlers } from './hooks/use-stores-list-fetcher';
+import { productSelectionsFetcherMockHandler } from './hooks/use-product-selections-fetcher';
+import { productSelectionsTotalFetcherMockHandler } from './hooks/use-product-selections-total-fetcher';
+
+import validateCustomField from './utils/filters/validation/custom-field';
+import validateDate from './utils/filters/validation/date';
+import validateNumber from './utils/filters/validation/number';
+import isEmpty from './utils/filters/is-empty';
+
+import graphqlCategoryLevelTransformer from './utils/filters/graphql/category-level';
+import graphqlDateTransformer from './utils/filters/graphql/date';
+import graphqlMissingLocaleTransformer from './utils/filters/graphql/missing-locale';
+import graphqlMissingTransformer from './utils/filters/graphql/missing';
+import graphqlNumberTransformer from './utils/filters/graphql/number';
+import graphqlQueryBuilder from './utils/filters/graphql';
+import graphqlReferenceTransformer from './utils/filters/graphql/reference';
+import graphqlTextTransformer from './utils/filters/graphql/text';
+
+import dateTransformer from './utils/filters/date';
+import customFieldsTransformer from './utils/filters/custom-fields';
+
+import { stringToBase64, base64ToString } from './utils/encodings';
+
+import {
+  injectShippingMethodsPlatformLimits,
+  injectTaxCategoriesPlatformLimits,
+  injectZonesPlatformLimits,
+  useCustomersPlatformLimits,
+  injectCustomersPlatformLimits,
+  useCustomerGroupsPlatformLimits,
+  injectCustomerGroupsPlatformLimits,
+} from './features/platform-limits';
+import { platformLimitsMockHandlers } from './features/platform-limits/test-utils';
+
+import {
+  PimIndexerProvider,
+  WithPimIndexer,
+  injectPimIndexer,
+  usePimIndexer,
+} from './features/pim-indexer';
+
+import BooleanField, {
+  messages as booleanMessages,
+} from './fields/boolean-field';
+import MissingValueField, {
+  messages as missingValueMessages,
+} from './fields/missing-value-field';
+
+import { CategorySearchPickerOptionFragment } from './actions/reference-search/category/category.ctp.graphql';
+
+import { searchCategories } from './actions/reference-search/category/category';
+import CartDiscountReferenceSearch from './components/attribute-definitions/reference-search/cart-discount-reference-search/cart-discount-reference-search';
+import CategoryReferenceSearch from './components/attribute-definitions/reference-search/category-reference-search/category-reference-search';
+import useCachedCategoryOptions from './components/attribute-definitions/reference-search/category-reference-search/use-cached-category-options';
+import ButtonGroup from './components/buttons/button-group/button-group';
+import Button from './components/buttons/button/button';
+import FileInput from './components/buttons/file-input/file-input';
+import {
+  ButtonCancel,
+  ButtonSave,
+  ButtonConfirm,
+} from './components/buttons/index';
+import FormattedDateTime from './components/formatted-date-time/formatted-date-time';
+import ModalContainer from './components/modal-container/modal-container';
+import ModalContentLayout from './components/modal-content-layout/modal-content-layout';
+import ProductAttributeInput from './components/product-attributes/product-attribute-input';
+import RequiredIndicator from './components/required-indicator/required-indicator';
+import ScrollToFieldError from './components/scroll-to-field-error/scroll-to-field-error';
+import SelectableFieldSearchInput from './components/selectable-field-search-input/selectable-field-search-input';
+import StoreSelectField from './components/store-select-field/store-select-field';
+import BusinessUnitSelectField from './components/business-unit-select-field/business-unit-select-field';
+import BusinessUnitSelectInput from './components/business-unit-select-input/business-unit-select-input';
+import useTotalNumberOfStoresFetcher from './components/store-select-input/hooks/use-total-number-of-stores-fetcher/use-total-number-of-stores-fetcher';
+import StoreSelectInput from './components/store-select-input/store-select-input';
+import validatedInput, {
+  EMAIL_REGEX,
+  VALIDATOR_REQUIRED,
+  VALIDATOR_NUMERIC,
+  VALIDATOR_INTEGER,
+} from './components/validated-input/validated-input';
+import CustomFieldsErrorTextNotification from './custom-fields/custom-fields-error-text-notification/custom-fields-error-text-notification';
+import Autocomplete from './fields/autocomplete/autocomplete';
+import CheckboxField from './fields/checkbox-field/checkbox-field';
+import ExpandableField from './fields/expandable-field/expandable-field';
+import LabelRange from './fields/label-range/label-range';
+import LabelRequired from './fields/label-required/label-required';
+import LocalizedInput from './fields/localized-input/localized-input';
+import LocalizedTextarea from './fields/localized-textarea/localized-textarea';
+import MultiValueSearchInput from './fields/multi-value-search-input/multi-value-search-input';
+import NumericFormatInput from './fields/numeric-format-input/numeric-format-input';
+import SearchInput from './fields/search-input/search-input';
+import ThrottledField from './fields/throttled-field/throttled-field';
+import { setToArray } from './utils/array-helpers/array-helpers';
+import { isEmptyValue, filterEmptyValues } from './utils/attributes/attributes';
+import buildSearchQuery from './utils/build-search-query/build-search-query';
+import {
+  getBulkNotification,
+  getCountsFromBulkSummary,
+} from './utils/bulk-notifications/get-bulk-notification';
+import capitalizeFirst from './utils/capitalize-first/capitalize-first';
+import {
+  getPathName,
+  getCategoryLevel,
+  getAncestors,
+} from './utils/categories/categories';
+import clone from './utils/clone/clone';
+import { coerceToInteger } from './utils/coerce-to-integer/coerce-to-integer';
+import {
+  convertApolloNetworkStatusToLoadingState,
+  convertApolloQueryDataToConnectorData,
+} from './utils/connector/connector';
+import { PRECISION_TYPES, DefaultPageSizes } from './utils/constants';
+import { sortDataByIdsArray } from './utils/conversions/sort-array';
+import createNextSortDefinition from './utils/create-next-sort-definition/create-next-sort-definition';
+import createReducer from './utils/create-reducer/create-reducer';
+import createResourceReducer from './utils/create-resource-reducer/create-resource-reducer';
+import formatCustomerAddress from './utils/customer/format-customer-address/format-customer-address';
+import formatCustomerName from './utils/customer/format-customer-name/format-customer-name';
+import { filterDataAttributes } from './utils/dataset/dataset';
+import {
+  isValidISODate,
+  isValidISODateTime,
+  isValidISOTime,
+} from './utils/filters/is-date/is-date';
+import {
+  validateSingleOptionEnum,
+  validateMultiOptionEnum,
+} from './utils/filters/validation/enum/enum';
+import { validateText } from './utils/filters/validation/text/text';
+import getPrefixSearchBounds from './utils/get-prefix-search-bounds/get-prefix-search-bounds';
+import {
+  extractErrorFromGraphQlResponse,
+  createGraphQlUpdateActions,
+  transformLocalizedFieldsForCategory,
+  transformCustomFieldsRawToCustomFields,
+} from './utils/graphql/graphql';
+import hasInvalidInputError from './utils/has-error-code/has-invalid-input-error';
+import hasSemanticError from './utils/has-error-code/has-semantic-error';
+import isUUID from './utils/is-uuid/is-uuid';
+import minusify from './utils/minusify/minusify';
+import omitDeep from './utils/omit-deep/omit-deep';
+import { or, exact, and, not, range, exists } from './utils/pim-query-clauses';
+import {
+  getSelectedPrice,
+  getDiscountValue,
+  getNetUnitPrice,
+  getPriceChannelName,
+  getMinimumPricesByCurrencyCode,
+} from './utils/prices/prices';
+import { convertProductSelectionFromGraphQl } from './utils/product-selections/convert-product-selection-from-graphql';
+import {
+  sortRequiresLanguage,
+  computedProperties,
+  allowedProperties,
+  resolveStatusType,
+  normalizeProductSettings,
+  getAttributeValueByType,
+  splitVariantAttributesByConstraint,
+} from './utils/products/products';
+import { sanitize } from './utils/query-string/query-string';
+import RequestCache from './utils/request-cache/request-cache';
+import shallowEqual from './utils/shallow-equal/shallow-equal';
+import shouldUpdateAttributeInput from './utils/should-update-attribute-input/should-update-attribute-input';
+import slugify from './utils/slugify/slugify';
+import swapArrayItems, {
+  reorderArrayItems,
+} from './utils/swap-array-items/swap-array-items';
+import { safelyAddFallback } from './utils/text-fallback/text-fallback';
+import {
+  getTimeZoneLabel,
+  mapTimeZonesToOptions,
+  getTimeZoneId,
+} from './utils/time-zones/time-zone-utils';
+import trackMenuClick from './utils/track-menu-click/track-menu-click';
+import { transformAllToProperNounCase } from './utils/transform-to-proper-noun-case/transform-to-proper-noun-case';
+import {
+  filterCustomTypeUpdateActionValues,
+  omitSetsOfSets,
+  getTypeNameOfType,
+  getReferenceTypeId,
+  getAttributeValueType,
+} from './utils/type-definitions/type-definitions';
+import getIndexesOfInvalidValues from './utils/validation/get-indexes-of-invalid-values';
+import withoutEmptyErrorsByField from './utils/validation/without-empty-errors-by-field';
+import withPendingRequests from './utils/with-pending-requests/with-pending-requests';
+
+export {
+  allowedProperties,
+  and,
+  attributesMapToNameValuePairs,
+  Autocomplete,
+  base64ToString,
+  BooleanField,
+  booleanMessages,
+  buildSearchQuery,
+  Button,
+  ButtonCancel,
+  ButtonConfirm,
+  ButtonGroup,
+  ButtonSave,
+  BusinessUnitSelectField,
+  BusinessUnitSelectInput,
+  businessRoles,
+  businessRoleMessages,
+  capitalizeFirst,
+  CartDiscountReferenceSearch,
+  CategoryReferenceSearch,
+  CategorySearchPickerOptionFragment,
+  CenteredLoadingSpinner,
+  CheckboxField,
+  clone,
+  coerceToInteger,
+  computedProperties,
+  convertApolloNetworkStatusToLoadingState,
+  convertApolloQueryDataToConnectorData,
+  convertProductSelectionFromGraphQl,
+  convertRatioToPercentage,
+  CountriesPicker,
+  createGraphQlUpdateActions,
+  createNextSortDefinition,
+  createReducer,
+  createResourceReducer,
+  CustomFieldDefinitionsConnector,
+  customFieldDefinitionsMockHanders,
+  CustomFieldTypeDefinitionsConnector,
+  CustomFields,
+  CustomFieldsErrorTextNotification,
+  customFieldsTransformer,
+  dateTransformer,
+  DefaultPageSizes,
+  Divider,
+  EMAIL_REGEX,
+  exact,
+  exists,
+  ExpandableField,
+  extractErrorFromGraphQlResponse,
+  FileInput,
+  filterCustomTypeUpdateActionValues,
+  filterDataAttributes,
+  filterEmptyValues,
+  formatCustomerAddress,
+  formatCustomerName,
+  formatCustomField,
+  formatDateTime,
+  formatDateRangeValue,
+  formatDiscount,
+  formatMoneyRangeValue,
+  formatMoney,
+  formatMoneyValue,
+  formatPercentage,
+  formatProductAttribute,
+  FormattedDateTime,
+  getAncestors,
+  getAttributeValueByType,
+  getAttributeValueType,
+  getBulkNotification,
+  getCategoryLevel,
+  getCountsFromBulkSummary,
+  getDiscountValue,
+  getDisplayName,
+  getFractionedAmount,
+  getIndexesOfInvalidValues,
+  getMinimumPricesByCurrencyCode,
+  getNetUnitPrice,
+  getPathName,
+  getPrefixSearchBounds,
+  getPriceChannelName,
+  getReferenceTypeId,
+  getSelectedPrice,
+  getTimeZoneId,
+  getTimeZoneLabel,
+  getTypeNameOfType,
+  graphqlCategoryLevelTransformer,
+  graphqlDateTransformer,
+  graphqlMissingLocaleTransformer,
+  graphqlMissingTransformer,
+  graphqlNumberTransformer,
+  graphqlQueryBuilder,
+  graphqlReferenceTransformer,
+  graphqlTextTransformer,
+  hasInvalidInputError,
+  hasSemanticError,
+  injectCustomerGroupsPlatformLimits,
+  injectCustomersPlatformLimits,
+  injectDataTablePaginationState,
+  injectModalState,
+  injectNotifications,
+  injectPimIndexer,
+  injectShippingMethodsPlatformLimits,
+  injectStorage,
+  injectTaxCategoriesPlatformLimits,
+  injectToggleState,
+  injectZonesPlatformLimits,
+  isEmpty,
+  isEmptyValue,
+  isUUID,
+  isValidISODate,
+  isValidISODateTime,
+  isValidISOTime,
+  keepDisplayName,
+  LabelRange,
+  LabelRequired,
+  LocalizedInput,
+  LocalizedTextarea,
+  mapTimeZonesToOptions,
+  minusify,
+  MissingValueField,
+  missingValueMessages,
+  ModalContainer,
+  ModalContentLayout,
+  MultiValueSearchInput,
+  nameValuePairsToMap,
+  normalizeProductSettings,
+  not,
+  NumericFormatInput,
+  omitDeep,
+  omitSetsOfSets,
+  or,
+  pickerMessages,
+  PimIndexerProvider,
+  PRECISION_TYPES,
+  ProductAttributeInput,
+  ProductAttributes,
+  ProductPickerInput,
+  ProductSelectionPicker,
+  productSelectionsFetcherMockHandler,
+  productSelectionsTotalFetcherMockHandler,
+  platformLimitsMockHandlers,
+  range,
+  reorderArrayItems,
+  RequestCache,
+  RequiredIndicator,
+  resolveStatusType,
+  safelyAddFallback,
+  sanitize,
+  ScrollToFieldError,
+  searchCategories,
+  SearchInput,
+  searchInputMessages,
+  SelectableFieldSearchInput,
+  setToArray,
+  setDisplayName,
+  shallowEqual,
+  shouldUpdateAttributeInput,
+  slugify,
+  sortDataByIdsArray,
+  sortRequiresLanguage,
+  splitVariantAttributesByConstraint,
+  StoreSelectField,
+  StoreSelectInput,
+  storesListConnectorMockHandlers,
+  stringToBase64,
+  swapArrayItems,
+  ThrottledField,
+  trackMenuClick,
+  transformAllToProperNounCase,
+  transformCustomFieldsRawToCustomFields,
+  transformLocalizedFieldsForCategory,
+  truncate,
+  unique,
+  uniqueObjects,
+  useBusinessUnitsListFetcherMockHandler,
+  useTotalNumberOfBusinessUnitsFetcherHandlers,
+  useCachedCategoryOptions,
+  useCustomersPlatformLimits,
+  useCustomerGroupsPlatformLimits,
+  useDebouncedPromiseCallback,
+  useFormatLocalizedFieldToString,
+  useLocalizedKeyFallback,
+  usePendingRequests,
+  usePersistedTableConfiguration,
+  usePimIndexer,
+  usePrevious,
+  useProductSelectionsFetcher,
+  useProductSelectionsTotalFetcher,
+  useRoleNotificationEffect,
+  useStorage,
+  useStoreKeysInDataFences,
+  useStoresListFetcher,
+  useTotalNumberOfStoresFetcher,
+  useTotalNumberOfStoresFetcherHandlers,
+  useTracking,
+  useTrackingContext,
+  useTrackingShared,
+  validatedInput,
+  validateCustomField,
+  validateCustomFields,
+  validateDate,
+  validateMultiOptionEnum,
+  validateSingleOptionEnum,
+  validateText,
+  validateNumber,
+  validationMessages,
+  ValidationError,
+  VALIDATOR_INTEGER,
+  VALIDATOR_NUMERIC,
+  VALIDATOR_REQUIRED,
+  withProps,
+  withoutEmptyErrorsByField,
+  withPendingRequests,
+  WithPimIndexer,
+  withRedirectTo,
+  wrapDisplayName,
+};

package/src/internal-index.js

@@ -0,0 +1,143 @@
+import * as numbers from './utils/numbers/numbers';
+
+import activeModals from './utils/active-modals';
+import { getDataAttribute } from './utils/dataset';
+
+import { messages as validationMessages, unique } from './utils/validation';
+
+import { formatDateTime, formatMoney } from './utils/formats';
+
+import {
+  injectNotifications,
+  wrapDisplayName,
+  withProps,
+  getDisplayName,
+  setDisplayName,
+} from './hocs';
+
+import {
+  useDebouncedPromiseCallback,
+  useDidFormValidationFail,
+  useFormatLocalizedFieldToString,
+  usePendingRequests,
+  useProductSelectionsFetcher,
+  useProductSelectionsTotalFetcher,
+  useStoresListFetcher,
+  useTracking,
+  useTrackingContext,
+  useTrackingShared,
+} from './hooks';
+import { storesListConnectorMockHandlers } from './hooks/use-stores-list-fetcher';
+
+import dateTransformer from './utils/filters/date';
+import localizedTextTransformer from './utils/filters/localized-string';
+
+import CenteredLoadingSpinner from './components/centered-loading-spinner/centered-loading-spinner';
+import ChannelPickerInput from './components/channel-picker-input/channel-picker-input';
+import FormattedDateTime from './components/formatted-date-time/formatted-date-time';
+
+import SearchInput from './fields/search-input/search-input';
+
+import { usePimStatus } from './features/picker/shared/hooks/use-product-type-options';
+import {
+  Option,
+  getBottomOption,
+  useHandlers,
+  useLoadOptions,
+  useProductTypeOptions,
+  useCurrentOption,
+} from './features/picker';
+
+import ProductTypePickerInput from './components/product-type-picker-input';
+import { GetProductTypesQuery } from './components/product-type-picker-input/product-type-picker-input.ctp.graphql';
+import StatePickerInput from './components/state-picker-input';
+import CustomFieldTooltip from './custom-fields/custom-fields/custom-field-tooltip';
+import useEventCallback from './hooks/use-event-callback/use-event-callback';
+import { setToArray } from './utils/array-helpers/array-helpers';
+import capitalizeFirst from './utils/capitalize-first/capitalize-first';
+import { PRECISION_TYPES } from './utils/constants';
+import { filterDataAttributes } from './utils/dataset/dataset';
+import moneyTransformer from './utils/filters/money/money';
+import timeTransformer from './utils/filters/time/time';
+
+import getPrefixSearchBounds from './utils/get-prefix-search-bounds/get-prefix-search-bounds';
+import {
+  transformLocalizedFieldsForCartDiscount,
+  transformLocalizedFieldsForCategory,
+} from './utils/graphql/graphql';
+import isUUID from './utils/is-uuid/is-uuid';
+import { getSeparatorsForLocale, isNumberish } from './utils/numbers/numbers';
+import omitDeep from './utils/omit-deep/omit-deep';
+import { getMinimumPricesByCurrencyCode } from './utils/prices/prices';
+import { convertProductSelectionFromGraphQl } from './utils/product-selections/convert-product-selection-from-graphql';
+import { sanitize } from './utils/query-string/query-string';
+import { transformAllToProperNounCase } from './utils/transform-to-proper-noun-case/transform-to-proper-noun-case';
+import {
+  omitSetsOfSets,
+  getReferenceTypeId,
+} from './utils/type-definitions/type-definitions';
+import withoutEmptyErrorsByField from './utils/validation/without-empty-errors-by-field';
+
+export {
+  activeModals,
+  capitalizeFirst,
+  CenteredLoadingSpinner,
+  ChannelPickerInput,
+  convertProductSelectionFromGraphQl,
+  CustomFieldTooltip,
+  dateTransformer,
+  filterDataAttributes,
+  formatDateTime,
+  formatMoney,
+  FormattedDateTime,
+  getBottomOption,
+  getDataAttribute,
+  getDisplayName,
+  getMinimumPricesByCurrencyCode,
+  getPrefixSearchBounds,
+  GetProductTypesQuery,
+  getReferenceTypeId,
+  getSeparatorsForLocale,
+  injectNotifications,
+  isNumberish,
+  isUUID,
+  moneyTransformer,
+  numbers,
+  omitDeep,
+  omitSetsOfSets,
+  Option,
+  PRECISION_TYPES,
+  ProductTypePickerInput,
+  sanitize,
+  SearchInput,
+  setDisplayName,
+  setToArray,
+  StatePickerInput,
+  localizedTextTransformer,
+  storesListConnectorMockHandlers,
+  timeTransformer,
+  transformAllToProperNounCase,
+  transformLocalizedFieldsForCartDiscount,
+  transformLocalizedFieldsForCategory,
+  unique,
+  useCurrentOption,
+  useDebouncedPromiseCallback,
+  useDidFormValidationFail,
+  useEventCallback,
+  useFormatLocalizedFieldToString,
+  useHandlers,
+  useLoadOptions,
+  usePendingRequests,
+  usePimStatus,
+  useProductSelectionsFetcher,
+  useProductSelectionsTotalFetcher,
+  useProductTypeOptions,
+  useStoresListFetcher,
+  useTracking,
+  useTrackingContext,
+  useTrackingShared,
+  validationMessages,
+  withoutEmptyErrorsByField,
+  withProps,
+  wrapDisplayName,
+};

package/src/utils/active-modals/active-modals.js

@@ -0,0 +1,7 @@
+export const modalQuery = '.ReactModal__Content';
+
+// Calculates the number of active modals. This can be used
+// to determine how many levels the modal should be indented.
+export default function activeModals() {
+  return document.querySelectorAll(modalQuery).length;
+}

package/src/utils/active-modals/active-modals.spec.js

@@ -0,0 +1,27 @@
+import activeModals, { modalQuery } from './active-modals';
+
+describe('modal query string', () => {
+  it('should match query selector', () => {
+    expect(modalQuery).toBe('.ReactModal__Content');
+  });
+});
+describe('when there are no modals', () => {
+  let result;
+  beforeEach(() => {
+    document.querySelectorAll = jest.fn(() => []);
+    result = activeModals();
+  });
+  it('should return 0', () => {
+    expect(result).toBe(0);
+  });
+});
+describe('when there 2 modals', () => {
+  let result;
+  beforeEach(() => {
+    document.querySelectorAll = jest.fn(() => [1, 2]);
+    result = activeModals();
+  });
+  it('should return 2', () => {
+    expect(result).toBe(2);
+  });
+});

package/src/utils/active-modals/index.js

@@ -0,0 +1 @@
+export { default } from './active-modals';

package/src/utils/ariaset/ariaset.js

@@ -0,0 +1,11 @@
+export const regexpData = /^aria-/;
+
+export function filterAriaAttributes(obj) {
+  return Object.keys(obj)
+    .filter((p) => regexpData.test(p))
+    .reduce((acc, p) => {
+      // eslint-disable-next-line no-param-reassign
+      acc[p] = obj[p];
+      return acc;
+    }, {});
+}