@commercetools-frontend/experimental-components 7.1.1 → 7.2.1

package/dist/commercetools-frontend-experimental-components.cjs.dev.js

@@ -4197,6 +4197,29 @@ function formatCustomField(_ref) {
     userTimeZone
   });
 }
+function useFormatCustomField() {
+  const intl = reactIntl.useIntl();
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
+      language: applicationContext.dataLocale,
+      languages: applicationContext.project?.languages,
+      userTimeZone: applicationContext.user?.timeZone
+    })),
+    language = _useApplicationContex.language,
+    languages = _useApplicationContex.languages,
+    userTimeZone = _useApplicationContex.userTimeZone;
+  return React.useCallback(_ref2 => {
+    let type = _ref2.type,
+      value = _ref2.value;
+    return formatCustomField({
+      type,
+      value,
+      intl,
+      language,
+      languages,
+      userTimeZone
+    });
+  }, [intl, language, languages, userTimeZone]);
+}
 
 // FIXME: delete once prefix search is supported in ctp api
 
@@ -9055,11 +9078,11 @@ const RecurrentIntervalPicker = _ref => {
     formatMessage = _useIntl.formatMessage;
   const dataLocale = applicationShellConnectors.useApplicationContext(applicationContext => applicationContext.dataLocale);
   const formatLocalizedFieldToString = useFormatLocalizedFieldToString();
-  const skip = isReadOnly && !value;
+  const skipFetch = isReadOnly && !value;
   const where = isReadOnly && value ? `id="${value}"` : undefined;
   const _useRecurrenceInterva = useRecurrenceIntervals({
       where,
-      skip
+      skip: skipFetch
     }),
     recurrencePolicies = _useRecurrenceInterva.recurrencePolicies,
     loading = _useRecurrenceInterva.loading,
@@ -9084,7 +9107,7 @@ const RecurrentIntervalPicker = _ref => {
     }
     return mapped;
   }, [recurrencePolicies, selectedIsMissingInData, value, dataLocale, formatMessage, formatLocalizedFieldToString, loading]);
-  const noRecurrentIntervalsConfigured = !loading && recurrencePolicies.length === 0;
+  const noRecurrentIntervalsConfigured = !loading && !skipFetch && recurrencePolicies.length === 0;
   React.useEffect(() => {
     if (error && onError) {
       onError(error);
@@ -9110,7 +9133,7 @@ const RecurrentIntervalPicker = _ref => {
     }) : selectedIsMissingInData ? jsxRuntime.jsx(uiKit.Text.Body, {
       tone: "negative",
       intlMessage: messages$w.missingSelectedWarning
-    }) : null, !error && !skip && noRecurrentIntervalsConfigured && jsxRuntime.jsx(uiKit.ContentNotification, {
+    }) : null, !error && noRecurrentIntervalsConfigured && jsxRuntime.jsx(uiKit.ContentNotification, {
       type: "warning",
       children: jsxRuntime.jsx(uiKit.Text.Detail, {
         intlMessage: messages$w.noRecurrentIntervalsConfigured
@@ -9167,7 +9190,8 @@ const ScrollToFieldError = () => {
         //  div is used only for custom fields
         document.querySelector(`div[aria-errormessage="${firstElementId}"]`) ?? document.querySelector(`label[for="${id}"]`) ?? document.querySelector(`label#${id}`) ?? firstErrorElement;
         elementToScrollTo.scrollIntoView?.({
-          behavior: 'smooth'
+          behavior: 'smooth',
+          block: 'center'
         });
       }
     }
@@ -14685,6 +14709,7 @@ exports.useCustomFieldsDnDContext = useDnDContext;
 exports.useCustomerGroupsPlatformLimits = useCustomerGroupsPlatformLimits$1;
 exports.useCustomersPlatformLimits = useCustomersPlatformLimits$1;
 exports.useDebouncedPromiseCallback = useDebouncedPromiseCallback$1;
+exports.useFormatCustomField = useFormatCustomField;
 exports.useFormatLocalizedFieldToString = useFormatLocalizedFieldToString;
 exports.useFormatLocalizedString = useFormatLocalizedString;
 exports.useIsFieldDuplicated = useIsFieldDuplicated$1;

package/dist/commercetools-frontend-experimental-components.cjs.prod.js

@@ -4196,6 +4196,29 @@ function formatCustomField(_ref) {
     userTimeZone
   });
 }
+function useFormatCustomField() {
+  const intl = reactIntl.useIntl();
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
+      language: applicationContext.dataLocale,
+      languages: applicationContext.project?.languages,
+      userTimeZone: applicationContext.user?.timeZone
+    })),
+    language = _useApplicationContex.language,
+    languages = _useApplicationContex.languages,
+    userTimeZone = _useApplicationContex.userTimeZone;
+  return React.useCallback(_ref2 => {
+    let type = _ref2.type,
+      value = _ref2.value;
+    return formatCustomField({
+      type,
+      value,
+      intl,
+      language,
+      languages,
+      userTimeZone
+    });
+  }, [intl, language, languages, userTimeZone]);
+}
 
 // FIXME: delete once prefix search is supported in ctp api
 
@@ -9033,11 +9056,11 @@ const RecurrentIntervalPicker = _ref => {
     formatMessage = _useIntl.formatMessage;
   const dataLocale = applicationShellConnectors.useApplicationContext(applicationContext => applicationContext.dataLocale);
   const formatLocalizedFieldToString = useFormatLocalizedFieldToString();
-  const skip = isReadOnly && !value;
+  const skipFetch = isReadOnly && !value;
   const where = isReadOnly && value ? `id="${value}"` : undefined;
   const _useRecurrenceInterva = useRecurrenceIntervals({
       where,
-      skip
+      skip: skipFetch
     }),
     recurrencePolicies = _useRecurrenceInterva.recurrencePolicies,
     loading = _useRecurrenceInterva.loading,
@@ -9062,7 +9085,7 @@ const RecurrentIntervalPicker = _ref => {
     }
     return mapped;
   }, [recurrencePolicies, selectedIsMissingInData, value, dataLocale, formatMessage, formatLocalizedFieldToString, loading]);
-  const noRecurrentIntervalsConfigured = !loading && recurrencePolicies.length === 0;
+  const noRecurrentIntervalsConfigured = !loading && !skipFetch && recurrencePolicies.length === 0;
   React.useEffect(() => {
     if (error && onError) {
       onError(error);
@@ -9088,7 +9111,7 @@ const RecurrentIntervalPicker = _ref => {
     }) : selectedIsMissingInData ? jsxRuntime.jsx(uiKit.Text.Body, {
       tone: "negative",
       intlMessage: messages$w.missingSelectedWarning
-    }) : null, !error && !skip && noRecurrentIntervalsConfigured && jsxRuntime.jsx(uiKit.ContentNotification, {
+    }) : null, !error && noRecurrentIntervalsConfigured && jsxRuntime.jsx(uiKit.ContentNotification, {
       type: "warning",
       children: jsxRuntime.jsx(uiKit.Text.Detail, {
         intlMessage: messages$w.noRecurrentIntervalsConfigured
@@ -9145,7 +9168,8 @@ const ScrollToFieldError = () => {
         //  div is used only for custom fields
         document.querySelector(`div[aria-errormessage="${firstElementId}"]`) ?? document.querySelector(`label[for="${id}"]`) ?? document.querySelector(`label#${id}`) ?? firstErrorElement;
         elementToScrollTo.scrollIntoView?.({
-          behavior: 'smooth'
+          behavior: 'smooth',
+          block: 'center'
         });
       }
     }
@@ -14655,6 +14679,7 @@ exports.useCustomFieldsDnDContext = useDnDContext;
 exports.useCustomerGroupsPlatformLimits = useCustomerGroupsPlatformLimits$1;
 exports.useCustomersPlatformLimits = useCustomersPlatformLimits$1;
 exports.useDebouncedPromiseCallback = useDebouncedPromiseCallback$1;
+exports.useFormatCustomField = useFormatCustomField;
 exports.useFormatLocalizedFieldToString = useFormatLocalizedFieldToString;
 exports.useFormatLocalizedString = useFormatLocalizedString;
 exports.useIsFieldDuplicated = useIsFieldDuplicated$1;

package/dist/commercetools-frontend-experimental-components.esm.js

@@ -4095,6 +4095,29 @@ function formatCustomField(_ref) {
     userTimeZone
   });
 }
+function useFormatCustomField() {
+  const intl = useIntl();
+  const _useApplicationContex = useApplicationContext(applicationContext => ({
+      language: applicationContext.dataLocale,
+      languages: applicationContext.project?.languages,
+      userTimeZone: applicationContext.user?.timeZone
+    })),
+    language = _useApplicationContex.language,
+    languages = _useApplicationContex.languages,
+    userTimeZone = _useApplicationContex.userTimeZone;
+  return useCallback(_ref2 => {
+    let type = _ref2.type,
+      value = _ref2.value;
+    return formatCustomField({
+      type,
+      value,
+      intl,
+      language,
+      languages,
+      userTimeZone
+    });
+  }, [intl, language, languages, userTimeZone]);
+}
 
 // FIXME: delete once prefix search is supported in ctp api
 
@@ -8953,11 +8976,11 @@ const RecurrentIntervalPicker = _ref => {
     formatMessage = _useIntl.formatMessage;
   const dataLocale = useApplicationContext(applicationContext => applicationContext.dataLocale);
   const formatLocalizedFieldToString = useFormatLocalizedFieldToString();
-  const skip = isReadOnly && !value;
+  const skipFetch = isReadOnly && !value;
   const where = isReadOnly && value ? `id="${value}"` : undefined;
   const _useRecurrenceInterva = useRecurrenceIntervals({
       where,
-      skip
+      skip: skipFetch
     }),
     recurrencePolicies = _useRecurrenceInterva.recurrencePolicies,
     loading = _useRecurrenceInterva.loading,
@@ -8982,7 +9005,7 @@ const RecurrentIntervalPicker = _ref => {
     }
     return mapped;
   }, [recurrencePolicies, selectedIsMissingInData, value, dataLocale, formatMessage, formatLocalizedFieldToString, loading]);
-  const noRecurrentIntervalsConfigured = !loading && recurrencePolicies.length === 0;
+  const noRecurrentIntervalsConfigured = !loading && !skipFetch && recurrencePolicies.length === 0;
   useEffect(() => {
     if (error && onError) {
       onError(error);
@@ -9008,7 +9031,7 @@ const RecurrentIntervalPicker = _ref => {
     }) : selectedIsMissingInData ? jsx(Text.Body, {
       tone: "negative",
       intlMessage: messages$w.missingSelectedWarning
-    }) : null, !error && !skip && noRecurrentIntervalsConfigured && jsx(ContentNotification, {
+    }) : null, !error && noRecurrentIntervalsConfigured && jsx(ContentNotification, {
       type: "warning",
       children: jsx(Text.Detail, {
         intlMessage: messages$w.noRecurrentIntervalsConfigured
@@ -9065,7 +9088,8 @@ const ScrollToFieldError = () => {
         //  div is used only for custom fields
         document.querySelector(`div[aria-errormessage="${firstElementId}"]`) ?? document.querySelector(`label[for="${id}"]`) ?? document.querySelector(`label#${id}`) ?? firstErrorElement;
         elementToScrollTo.scrollIntoView?.({
-          behavior: 'smooth'
+          behavior: 'smooth',
+          block: 'center'
         });
       }
     }
@@ -14394,4 +14418,4 @@ function withPendingRequests() {
 
 var CategorySearchPickerOptionFragment = { kind: "Document", definitions: [{ kind: "FragmentDefinition", name: { kind: "Name", value: "CategorySearchPickerOptionFragment" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "CategorySearch" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "externalId" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "slugAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "parent" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "ancestors" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }] } }], loc: { start: 0, end: 685, source: { body: "query SearchCategoryReference($locale: Locale!, $text: String!) {\n  categories: categoryAutocomplete(locale: $locale, text: $text) {\n    results {\n      ...CategorySearchPickerOptionFragment\n    }\n  }\n}\n\nquery FetchCategoriesByIds($where: String!) {\n  categories(where: $where) {\n    results {\n      id\n      nameAllLocales {\n        locale\n        value\n      }\n    }\n  }\n}\n\nfragment CategorySearchPickerOptionFragment on CategorySearch {\n  id\n  externalId\n  nameAllLocales {\n    locale\n    value\n  }\n  slugAllLocales {\n    locale\n    value\n  }\n  parent {\n    nameAllLocales {\n      locale\n      value\n    }\n  }\n  ancestors {\n    nameAllLocales {\n      locale\n      value\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 
-export { booleanField as BooleanField, Button$1 as Button, CUSTOM_FIELD_TYPES, Carousel$1 as Carousel, CartDiscountReferenceSearch, CategoryReferenceSearch, CategorySearchPickerOptionFragment, CenteredLoadingSpinner$1 as CenteredLoadingSpinner, ChannelPickerInput$1 as ChannelPickerInput, CountriesPicker, customFieldDefinitionsConnector as CustomFieldDefinitionsConnector, CustomFieldInput$1 as CustomFieldInput, CustomFieldTooltip$1 as CustomFieldTooltip, CustomFieldTypeDefinitionsConnector$1 as CustomFieldTypeDefinitionsConnector, CustomFields$1 as CustomFields, CustomFieldsErrorTextNotification$1 as CustomFieldsErrorTextNotification, CustomFieldsFormField$1 as CustomFieldsFormField, CustomerGroupPickerInput$1 as CustomerGroupPickerInput, DefaultPageSizes, Divider, EMAIL_REGEX, FileInput$1 as FileInput, FormattedDateTime$1 as FormattedDateTime, FormattedLocalizedString, LOWER_STORES_LIMIT, LabelRange$1 as LabelRange, MC_RESOURCES_WITH_KEYS, MissingValueField$1 as MissingValueField, MultiValueSearchInput$1 as MultiValueSearchInput, numericFormatInput as NumericFormatInput, Option$2 as Option, PRECISION_TYPES, pimIndexerProvider as PimIndexerProvider, PlatformLimitsFetcherQuery, ProductAttributeInput, ProductAttributes, ProductPickerInput$1 as ProductPickerInput, ProductSelectionsPicker as ProductSelectionPicker, QUERY_LIMIT, QUERY_MAX_LIMIT, RESOURCES_WITH_PLATFORM_LIMITS, RecurrentIntervalPicker$1 as RecurrentIntervalPicker, RequestCache$1 as RequestCache, RequiredIndicator$1 as RequiredIndicator, ScrollToFieldError$1 as ScrollToFieldError, searchInput as SearchInput, SelectableFieldSearchInput$1 as SelectableFieldSearchInput, StoreSelectField$1 as StoreSelectField, StoreSelectInput$1 as StoreSelectInput, ThrottledField$1 as ThrottledField, UPPER_STORES_LIMIT, VALIDATOR_INTEGER, VALIDATOR_NUMERIC, VALIDATOR_REQUIRED, WithPimIndexer$1 as WithPimIndexer, allowedProperties, and, attributeToCustomField, attributesMapToNameValuePairs, base64ToString, messages$c as booleanMessages, buildSearchQuery$1 as buildSearchQuery, businessRoleConstants$1 as businessRoleConstants, messages$7 as businessRoleMessages, businessRoleKeys$1 as businessRoles, capitalizeFirst, clone, coerceToInteger, computedProperties, convertApolloNetworkStatusToLoadingState, convertApolloQueryDataToConnectorData, convertProductSelectionFromGraphQl, convertRatioToPercentage, createGraphQlUpdateActions, createNextSortDefinition$1 as createNextSortDefinition, createPlatformLimitsQueryVariables, createReducer, createResourceReducer, customFields as customFieldsTransformer, dateTransformer$1 as dateTransformer, exact, exists, extractErrorFromGraphQlResponse, filterCustomTypeUpdateActionValues, filterDataAttributes, filterEmptyValues, formatCustomField, formatCustomerAddress, formatCustomerName, formatDateRangeValue, formatDateTime$1 as formatDateTime, formatDiscount, formatMoney$2 as formatMoney, formatMoneyRangeValue, formatMoneyValue, formatPercentage, formatAttribute as formatProductAttribute, getAncestors, getAttributeValueByType, getAttributeValueType, getBottomOption, getBulkNotification, getCategoryLevel, getCountsFromBulkSummary, getDiscountValue, getDisplayName$1 as getDisplayName, getFractionedAmount, getIndexesOfInvalidValues, getMinimumPricesByCurrencyCode, getNetUnitPrice, getPathName, getPrefixSearchBounds$1 as getPrefixSearchBounds, getPriceChannelName, getReferenceTypeId, getSelectedPrice, getStampToneByPublishState, getTimeZoneId, getTimeZoneLabel, getTypeNameOfType, graphqlCategoryLevelTransformer, dateTransformer as graphqlDateTransformer, missingLocaleTransformer as graphqlMissingLocaleTransformer, missingTransformer as graphqlMissingTransformer, numberTransformer as graphqlNumberTransformer, graphqlQueryBuilder, referenceTransformer as graphqlReferenceTransformer, textTransformer as graphqlTextTransformer, hasInvalidInputError$1 as hasInvalidInputError, hasSemanticError$1 as hasSemanticError, injectCustomerGroupsPlatformLimits$1 as injectCustomerGroupsPlatformLimits, injectCustomersPlatformLimits$1 as injectCustomersPlatformLimits, injectDataTablePaginationState$1 as injectDataTablePaginationState, injectModalState$3 as injectModalState, injectNotifications$1 as injectNotifications, injectPimIndexer, injectShippingMethodsPlatformLimits$1 as injectShippingMethodsPlatformLimits, injectStorage$1 as injectStorage, injectTaxCategoriesPlatformLimits$1 as injectTaxCategoriesPlatformLimits, injectModalState$1 as injectToggleState, injectZonesPlatformLimits$1 as injectZonesPlatformLimits, isEmptyFilter as isEmpty, isEmptyValue, isUUID$1 as isUUID, isValidISODate, isValidISODateTime, isValidISOTime, keepDisplayName$1 as keepDisplayName, mapShippingRateTierToGraphQL, mapStoresToOptions, mapTimeZonesToOptions, minusify, messages$9 as missingValueMessages, nameValuePairsToMap, normalizeProductSettings, not, omitDeep, omitSetsOfSets, or, commonPickerMessages as pickerMessages, range, reorderArrayItems, resolveStatusType, safelyAddFallback, sanitize, searchCategories, messages$O as searchInputMessages, setDisplayName$1 as setDisplayName, setToArray, shallowEqual, shouldUpdateAttributeInput, slugify, sortDataByIdsArray, sortRequiresLanguage, splitVariantAttributesByConstraint, stringToBase64, swapArrayItems, transformAllToProperNounCase, transformCustomFieldsRawToCustomFields, transformLocalizedFieldsForCategory, truncate, unique, uniqueObjects, useBusinessUnitsLimits$1 as useBusinessUnitsPlatformLimits, useCachedCategoryOptions, useCurrentOption, useDnDContext as useCustomFieldsDnDContext, useCustomerGroupsPlatformLimits$1 as useCustomerGroupsPlatformLimits, useCustomersPlatformLimits$1 as useCustomersPlatformLimits, useDebouncedPromiseCallback$1 as useDebouncedPromiseCallback, useFormatLocalizedFieldToString, useFormatLocalizedString, useIsFieldDuplicated$1 as useIsFieldDuplicated, useLoadOptions$1 as useLoadOptions, useLocalizedKeyFallback$1 as useLocalizedKeyFallback, usePendingRequests, usePersistedTableConfiguration$1 as usePersistedTableConfiguration, usePimIndexer, usePrevious$1 as usePrevious, useProductSelectionsFetcher$1 as useProductSelectionsFetcher, useProductSelectionsTotalFetcher$1 as useProductSelectionsTotalFetcher, useRecurrenceIntervals, useRoleNotificationEffect$1 as useRoleNotificationEffect, useShippingMethodsPlatformLimits, useStorage$1 as useStorage, useStoreKeysInDataFences$1 as useStoreKeysInDataFences, useStoresListFetcher$1 as useStoresListFetcher, useStoresLimits$1 as useStoresPlatformLimits, useTaxCategoriesPlatformLimits, useTotalNumberOfStoresFetcher$1 as useTotalNumberOfStoresFetcher, validateFilter$2 as validateCustomField, validations as validateCustomFields, validateFilter$1 as validateDate, validateMultiOptionEnum, validateFilter as validateNumber, validateSingleOptionEnum, validateText, validatedInput, validationMessages, withPendingRequests, withProps$1 as withProps, withRedirectTo$1 as withRedirectTo, withoutEmptyErrorsByField$1 as withoutEmptyErrorsByField, wrapDisplayName$1 as wrapDisplayName };
+export { booleanField as BooleanField, Button$1 as Button, CUSTOM_FIELD_TYPES, Carousel$1 as Carousel, CartDiscountReferenceSearch, CategoryReferenceSearch, CategorySearchPickerOptionFragment, CenteredLoadingSpinner$1 as CenteredLoadingSpinner, ChannelPickerInput$1 as ChannelPickerInput, CountriesPicker, customFieldDefinitionsConnector as CustomFieldDefinitionsConnector, CustomFieldInput$1 as CustomFieldInput, CustomFieldTooltip$1 as CustomFieldTooltip, CustomFieldTypeDefinitionsConnector$1 as CustomFieldTypeDefinitionsConnector, CustomFields$1 as CustomFields, CustomFieldsErrorTextNotification$1 as CustomFieldsErrorTextNotification, CustomFieldsFormField$1 as CustomFieldsFormField, CustomerGroupPickerInput$1 as CustomerGroupPickerInput, DefaultPageSizes, Divider, EMAIL_REGEX, FileInput$1 as FileInput, FormattedDateTime$1 as FormattedDateTime, FormattedLocalizedString, LOWER_STORES_LIMIT, LabelRange$1 as LabelRange, MC_RESOURCES_WITH_KEYS, MissingValueField$1 as MissingValueField, MultiValueSearchInput$1 as MultiValueSearchInput, numericFormatInput as NumericFormatInput, Option$2 as Option, PRECISION_TYPES, pimIndexerProvider as PimIndexerProvider, PlatformLimitsFetcherQuery, ProductAttributeInput, ProductAttributes, ProductPickerInput$1 as ProductPickerInput, ProductSelectionsPicker as ProductSelectionPicker, QUERY_LIMIT, QUERY_MAX_LIMIT, RESOURCES_WITH_PLATFORM_LIMITS, RecurrentIntervalPicker$1 as RecurrentIntervalPicker, RequestCache$1 as RequestCache, RequiredIndicator$1 as RequiredIndicator, ScrollToFieldError$1 as ScrollToFieldError, searchInput as SearchInput, SelectableFieldSearchInput$1 as SelectableFieldSearchInput, StoreSelectField$1 as StoreSelectField, StoreSelectInput$1 as StoreSelectInput, ThrottledField$1 as ThrottledField, UPPER_STORES_LIMIT, VALIDATOR_INTEGER, VALIDATOR_NUMERIC, VALIDATOR_REQUIRED, WithPimIndexer$1 as WithPimIndexer, allowedProperties, and, attributeToCustomField, attributesMapToNameValuePairs, base64ToString, messages$c as booleanMessages, buildSearchQuery$1 as buildSearchQuery, businessRoleConstants$1 as businessRoleConstants, messages$7 as businessRoleMessages, businessRoleKeys$1 as businessRoles, capitalizeFirst, clone, coerceToInteger, computedProperties, convertApolloNetworkStatusToLoadingState, convertApolloQueryDataToConnectorData, convertProductSelectionFromGraphQl, convertRatioToPercentage, createGraphQlUpdateActions, createNextSortDefinition$1 as createNextSortDefinition, createPlatformLimitsQueryVariables, createReducer, createResourceReducer, customFields as customFieldsTransformer, dateTransformer$1 as dateTransformer, exact, exists, extractErrorFromGraphQlResponse, filterCustomTypeUpdateActionValues, filterDataAttributes, filterEmptyValues, formatCustomField, formatCustomerAddress, formatCustomerName, formatDateRangeValue, formatDateTime$1 as formatDateTime, formatDiscount, formatMoney$2 as formatMoney, formatMoneyRangeValue, formatMoneyValue, formatPercentage, formatAttribute as formatProductAttribute, getAncestors, getAttributeValueByType, getAttributeValueType, getBottomOption, getBulkNotification, getCategoryLevel, getCountsFromBulkSummary, getDiscountValue, getDisplayName$1 as getDisplayName, getFractionedAmount, getIndexesOfInvalidValues, getMinimumPricesByCurrencyCode, getNetUnitPrice, getPathName, getPrefixSearchBounds$1 as getPrefixSearchBounds, getPriceChannelName, getReferenceTypeId, getSelectedPrice, getStampToneByPublishState, getTimeZoneId, getTimeZoneLabel, getTypeNameOfType, graphqlCategoryLevelTransformer, dateTransformer as graphqlDateTransformer, missingLocaleTransformer as graphqlMissingLocaleTransformer, missingTransformer as graphqlMissingTransformer, numberTransformer as graphqlNumberTransformer, graphqlQueryBuilder, referenceTransformer as graphqlReferenceTransformer, textTransformer as graphqlTextTransformer, hasInvalidInputError$1 as hasInvalidInputError, hasSemanticError$1 as hasSemanticError, injectCustomerGroupsPlatformLimits$1 as injectCustomerGroupsPlatformLimits, injectCustomersPlatformLimits$1 as injectCustomersPlatformLimits, injectDataTablePaginationState$1 as injectDataTablePaginationState, injectModalState$3 as injectModalState, injectNotifications$1 as injectNotifications, injectPimIndexer, injectShippingMethodsPlatformLimits$1 as injectShippingMethodsPlatformLimits, injectStorage$1 as injectStorage, injectTaxCategoriesPlatformLimits$1 as injectTaxCategoriesPlatformLimits, injectModalState$1 as injectToggleState, injectZonesPlatformLimits$1 as injectZonesPlatformLimits, isEmptyFilter as isEmpty, isEmptyValue, isUUID$1 as isUUID, isValidISODate, isValidISODateTime, isValidISOTime, keepDisplayName$1 as keepDisplayName, mapShippingRateTierToGraphQL, mapStoresToOptions, mapTimeZonesToOptions, minusify, messages$9 as missingValueMessages, nameValuePairsToMap, normalizeProductSettings, not, omitDeep, omitSetsOfSets, or, commonPickerMessages as pickerMessages, range, reorderArrayItems, resolveStatusType, safelyAddFallback, sanitize, searchCategories, messages$O as searchInputMessages, setDisplayName$1 as setDisplayName, setToArray, shallowEqual, shouldUpdateAttributeInput, slugify, sortDataByIdsArray, sortRequiresLanguage, splitVariantAttributesByConstraint, stringToBase64, swapArrayItems, transformAllToProperNounCase, transformCustomFieldsRawToCustomFields, transformLocalizedFieldsForCategory, truncate, unique, uniqueObjects, useBusinessUnitsLimits$1 as useBusinessUnitsPlatformLimits, useCachedCategoryOptions, useCurrentOption, useDnDContext as useCustomFieldsDnDContext, useCustomerGroupsPlatformLimits$1 as useCustomerGroupsPlatformLimits, useCustomersPlatformLimits$1 as useCustomersPlatformLimits, useDebouncedPromiseCallback$1 as useDebouncedPromiseCallback, useFormatCustomField, useFormatLocalizedFieldToString, useFormatLocalizedString, useIsFieldDuplicated$1 as useIsFieldDuplicated, useLoadOptions$1 as useLoadOptions, useLocalizedKeyFallback$1 as useLocalizedKeyFallback, usePendingRequests, usePersistedTableConfiguration$1 as usePersistedTableConfiguration, usePimIndexer, usePrevious$1 as usePrevious, useProductSelectionsFetcher$1 as useProductSelectionsFetcher, useProductSelectionsTotalFetcher$1 as useProductSelectionsTotalFetcher, useRecurrenceIntervals, useRoleNotificationEffect$1 as useRoleNotificationEffect, useShippingMethodsPlatformLimits, useStorage$1 as useStorage, useStoreKeysInDataFences$1 as useStoreKeysInDataFences, useStoresListFetcher$1 as useStoresListFetcher, useStoresLimits$1 as useStoresPlatformLimits, useTaxCategoriesPlatformLimits, useTotalNumberOfStoresFetcher$1 as useTotalNumberOfStoresFetcher, validateFilter$2 as validateCustomField, validations as validateCustomFields, validateFilter$1 as validateDate, validateMultiOptionEnum, validateFilter as validateNumber, validateSingleOptionEnum, validateText, validatedInput, validationMessages, withPendingRequests, withProps$1 as withProps, withRedirectTo$1 as withRedirectTo, withoutEmptyErrorsByField$1 as withoutEmptyErrorsByField, wrapDisplayName$1 as wrapDisplayName };

package/dist/declarations/src/components/recurrent-interval-picker/use-recurrence-intervals/mocks/handlers.d.ts

@@ -1,4 +1,4 @@
-import { TRecurrencePolicyQueryResult } from '../../../../../../types/src/generated/ctp';
+import type { TRecurrencePolicyQueryResult } from '../../../../../../types/src/generated/ctp';
 declare const handlers: {
     FetchRecurrencePolicies: {
         all: (policies?: TRecurrencePolicyQueryResult['results']) => import("msw").GraphQLHandler<import("msw").GraphQLRequest<import("msw").GraphQLVariables>>;

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

@@ -85,7 +85,7 @@ import validateDate from "./utils/filters/validation/date/index.js";
 import { validateSingleOptionEnum, validateMultiOptionEnum } from "./utils/filters/validation/enum/enum.js";
 import validateNumber from "./utils/filters/validation/number/index.js";
 import { validateText } from "./utils/filters/validation/text/text.js";
-import { formatDateTime, formatDateRangeValue, formatMoney, formatMoneyValue, formatMoneyRangeValue, formatProductAttribute, formatCustomField } from "./utils/formats/index.js";
+import { formatDateTime, formatDateRangeValue, formatMoney, formatMoneyValue, formatMoneyRangeValue, formatProductAttribute, formatCustomField, useFormatCustomField } from "./utils/formats/index.js";
 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";
@@ -116,4 +116,4 @@ import getIndexesOfInvalidValues from "./utils/validation/get-indexes-of-invalid
 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, 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, Carousel, type CarouselItem, 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, };
+export { allowedProperties, and, attributesMapToNameValuePairs, attributeToCustomField, base64ToString, BooleanField, booleanMessages, buildSearchQuery, Button, businessRoles, businessRoleConstants, businessRoleMessages, capitalizeFirst, Carousel, type CarouselItem, 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, useFormatCustomField, 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/formats/custom-field/custom-field.d.ts

@@ -7,7 +7,7 @@
  * value in `Custom Fields` contains a key of an `Enum` entry, and not an entry itself.
  * Therefore, before passing value to attributes formatter we need to replace value with Enum entry.
  */
-export default function formatCustomField({ type, value, intl, language, languages, userTimeZone, }: {
+export function formatCustomField({ type, value, intl, language, languages, userTimeZone, }: {
     type: any;
     value: any;
     intl: any;
@@ -15,3 +15,7 @@ export default function formatCustomField({ type, value, intl, language, languag
     languages: any;
     userTimeZone: any;
 }): any;
+export function useFormatCustomField(): ({ type, value }: {
+    type: any;
+    value: any;
+}) => any;

package/dist/declarations/src/utils/formats/custom-field/index.d.ts

@@ -1 +1 @@
-export { default } from "./custom-field.js";
+export { formatCustomField, useFormatCustomField } from "./custom-field.js";

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

@@ -1,4 +1,4 @@
 export { default as formatProductAttribute } from "./product-attribute/index.js";
-export { default as formatCustomField } from "./custom-field/index.js";
 export { formatDateTime, formatDateRangeValue, formatUTCOffset } from "./date/index.js";
 export { formatMoney, formatMoneyValue, formatMoneyRangeValue } from "./money/index.js";
+export { formatCustomField, useFormatCustomField } from "./custom-field/index.js";

package/dist/styles.css

@@ -519,21 +519,6 @@
   align-items: center;
   justify-content: center;
 }
-/*  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 divider.module.css  */
 
 .divider-module__divider___4-vdy {
@@ -561,6 +546,21 @@
 .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%;
+}
+
+.reference-search-module__missing-label___az9AO {
+  color: var(--color-warning);
+  font-size: 0.9rem;
+  margin-left: var(--spacing-xs);
+}
 /*  imported from set-buttons.module.css  */
 
 .set-buttons-module__topAlign___3AZwc {
@@ -595,11 +595,6 @@
 .platform-limits-customers-status-module__status___3rXYM {
   min-width: max-content;
 }
-/*  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-customers-combined.module.css  */
 
 .platform-limits-customers-combined-module__combined___OszDd {
@@ -610,3 +605,8 @@
 .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": "7.1.1",
+  "version": "7.2.1",
   "description": "",
   "repository": {
     "type": "git",
@@ -25,14 +25,14 @@
   "dependencies": {
     "@babel/core": "^7.22.11",
     "@babel/runtime-corejs3": "^7.21.0",
-    "@commercetools-frontend/actions-global": "24.0.0",
-    "@commercetools-frontend/application-components": "24.0.0",
-    "@commercetools-frontend/application-shell": "24.0.0",
-    "@commercetools-frontend/application-shell-connectors": "24.0.0",
-    "@commercetools-frontend/constants": "24.0.0",
-    "@commercetools-frontend/l10n": "24.0.0",
-    "@commercetools-frontend/sdk": "24.0.0",
-    "@commercetools-frontend/sentry": "24.0.0",
+    "@commercetools-frontend/actions-global": "24.2.0",
+    "@commercetools-frontend/application-components": "24.2.0",
+    "@commercetools-frontend/application-shell": "24.2.0",
+    "@commercetools-frontend/application-shell-connectors": "24.2.0",
+    "@commercetools-frontend/constants": "24.2.0",
+    "@commercetools-frontend/l10n": "24.2.0",
+    "@commercetools-frontend/sdk": "24.2.0",
+    "@commercetools-frontend/sentry": "24.2.0",
     "@commercetools-frontend/ui-kit": "20.0.0",
     "@commercetools-uikit/design-system": "20.0.0",
     "@commercetools-uikit/select-utils": "20.0.0",
@@ -61,7 +61,7 @@
   },
   "devDependencies": {
     "@apollo/client": "3.12.4",
-    "@commercetools/composable-commerce-test-data": "11.1.1",
+    "@commercetools/composable-commerce-test-data": "11.4.0",
     "@testing-library/react": "16.1.0",
     "@types/debounce-promise": "3.1.9",
     "@types/jest": "^29.5.2",
@@ -80,8 +80,8 @@
     "react-test-renderer": "17.0.2",
     "redux": "4.2.1",
     "typescript": "5.2.2",
-    "@commercetools-local/test-data": "1.2.19",
-    "@commercetools-local/test-utils": "1.2.20"
+    "@commercetools-local/test-data": "1.2.21",
+    "@commercetools-local/test-utils": "1.2.21"
   },
   "peerDependencies": {
     "@apollo/client": "3.x",