@commercetools-frontend/experimental-components 7.0.0 → 7.1.0

package/dist/declarations/src/components/carousel/carousel.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { type MessageDescriptor } from 'react-intl';
+import { Stamp } from '@commercetools-frontend/ui-kit';
+export type CarouselItem = {
+    /** An identifier used to create keys */
+    id: string;
+    /** The source URL for the main image content. Should be 384px x 200px. */
+    imgSrc: string;
+    /** An alt message for image accessibility */
+    imgAlt: MessageDescriptor;
+    /** The label of the header stamp */
+    stampLabel: MessageDescriptor;
+    /** UI-Kit-compatible color for the header stamp */
+    stampTone: React.ComponentProps<typeof Stamp>['tone'];
+    /** Text of the carousel slide. Shouldn't exceed ~70 characters. */
+    textContent: MessageDescriptor;
+    /** Where the content should redirect to on user click */
+    linkTo: (projectKey?: string) => string;
+    /** Governs whether the redirection happens outside of the Merchant Center. */
+    isExternal: boolean;
+    /** Feature flag to control visibility of the item */
+    flag?: string;
+};
+type CarouselProps = {
+    items: CarouselItem[];
+};
+declare const Carousel: ({ items }: CarouselProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default Carousel;

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

@@ -0,0 +1,2 @@
+export { default } from "./carousel.js";
+export type { CarouselItem } from "./carousel.js";

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

@@ -5,6 +5,7 @@ import CategoryReferenceSearch from "./components/attribute-definitions/referenc
 import useCachedCategoryOptions from "./components/attribute-definitions/reference-search/category-reference-search/use-cached-category-options.js";
 import Button from "./components/buttons/button/button.jsx";
 import FileInput from "./components/buttons/file-input/file-input.jsx";
+import Carousel, { type CarouselItem } from "./components/carousel/index.js";
 import CenteredLoadingSpinner from "./components/centered-loading-spinner/index.js";
 import ChannelPickerInput from "./components/channel-picker-input/index.js";
 import CountriesPicker from "./components/country-picker/index.js";
@@ -115,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, 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, 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/styles.css

@@ -92,6 +92,18 @@
   border-bottom-left-radius: var(--border-radius-for-input);
   border-bottom-right-radius: var(--border-radius-for-input);
 }
+/*  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 {
@@ -182,18 +194,6 @@
   flex-shrink: 1;
   margin-left: var(--spacing-s);
 }
-/*  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 throttled-field.module.css  */
 
 .throttled-field-module__size___324jx {
@@ -510,21 +510,6 @@
 .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 {
@@ -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 {
@@ -600,13 +600,13 @@
 .platform-limits-customers-combined-module__combined___OszDd {
   margin-bottom: var(--spacing-s);
 }
-/*  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;
 }
+/*  imported from platform-limits-customer-groups-combined.module.css  */
+
+.platform-limits-customer-groups-combined-module__combined___WjRoI {
+  margin-bottom: var(--spacing-s);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/experimental-components",
-  "version": "7.0.0",
+  "version": "7.1.0",
   "description": "",
   "repository": {
     "type": "git",
@@ -25,18 +25,18 @@
   "dependencies": {
     "@babel/core": "^7.22.11",
     "@babel/runtime-corejs3": "^7.21.0",
-    "@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",
+    "@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/ui-kit": "20.0.0",
+    "@commercetools-uikit/design-system": "20.0.0",
+    "@commercetools-uikit/select-utils": "20.0.0",
+    "@commercetools-uikit/utils": "20.0.0",
     "@emotion/react": "11.14.0",
     "@hello-pangea/dnd": "^18.0.1",
     "classnames": "2.5.1",
@@ -52,6 +52,7 @@
     "omit-deep": "0.3.0",
     "omit-empty-es": "1.2.0",
     "prop-types": "15.8.1",
+    "react-snap-carousel": "^0.5.1",
     "react-textarea-autosize": "8.5.4",
     "reselect": "4.1.8",
     "tiny-invariant": "1.3.3",
@@ -60,7 +61,7 @@
   },
   "devDependencies": {
     "@apollo/client": "3.12.4",
-    "@commercetools/composable-commerce-test-data": "11.1.0",
+    "@commercetools/composable-commerce-test-data": "11.1.1",
     "@testing-library/react": "16.1.0",
     "@types/debounce-promise": "3.1.9",
     "@types/jest": "^29.5.2",