@commercetools-frontend/experimental-components 7.2.0 → 7.2.1

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

@@ -9078,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,
@@ -9107,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);
@@ -9133,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
@@ -9190,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'
         });
       }
     }

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

@@ -9056,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,
@@ -9085,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);
@@ -9111,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
@@ -9168,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'
         });
       }
     }

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

@@ -8976,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,
@@ -9005,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);
@@ -9031,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
@@ -9088,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'
         });
       }
     }

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/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,12 +92,6 @@
   border-bottom-left-radius: var(--border-radius-for-input);
   border-bottom-right-radius: var(--border-radius-for-input);
 }
-/*  imported from label-range.module.css  */
-
-.label-range-module__label___3Tb0p {
-  font-size: 0.9rem;
-  font-weight: bold;
-}
 /*  imported from search-input.module.css  */
 
 .search-input-module__block___1uM-y {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/experimental-components",
-  "version": "7.2.0",
+  "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.1.0",
-    "@commercetools-frontend/application-components": "24.1.0",
-    "@commercetools-frontend/application-shell": "24.1.0",
-    "@commercetools-frontend/application-shell-connectors": "24.1.0",
-    "@commercetools-frontend/constants": "24.1.0",
-    "@commercetools-frontend/l10n": "24.1.0",
-    "@commercetools-frontend/sdk": "24.1.0",
-    "@commercetools-frontend/sentry": "24.1.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.2.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,7 +80,7 @@
     "react-test-renderer": "17.0.2",
     "redux": "4.2.1",
     "typescript": "5.2.2",
-    "@commercetools-local/test-data": "1.2.20",
+    "@commercetools-local/test-data": "1.2.21",
     "@commercetools-local/test-utils": "1.2.21"
   },
   "peerDependencies": {