@commercetools-frontend/experimental-components 6.4.6 → 7.0.0

package/dist/declarations/src/features/platform-limits/zones/hooks/use-zones-platform-limits-fetcher/use-zones-platform-limits-fetcher.d.ts

@@ -3,5 +3,5 @@ declare function useZonesPlatformLimitsFetcher(): {
     isLoading: boolean;
     error: import("@apollo/client").ApolloError | undefined;
     platformLimits: Pick<any, string | number | symbol>;
-    refetch: (variables?: Partial<{}> | undefined) => Promise<import("@apollo/client").ApolloQueryResult<any>>;
+    refetch: (variables?: Partial<import("@apollo/client").OperationVariables> | undefined) => Promise<import("@apollo/client").ApolloQueryResult<any>>;
 };

package/dist/declarations/src/fields/numeric-format-input/numeric-format-input.d.ts

@@ -25,7 +25,6 @@ export class NumericFormatInput extends PureComponent<any, any, any> {
         disabled: boolean;
     };
     constructor(props: any);
-    constructor(props: any, context: any);
     state: {
         parsedValue: any;
     };

package/dist/declarations/src/fields/search-input/search-input.d.ts

@@ -36,7 +36,6 @@ export class SearchInput extends Component<any, any, any> {
         text: any;
     } | null;
     constructor(props: any);
-    constructor(props: any, context: any);
     state: {
         initialValue: any;
         text: any;

package/dist/declarations/src/fields/throttled-field/throttled-field.d.ts

@@ -35,7 +35,6 @@ declare class ThrottledField extends PureComponent<any, any, any> {
         prevValue: any;
     } | null;
     constructor(props: any);
-    constructor(props: any, context: any);
     state: {
         draftValue: string;
         prevValue: string;

package/dist/declarations/src/hooks/index.d.ts

@@ -4,7 +4,6 @@ export { default as usePrevious } from "./use-previous/index.js";
 export { default as useStorage, type UseStorageOptions } from "./use-storage/index.js";
 export { default as useStoresListFetcher } from "./use-stores-list-fetcher/index.js";
 export { default as useStoreKeysInDataFences } from "./use-store-keys-in-data-fence/index.js";
-export { default as useDidFormValidationFail } from "./use-did-form-validation-fail/index.js";
 export { default as usePersistedReminder } from "./use-persisted-reminder/index.js";
 export { default as useRoleNotificationEffect } from "./use-role-notification-effect/index.js";
 export { default as useRoleNotification } from "./use-role-notification/index.js";
@@ -16,4 +15,3 @@ export { default as usePersistedTableConfiguration } from "./use-persisted-table
 export { default as useProductSelectionsTotalFetcher } from "./use-product-selections-total-fetcher/index.js";
 export { default as useProductSelectionsFetcher } from "./use-product-selections-fetcher/index.js";
 export { useFormatLocalizedString } from "./use-format-localized-string/index.js";
-export { useRecurrenceIntervals } from "./use-recurrence-intervals/use-recurrence-intervals.js";

package/dist/declarations/src/hooks/use-persisted-reminder/use-persisted-reminder.d.ts

@@ -1,2 +1,2 @@
 export default usePersistedReminder;
-declare function usePersistedReminder(options?: {}): (boolean | import("react").MutableRefObject<boolean> | ((reminderInterval?: any) => void))[];
+declare function usePersistedReminder(options?: {}): (boolean | import("react").RefObject<boolean> | ((reminderInterval?: any) => void))[];

package/dist/declarations/src/hooks/use-previous/use-previous.d.ts

@@ -1,2 +1,2 @@
 export default usePrevious;
-declare function usePrevious(value: any): undefined;
+declare function usePrevious(value: any): any;

package/dist/declarations/src/hooks/use-product-selections-fetcher/use-product-selections-fetcher.d.ts

@@ -2,10 +2,5 @@ export default useProductSelectionsFetcher;
 declare function useProductSelectionsFetcher(props: any): {
     isLoading: boolean;
     productSelections: any;
-    refetch: (variables?: Partial<{
-        limit: any;
-        offset: any;
-        sort: any;
-        where: any;
-    }> | undefined) => Promise<import("@apollo/client").ApolloQueryResult<any>>;
+    refetch: (variables?: Partial<import("@apollo/client").OperationVariables> | undefined) => Promise<import("@apollo/client").ApolloQueryResult<any>>;
 };

package/dist/declarations/src/hooks/use-stores-list-fetcher/use-stores-list-fetcher.d.ts

@@ -9,14 +9,7 @@ export function createQueryVariables(ownProps: any): {
 export default useStoresListFetcher;
 declare function useStoresListFetcher(props: any): {
     isLoading: boolean;
-    refetch: (variables?: Partial<{
-        excludeExtendedStoresList: any;
-        excludeProductSelections: any;
-        where?: string | undefined;
-        limit: any;
-        offset: any;
-        sort: any;
-    }> | undefined) => Promise<import("@apollo/client").ApolloQueryResult<any>>;
+    refetch: (variables?: Partial<import("@apollo/client").OperationVariables> | undefined) => Promise<import("@apollo/client").ApolloQueryResult<any>>;
     stores: {
         total: any;
         count: any;

package/dist/declarations/src/index.d.ts

@@ -14,10 +14,11 @@ import FormattedDateTime from "./components/formatted-date-time/formatted-date-t
 import { FormattedLocalizedString } from "./components/formatted-localized-string/index.js";
 import keepDisplayName from "./components/keep-display-name/index.js";
 import pickerMessages from "./components/messages.js";
-import ProductAttributes, { nameValuePairsToMap, attributesMapToNameValuePairs } from "./components/product-attributes/index.js";
+import ProductAttributes, { nameValuePairsToMap, attributesMapToNameValuePairs, attributeToCustomField } from "./components/product-attributes/index.js";
 import ProductAttributeInput from "./components/product-attributes/product-attribute-input.jsx";
 import ProductPickerInput from "./components/product-picker-input/index.js";
 import ProductSelectionPicker from "./components/product-selection-picker/index.js";
+import RecurrentIntervalPicker, { useRecurrenceIntervals } from "./components/recurrent-interval-picker/index.js";
 import RequiredIndicator from "./components/required-indicator/required-indicator.jsx";
 import ScrollToFieldError from "./components/scroll-to-field-error/scroll-to-field-error.js";
 import SelectableFieldSearchInput from "./components/selectable-field-search-input/selectable-field-search-input.jsx";
@@ -28,13 +29,14 @@ import { mapStoresToOptions } from "./components/store-select-input/utils.js";
 import validatedInput, { EMAIL_REGEX, VALIDATOR_REQUIRED, VALIDATOR_NUMERIC, VALIDATOR_INTEGER } from "./components/validated-input/validated-input.jsx";
 import CustomFieldDefinitionsConnector from "./custom-fields/custom-field-definitions-connector/index.js";
 import CustomFieldTypeDefinitionsConnector from "./custom-fields/custom-field-type-definitions-connector/index.js";
-import CustomFields, { validateCustomFields, useDnDContext } from "./custom-fields/custom-fields/index.js";
+import CustomFields, { validateCustomFields, useDnDContext, CUSTOM_FIELD_TYPES } from "./custom-fields/custom-fields/index.js";
+import CustomFieldInput from "./custom-fields/custom-fields/custom-field-input.jsx";
 import CustomFieldTooltip from "./custom-fields/custom-fields/custom-field-tooltip.jsx";
 import CustomFieldsErrorTextNotification from "./custom-fields/custom-fields-error-text-notification/custom-fields-error-text-notification.jsx";
 import CustomFieldsFormField from "./custom-fields/custom-fields-form-field/index.js";
 import { Option, getBottomOption, useLoadOptions, useCurrentOption } from "./features/picker/index.js";
 import { PimIndexerProvider, WithPimIndexer, injectPimIndexer, usePimIndexer } from "./features/pim-indexer/index.js";
-import { injectShippingMethodsPlatformLimits, useShippingMethodsPlatformLimits, injectTaxCategoriesPlatformLimits, useTaxCategoriesPlatformLimits, injectZonesPlatformLimits, useCustomersPlatformLimits, injectCustomersPlatformLimits, useCustomerGroupsPlatformLimits, injectCustomerGroupsPlatformLimits } from "./features/platform-limits/index.js";
+import { injectShippingMethodsPlatformLimits, useShippingMethodsPlatformLimits, injectTaxCategoriesPlatformLimits, useTaxCategoriesPlatformLimits, injectZonesPlatformLimits, useCustomersPlatformLimits, injectCustomersPlatformLimits, useCustomerGroupsPlatformLimits, injectCustomerGroupsPlatformLimits, useBusinessUnitsPlatformLimits, RESOURCES_WITH_PLATFORM_LIMITS, createPlatformLimitsQueryVariables, PlatformLimitsFetcherQuery, useStoresPlatformLimits } from "./features/platform-limits/index.js";
 import BooleanField, { messages as booleanMessages } from "./fields/boolean-field/index.js";
 import LabelRange from "./fields/label-range/label-range.jsx";
 import MissingValueField, { messages as missingValueMessages } from "./fields/missing-value-field/index.js";
@@ -44,7 +46,7 @@ import searchInputMessages from "./fields/search-input/messages.js";
 import SearchInput from "./fields/search-input/search-input.jsx";
 import ThrottledField from "./fields/throttled-field/throttled-field.jsx";
 import { injectDataTablePaginationState, injectNotifications, wrapDisplayName, withProps, withRedirectTo, injectModalState, injectToggleState, injectStorage, getDisplayName, setDisplayName } from "./hocs/index.js";
-import { useDebouncedPromiseCallback, useFormatLocalizedFieldToString, useIsFieldDuplicated, useLocalizedKeyFallback, usePendingRequests, usePersistedTableConfiguration, usePrevious, useProductSelectionsFetcher, useProductSelectionsTotalFetcher, useRoleNotificationEffect, useStorage, type UseStorageOptions, useStoreKeysInDataFences, useStoresListFetcher, useFormatLocalizedString, useRecurrenceIntervals } from "./hooks/index.js";
+import { useDebouncedPromiseCallback, useFormatLocalizedFieldToString, useIsFieldDuplicated, useLocalizedKeyFallback, usePendingRequests, usePersistedTableConfiguration, usePrevious, useProductSelectionsFetcher, useProductSelectionsTotalFetcher, useRoleNotificationEffect, useStorage, type UseStorageOptions, useStoreKeysInDataFences, useStoresListFetcher, useFormatLocalizedString } from "./hooks/index.js";
 import { MC_RESOURCES_WITH_KEYS } from "./hooks/use-is-field-duplicated/index.js";
 import { setToArray } from "./utils/array-helpers/array-helpers.js";
 import { isEmptyValue, filterEmptyValues } from "./utils/attributes/attributes.js";
@@ -87,7 +89,7 @@ import formatDiscount from "./utils/formats/discount/discount.js";
 import { getFractionedAmount } from "./utils/formats/money/money.js";
 import { formatPercentage, convertRatioToPercentage } from "./utils/formats/percentage/percentage.js";
 import getPrefixSearchBounds from "./utils/get-prefix-search-bounds/get-prefix-search-bounds.js";
-import { extractErrorFromGraphQlResponse, createGraphQlUpdateActions, transformLocalizedFieldsForCategory, transformCustomFieldsRawToCustomFields } from "./utils/graphql/graphql.js";
+import { extractErrorFromGraphQlResponse, createGraphQlUpdateActions, transformLocalizedFieldsForCategory, transformCustomFieldsRawToCustomFields, mapShippingRateTierToGraphQL } from "./utils/graphql/graphql.js";
 import hasInvalidInputError from "./utils/has-error-code/has-invalid-input-error.js";
 import hasSemanticError from "./utils/has-error-code/has-semantic-error.js";
 import isUUID from "./utils/is-uuid/is-uuid.js";
@@ -96,7 +98,7 @@ import omitDeep from "./utils/omit-deep/omit-deep.js";
 import { or, exact, and, not, range, exists } from "./utils/pim-query-clauses.js";
 import { getSelectedPrice, getDiscountValue, getNetUnitPrice, getPriceChannelName, getMinimumPricesByCurrencyCode } from "./utils/prices/prices.js";
 import { convertProductSelectionFromGraphQl } from "./utils/product-selections/convert-product-selection-from-graphql.js";
-import { sortRequiresLanguage, computedProperties, allowedProperties, resolveStatusType, normalizeProductSettings, getAttributeValueByType, splitVariantAttributesByConstraint } from "./utils/products/products.jsx";
+import { sortRequiresLanguage, computedProperties, allowedProperties, resolveStatusType, normalizeProductSettings, getAttributeValueByType, getStampToneByPublishState, splitVariantAttributesByConstraint } from "./utils/products/products.jsx";
 import { sanitize } from "./utils/query-string/query-string.js";
 import RequestCache from "./utils/request-cache/request-cache.js";
 import shallowEqual from "./utils/shallow-equal/shallow-equal.js";
@@ -112,5 +114,5 @@ import { messages as validationMessages, unique, uniqueObjects } from "./utils/v
 import getIndexesOfInvalidValues from "./utils/validation/get-indexes-of-invalid-values.js";
 import withoutEmptyErrorsByField from "./utils/validation/without-empty-errors-by-field.js";
 import withPendingRequests from "./utils/with-pending-requests/with-pending-requests.jsx";
-export { QUERY_LIMIT } from "./constants/index.js";
-export { allowedProperties, and, attributesMapToNameValuePairs, base64ToString, BooleanField, booleanMessages, buildSearchQuery, Button, businessRoles, businessRoleConstants, businessRoleMessages, capitalizeFirst, CartDiscountReferenceSearch, CategoryReferenceSearch, CategorySearchPickerOptionFragment, CenteredLoadingSpinner, ChannelPickerInput, CustomerGroupPickerInput, clone, coerceToInteger, computedProperties, convertApolloNetworkStatusToLoadingState, convertApolloQueryDataToConnectorData, convertProductSelectionFromGraphQl, convertRatioToPercentage, CountriesPicker, createGraphQlUpdateActions, createNextSortDefinition, createReducer, createResourceReducer, CustomFieldDefinitionsConnector, CustomFieldTypeDefinitionsConnector, CustomFields, useDnDContext as useCustomFieldsDnDContext, CustomFieldsErrorTextNotification, CustomFieldsFormField, customFieldsTransformer, CustomFieldTooltip, dateTransformer, DefaultPageSizes, Divider, EMAIL_REGEX, exact, exists, extractErrorFromGraphQlResponse, FileInput, filterCustomTypeUpdateActionValues, filterDataAttributes, filterEmptyValues, formatCustomerAddress, formatCustomerName, formatCustomField, formatDateTime, formatDateRangeValue, formatDiscount, formatMoneyRangeValue, formatMoney, formatMoneyValue, formatPercentage, formatProductAttribute, FormattedDateTime, FormattedLocalizedString, getAncestors, getAttributeValueByType, getAttributeValueType, getBottomOption, 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, mapTimeZonesToOptions, mapStoresToOptions, MC_RESOURCES_WITH_KEYS, minusify, MissingValueField, missingValueMessages, MultiValueSearchInput, nameValuePairsToMap, normalizeProductSettings, not, NumericFormatInput, omitDeep, omitSetsOfSets, or, Option, pickerMessages, PimIndexerProvider, PRECISION_TYPES, ProductAttributeInput, ProductAttributes, ProductPickerInput, ProductSelectionPicker, range, reorderArrayItems, RequestCache, RequiredIndicator, resolveStatusType, safelyAddFallback, sanitize, ScrollToFieldError, searchCategories, SearchInput, searchInputMessages, SelectableFieldSearchInput, setToArray, setDisplayName, shallowEqual, shouldUpdateAttributeInput, slugify, sortDataByIdsArray, sortRequiresLanguage, splitVariantAttributesByConstraint, StoreSelectField, StoreSelectInput, stringToBase64, swapArrayItems, ThrottledField, transformAllToProperNounCase, transformCustomFieldsRawToCustomFields, transformLocalizedFieldsForCategory, truncate, unique, uniqueObjects, useCachedCategoryOptions, useCurrentOption, useCustomersPlatformLimits, useCustomerGroupsPlatformLimits, useDebouncedPromiseCallback, useFormatLocalizedFieldToString, useFormatLocalizedString, useIsFieldDuplicated, useLocalizedKeyFallback, useLoadOptions, usePendingRequests, usePersistedTableConfiguration, usePimIndexer, usePrevious, useProductSelectionsFetcher, useProductSelectionsTotalFetcher, useRecurrenceIntervals, useRoleNotificationEffect, useStorage, type UseStorageOptions, useStoreKeysInDataFences, useStoresListFetcher, useTaxCategoriesPlatformLimits, useTotalNumberOfStoresFetcher, useShippingMethodsPlatformLimits, validatedInput, validateCustomField, validateCustomFields, validateDate, validateMultiOptionEnum, validateSingleOptionEnum, validateText, validateNumber, validationMessages, VALIDATOR_INTEGER, VALIDATOR_NUMERIC, VALIDATOR_REQUIRED, withProps, withoutEmptyErrorsByField, withPendingRequests, WithPimIndexer, withRedirectTo, wrapDisplayName, };
+export { QUERY_LIMIT, QUERY_MAX_LIMIT, LOWER_STORES_LIMIT, UPPER_STORES_LIMIT, } from "./constants/index.js";
+export { allowedProperties, and, attributesMapToNameValuePairs, attributeToCustomField, base64ToString, BooleanField, booleanMessages, buildSearchQuery, Button, businessRoles, businessRoleConstants, businessRoleMessages, capitalizeFirst, CartDiscountReferenceSearch, CategoryReferenceSearch, CategorySearchPickerOptionFragment, CenteredLoadingSpinner, ChannelPickerInput, CustomerGroupPickerInput, clone, coerceToInteger, computedProperties, convertApolloNetworkStatusToLoadingState, convertApolloQueryDataToConnectorData, convertProductSelectionFromGraphQl, convertRatioToPercentage, CountriesPicker, createGraphQlUpdateActions, createNextSortDefinition, createPlatformLimitsQueryVariables, createReducer, createResourceReducer, CustomFieldDefinitionsConnector, CustomFieldTypeDefinitionsConnector, CustomFields, useDnDContext as useCustomFieldsDnDContext, CustomFieldsErrorTextNotification, CustomFieldsFormField, CustomFieldInput, customFieldsTransformer, CustomFieldTooltip, dateTransformer, DefaultPageSizes, Divider, EMAIL_REGEX, exact, exists, extractErrorFromGraphQlResponse, FileInput, filterCustomTypeUpdateActionValues, filterDataAttributes, filterEmptyValues, formatCustomerAddress, formatCustomerName, formatCustomField, formatDateTime, formatDateRangeValue, formatDiscount, formatMoneyRangeValue, formatMoney, formatMoneyValue, formatPercentage, formatProductAttribute, FormattedDateTime, FormattedLocalizedString, getAncestors, getAttributeValueByType, getAttributeValueType, getBottomOption, getBulkNotification, getCategoryLevel, getCountsFromBulkSummary, getDiscountValue, getDisplayName, getFractionedAmount, getIndexesOfInvalidValues, getMinimumPricesByCurrencyCode, getNetUnitPrice, getPathName, getPrefixSearchBounds, getPriceChannelName, getReferenceTypeId, getSelectedPrice, getStampToneByPublishState, getTimeZoneId, getTimeZoneLabel, getTypeNameOfType, graphqlCategoryLevelTransformer, graphqlDateTransformer, graphqlMissingLocaleTransformer, graphqlMissingTransformer, graphqlNumberTransformer, graphqlQueryBuilder, graphqlReferenceTransformer, graphqlTextTransformer, hasInvalidInputError, hasSemanticError, injectCustomerGroupsPlatformLimits, useBusinessUnitsPlatformLimits, injectCustomersPlatformLimits, injectDataTablePaginationState, injectModalState, injectNotifications, injectPimIndexer, injectShippingMethodsPlatformLimits, injectStorage, injectTaxCategoriesPlatformLimits, injectToggleState, injectZonesPlatformLimits, isEmpty, isEmptyValue, isUUID, isValidISODate, isValidISODateTime, isValidISOTime, keepDisplayName, LabelRange, mapShippingRateTierToGraphQL, mapTimeZonesToOptions, mapStoresToOptions, MC_RESOURCES_WITH_KEYS, minusify, MissingValueField, missingValueMessages, MultiValueSearchInput, nameValuePairsToMap, normalizeProductSettings, not, NumericFormatInput, omitDeep, omitSetsOfSets, or, Option, pickerMessages, PimIndexerProvider, PlatformLimitsFetcherQuery, PRECISION_TYPES, ProductAttributeInput, ProductAttributes, ProductPickerInput, ProductSelectionPicker, range, RecurrentIntervalPicker, reorderArrayItems, RequestCache, RequiredIndicator, resolveStatusType, RESOURCES_WITH_PLATFORM_LIMITS, safelyAddFallback, sanitize, ScrollToFieldError, searchCategories, SearchInput, searchInputMessages, SelectableFieldSearchInput, setToArray, setDisplayName, shallowEqual, shouldUpdateAttributeInput, slugify, sortDataByIdsArray, sortRequiresLanguage, splitVariantAttributesByConstraint, StoreSelectField, StoreSelectInput, stringToBase64, swapArrayItems, ThrottledField, transformAllToProperNounCase, transformCustomFieldsRawToCustomFields, transformLocalizedFieldsForCategory, truncate, unique, uniqueObjects, useCachedCategoryOptions, useCurrentOption, useCustomersPlatformLimits, useCustomerGroupsPlatformLimits, useDebouncedPromiseCallback, useFormatLocalizedFieldToString, useFormatLocalizedString, useIsFieldDuplicated, useLocalizedKeyFallback, useLoadOptions, usePendingRequests, usePersistedTableConfiguration, usePimIndexer, usePrevious, useProductSelectionsFetcher, useProductSelectionsTotalFetcher, useRecurrenceIntervals, useRoleNotificationEffect, useStorage, type UseStorageOptions, useStoreKeysInDataFences, useStoresListFetcher, useStoresPlatformLimits, useTaxCategoriesPlatformLimits, useTotalNumberOfStoresFetcher, useShippingMethodsPlatformLimits, validatedInput, validateCustomField, validateCustomFields, CUSTOM_FIELD_TYPES, validateDate, validateMultiOptionEnum, validateSingleOptionEnum, validateText, validateNumber, validationMessages, VALIDATOR_INTEGER, VALIDATOR_NUMERIC, VALIDATOR_REQUIRED, withProps, withoutEmptyErrorsByField, withPendingRequests, WithPimIndexer, withRedirectTo, wrapDisplayName, };

package/dist/declarations/src/utils/type-definitions/type-definitions.d.ts

@@ -8,7 +8,7 @@ export function filterNotDefinedValues(values: any[] | undefined, definitionName
 export function isNotDefinedValue(value: any, definitionName: any): boolean;
 export function getReferenceTypeId(definition: any): any;
 export function getTypeNameOfType(type: any): any;
-export function getAttributeValueType(value: any): "time" | "date" | "number" | "text" | "enum" | "money" | "lenum" | "reference" | "boolean" | "ltext" | "date-time";
+export function getAttributeValueType(value: any): "time" | "date" | "text" | "ltext" | "number" | "money" | "boolean" | "enum" | "lenum" | "reference" | "date-time";
 /**
  * Filters out all of those field definitions that are not supporte by
  * CustomAttributes component which are the nested ones (Set of Sets)

package/dist/styles.css

@@ -40,6 +40,12 @@
 .validated-input-module__container___3L2KB {
   display: inline;
 }
+/*  imported from label-range.module.css  */
+
+.label-range-module__label___3Tb0p {
+  font-size: 0.9rem;
+  font-weight: bold;
+}
 /*  imported from multi-value-search-input.module.css  */
 
 .multi-value-search-input-module__container___2u64d {
@@ -86,90 +92,6 @@
   border-bottom-left-radius: var(--border-radius-for-input);
   border-bottom-right-radius: var(--border-radius-for-input);
 }
-/*  imported from throttled-field.module.css  */
-
-.throttled-field-module__size___324jx {
-  width: 100%;
-}
-
-.throttled-field-module__size___324jx {
-  min-height: var(--height-for-input);
-}
-
-.throttled-field-module__input-text___3zFFp {
-  transition: 0.2s ease;
-  border-radius: 6px;
-  border-style: solid;
-  border-width: 1px;
-  color: var(--color-solid);
-  font-weight: 500;
-  font-size: 1rem;
-  font-family: 'Open Sans', sans-serif !important;
-  padding: 7.5px 10px;
-  outline: none;
-  box-shadow: none;
-  appearance: none;
-}
-
-.throttled-field-module__input-secondary___cFo9e {
-  background-color: var(--color-neutral-95);
-  border-color: var(--color-surface);
-  width: 100%;
-}
-
-.throttled-field-module__input-primary___26G3R {
-  border-color: var(--color-neutral);
-  background-color: var(--color-surface);
-}
-
-.throttled-field-module__textarea___3ZNEs {
-  width: 100%;
-  min-height: 36px;
-  resize: vertical;
-}
-
-.throttled-field-module__textarea-primary___24Wwt {
-  border-color: var(--color-neutral);
-  background-color: var(--color-surface);
-}
-
-.throttled-field-module__textarea-secondary___2rmFG {
-  background-color: var(--color-neutral-95);
-  border-color: var(--color-surface);
-  width: 100%;
-}
-
-.throttled-field-module__invalid___1yZLW {
-  /* this needs !important because react-select has a :focus style that
-    stops the border colour being set unless the element is blurred */
-  border-color: var(--color-error) !important;
-  border: 1px solid;
-}
-
-.throttled-field-module__disabled___qVj79 {
-  cursor: not-allowed;
-  background-color: var(--color-accent-98);
-  color: var(--color-solid);
-  opacity: 1; /* fix for mobile safari */
-}
-
-.throttled-field-module__granular___2LXJf {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-  margin-left: 0;
-}
-/*  imported from numeric-format-input.module.css  */
-
-.numeric-format-input-module__invalid___3LcyE {
-  /* this needs !important because react-select has a :focus style that
-    stops the border colour being set unless the element is blurred */
-  border-color: var(--color-error) !important;
-  border: 1px solid;
-}
-
-.numeric-format-input-module__disabled___hb6h4 {
-  cursor: not-allowed;
-}
 /*  imported from search-input.module.css  */
 
 .search-input-module__block___1uM-y {
@@ -260,11 +182,89 @@
   flex-shrink: 1;
   margin-left: var(--spacing-s);
 }
-/*  imported from label-range.module.css  */
+/*  imported from numeric-format-input.module.css  */
 
-.label-range-module__label___3Tb0p {
-  font-size: 0.9rem;
-  font-weight: bold;
+.numeric-format-input-module__invalid___3LcyE {
+  /* this needs !important because react-select has a :focus style that
+    stops the border colour being set unless the element is blurred */
+  border-color: var(--color-error) !important;
+  border: 1px solid;
+}
+
+.numeric-format-input-module__disabled___hb6h4 {
+  cursor: not-allowed;
+}
+/*  imported from throttled-field.module.css  */
+
+.throttled-field-module__size___324jx {
+  width: 100%;
+}
+
+.throttled-field-module__size___324jx {
+  min-height: var(--height-for-input);
+}
+
+.throttled-field-module__input-text___3zFFp {
+  transition: 0.2s ease;
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  color: var(--color-solid);
+  font-weight: 500;
+  font-size: 1rem;
+  font-family: 'Open Sans', sans-serif !important;
+  padding: 7.5px 10px;
+  outline: none;
+  box-shadow: none;
+  appearance: none;
+}
+
+.throttled-field-module__input-secondary___cFo9e {
+  background-color: var(--color-neutral-95);
+  border-color: var(--color-surface);
+  width: 100%;
+}
+
+.throttled-field-module__input-primary___26G3R {
+  border-color: var(--color-neutral);
+  background-color: var(--color-surface);
+}
+
+.throttled-field-module__textarea___3ZNEs {
+  width: 100%;
+  min-height: 36px;
+  resize: vertical;
+}
+
+.throttled-field-module__textarea-primary___24Wwt {
+  border-color: var(--color-neutral);
+  background-color: var(--color-surface);
+}
+
+.throttled-field-module__textarea-secondary___2rmFG {
+  background-color: var(--color-neutral-95);
+  border-color: var(--color-surface);
+  width: 100%;
+}
+
+.throttled-field-module__invalid___1yZLW {
+  /* this needs !important because react-select has a :focus style that
+    stops the border colour being set unless the element is blurred */
+  border-color: var(--color-error) !important;
+  border: 1px solid;
+}
+
+.throttled-field-module__disabled___qVj79 {
+  cursor: not-allowed;
+  background-color: var(--color-accent-98);
+  color: var(--color-solid);
+  opacity: 1; /* fix for mobile safari */
+}
+
+.throttled-field-module__granular___2LXJf {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
 }
 /*  imported from button.module.css  */
 
@@ -505,6 +505,26 @@
   width: 1px;
   height: 1px;
 }
+/*  imported from custom-money-input.module.css  */
+
+.custom-money-input-module__container___1fdO2 {
+  width: 100%;
+}
+/*  imported from reference-search.module.css  */
+
+.reference-search-module__container___3-iK3 {
+  width: 100%;
+}
+
+.reference-search-module__container___3-iK3 > div {
+  width: 100%;
+}
+
+.reference-search-module__missing-label___az9AO {
+  color: var(--color-warning);
+  font-size: 0.9rem;
+  margin-left: var(--spacing-xs);
+}
 /*  imported from centered-loading-spinner.module.css  */
 
 .centered-loading-spinner-module__loading-container___3_9-h {
@@ -541,25 +561,14 @@
 .divider-module__divider-dashed___2Em8A {
   border-style: dashed;
 }
-/*  imported from reference-search.module.css  */
-
-.reference-search-module__container___3-iK3 {
-  width: 100%;
-}
-
-.reference-search-module__container___3-iK3 > div {
-  width: 100%;
-}
+/*  imported from set-buttons.module.css  */
 
-.reference-search-module__missing-label___az9AO {
-  color: var(--color-warning);
-  font-size: 0.9rem;
-  margin-left: var(--spacing-xs);
+.set-buttons-module__topAlign___3AZwc {
+  padding-top: var(--spacing-xs);
 }
-/*  imported from custom-money-input.module.css  */
 
-.custom-money-input-module__container___1fdO2 {
-  width: 100%;
+.set-buttons-module__gap___38Qr0 {
+  padding: 20px;
 }
 /*  imported from stores-search-selector.module.css  */
 
@@ -581,15 +590,6 @@
 .stores-search-selector-module__renderLabelContainer___3_PBc div:nth-of-type(1) {
   margin-top: -4px;
 }
-/*  imported from set-buttons.module.css  */
-
-.set-buttons-module__topAlign___3AZwc {
-  padding-top: var(--spacing-xs);
-}
-
-.set-buttons-module__gap___38Qr0 {
-  padding: 20px;
-}
 /*  imported from platform-limits-customers-status.module.css  */
 
 .platform-limits-customers-status-module__status___3rXYM {
@@ -600,13 +600,13 @@
 .platform-limits-customers-combined-module__combined___OszDd {
   margin-bottom: var(--spacing-s);
 }
-/*  imported from platform-limits-customer-groups-status.module.css  */
-
-.platform-limits-customer-groups-status-module__status___6099G {
-  min-width: max-content;
-}
 /*  imported from platform-limits-customer-groups-combined.module.css  */
 
 .platform-limits-customer-groups-combined-module__combined___WjRoI {
   margin-bottom: var(--spacing-s);
 }
+/*  imported from platform-limits-customer-groups-status.module.css  */
+
+.platform-limits-customer-groups-status-module__status___6099G {
+  min-width: max-content;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/experimental-components",
-  "version": "6.4.6",
+  "version": "7.0.0",
   "description": "",
   "repository": {
     "type": "git",
@@ -25,20 +25,20 @@
   "dependencies": {
     "@babel/core": "^7.22.11",
     "@babel/runtime-corejs3": "^7.21.0",
-    "@commercetools-frontend/actions-global": "npm:@commercetools-frontend/actions-global@^23.3.0",
-    "@commercetools-frontend/application-components": "npm:@commercetools-frontend/application-components@^23.3.0",
-    "@commercetools-frontend/application-shell": "npm:@commercetools-frontend/application-shell@^23.3.0",
-    "@commercetools-frontend/application-shell-connectors": "npm:@commercetools-frontend/application-shell-connectors@^23.3.0",
-    "@commercetools-frontend/constants": "npm:@commercetools-frontend/constants@^23.3.0",
-    "@commercetools-frontend/l10n": "npm:@commercetools-frontend/l10n@^23.3.0",
-    "@commercetools-frontend/sdk": "npm:@commercetools-frontend/sdk@^23.3.0",
-    "@commercetools-frontend/sentry": "npm:@commercetools-frontend/sentry@^23.3.0",
-    "@commercetools-frontend/ui-kit": "npm:@commercetools-frontend/ui-kit@^19.25.1",
-    "@commercetools-uikit/design-system": "npm:@commercetools-uikit/design-system@^19.25.1",
-    "@commercetools-uikit/select-utils": "npm:@commercetools-uikit/select-utils@^19.25.1",
-    "@commercetools-uikit/utils": "npm:@commercetools-uikit/utils@^19.25.1",
+    "@commercetools-frontend/actions-global": "fec-156-react19",
+    "@commercetools-frontend/application-components": "fec-156-react19",
+    "@commercetools-frontend/application-shell": "fec-156-react19",
+    "@commercetools-frontend/application-shell-connectors": "fec-156-react19",
+    "@commercetools-frontend/constants": "fec-156-react19",
+    "@commercetools-frontend/l10n": "fec-156-react19",
+    "@commercetools-frontend/sdk": "fec-156-react19",
+    "@commercetools-frontend/sentry": "fec-156-react19",
+    "@commercetools-frontend/ui-kit": "fec-155-react-19",
+    "@commercetools-uikit/design-system": "fec-155-react-19",
+    "@commercetools-uikit/select-utils": "fec-155-react-19",
+    "@commercetools-uikit/utils": "fec-155-react-19",
     "@emotion/react": "11.14.0",
-    "@testing-library/jest-dom": "^6.6.3",
+    "@hello-pangea/dnd": "^18.0.1",
     "classnames": "2.5.1",
     "cleave.js": "1.5.10",
     "common-tags": "1.8.2",
@@ -52,7 +52,6 @@
     "omit-deep": "0.3.0",
     "omit-empty-es": "1.2.0",
     "prop-types": "15.8.1",
-    "react-beautiful-dnd": "13.1.1",
     "react-textarea-autosize": "8.5.4",
     "reselect": "4.1.8",
     "tiny-invariant": "1.3.3",
@@ -60,20 +59,20 @@
     "uuid": "9.0.1"
   },
   "devDependencies": {
-    "@apollo/client": "3.7.10",
-    "@commercetools/composable-commerce-test-data": "11.0.0",
-    "@testing-library/react": "12.1.5",
-    "@testing-library/react-hooks": "8.0.1",
+    "@apollo/client": "3.12.4",
+    "@commercetools/composable-commerce-test-data": "11.1.0",
+    "@testing-library/react": "16.1.0",
     "@types/debounce-promise": "3.1.9",
     "@types/jest": "^29.5.2",
     "@types/react": "17.0.83",
+    "@types/testing-library__jest-dom": "^5.14.6",
     "formik": "2.4.6",
     "graphql": "16.10.0",
     "graphql-tag": "2.12.6",
     "msw": "1.3.5",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "react-intl": "6.6.8",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
+    "react-intl": "7.1.4",
     "react-redux": "7.2.9",
     "react-required-if": "1.0.3",
     "react-router-dom": "5.3.4",
@@ -85,14 +84,12 @@
   },
   "peerDependencies": {
     "@apollo/client": "3.x",
-    "@commercetools/composable-commerce-test-data": "11.0.0",
-    "@testing-library/react": "12.x",
-    "@testing-library/react-hooks": "8.x",
+    "@testing-library/react": "16.x",
     "formik": "2.x.x",
     "msw": "1.x.x",
-    "react": "17.x",
-    "react-dom": "17.x",
-    "react-intl": "6.x",
+    "react": "17.x || 19.x",
+    "react-dom": "17.x || 19.x",
+    "react-intl": "6.x || 7.x",
     "react-redux": "7.x",
     "react-required-if": "1.x.x",
     "react-router-dom": "5.x",

package/dist/declarations/src/hooks/use-did-form-validation-fail/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./use-did-form-validation-fail.js";

package/dist/declarations/src/hooks/use-did-form-validation-fail/use-did-form-validation-fail.d.ts

@@ -1 +0,0 @@
-export default function useDidFormValidationFail(): boolean;