@commercetools-frontend/application-components 21.25.1 → 22.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/commercetools-frontend-application-components.cjs.dev.js +9 -16
  2. package/dist/commercetools-frontend-application-components.cjs.prod.js +9 -16
  3. package/dist/commercetools-frontend-application-components.esm.js +9 -15
  4. package/dist/{public-page-layout-3a346ba9.cjs.dev.js → public-page-layout-4b28944a.cjs.dev.js} +0 -1
  5. package/dist/{public-page-layout-e0af1014.esm.js → public-page-layout-4f828134.esm.js} +0 -1
  6. package/dist/{public-page-layout-5d2894fe.cjs.prod.js → public-page-layout-93a902ed.cjs.prod.js} +0 -1
  7. package/package.json +21 -21
package/dist/commercetools-frontend-application-components.cjs.dev.js CHANGED
@@ -12,7 +12,6 @@ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/ob
12
12
  var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
13
13
  var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
14
14
  var _pt = require('prop-types');
15
- var startCase = require('lodash/startCase');
16
15
  var reactIntl = require('react-intl');
17
16
  var reactRouterDom = require('react-router-dom');
18
17
  var designSystem = require('@commercetools-uikit/design-system');
@@ -60,7 +59,6 @@ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_O
60
59
  var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
61
60
  var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
62
61
  var _pt__default = /*#__PURE__*/_interopDefault(_pt);
63
- var startCase__default = /*#__PURE__*/_interopDefault(startCase);
64
62
  var Text__default = /*#__PURE__*/_interopDefault(Text);
65
63
  var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
66
64
  var _styled__default = /*#__PURE__*/_interopDefault(_styled);
@@ -87,7 +85,7 @@ var useLatest__default = /*#__PURE__*/_interopDefault(useLatest);
87
85
  var rafSchd__default = /*#__PURE__*/_interopDefault(rafSchd);
88
86
 
89
87
  // NOTE: This string will be replaced on build time with the package version.
90
- var version = "21.25.1";
88
+ var version = "22.0.0";
91
89
 
92
90
  var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12;
93
91
  const appKitSpacing55 = '40px'; // TODO: move to uikit?
@@ -267,19 +265,13 @@ const TabHeader = props => {
267
265
  label = intl.formatMessage(props.intlMessage);
268
266
  }
269
267
 
270
- const dataAttributeProps = _objectSpread$6({
271
- 'data-track-event': 'click'
272
- }, label && {
273
- 'data-track-component': startCase__default["default"](label)
274
- });
275
-
276
268
  warnIfMissingContent(props);
277
- return jsxRuntime.jsx(reactRouterDom.Link, _objectSpread$6(_objectSpread$6(_objectSpread$6({
269
+ return jsxRuntime.jsx(reactRouterDom.Link, _objectSpread$6(_objectSpread$6({
278
270
  role: "tab",
279
271
  "aria-selected": isActive,
280
272
  to: props.to,
281
273
  css: getLinkStyles(isActive, isDisabled)
282
- }, getDisabledLinkAtributes(isDisabled)), dataAttributeProps), {}, {
274
+ }, getDisabledLinkAtributes(isDisabled)), {}, {
283
275
  children: jsxRuntime.jsx(TabLabel, {
284
276
  children: label
285
277
  })
@@ -1785,7 +1777,7 @@ TabularDetailPage.PageHeaderTitle = PageHeaderTitle; // This is a convenience pr
1785
1777
 
1786
1778
  TabularDetailPage.Intl = i18n.sharedMessages;
1787
1779
 
1788
- const PublicPageLayout = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./public-page-layout-3a346ba9.cjs.dev.js'
1780
+ const PublicPageLayout = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./public-page-layout-4b28944a.cjs.dev.js'
1789
1781
  /* webpackChunkName: "public-page-layout" */
1790
1782
  ); }));
1791
1783
 
@@ -2079,14 +2071,15 @@ const getLink = msg => jsxRuntime.jsx("a", {
2079
2071
 
2080
2072
  const PageNotFound = () => {
2081
2073
  const intl = reactIntl.useIntl();
2082
- const paragraph1Message = intl.formatMessage(messages$1.paragraph1, {
2083
- a: getLink
2084
- });
2085
2074
  return jsxRuntime.jsx(MaintenancePageLayout, {
2086
2075
  imageSrc: PageNotFoundIllustration__default["default"],
2087
2076
  title: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1({}, messages$1.title)),
2088
2077
  label: intl.formatMessage(messages$1.title),
2089
- paragraph1: paragraph1Message
2078
+ paragraph1: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1(_objectSpread$1({}, messages$1.paragraph1), {}, {
2079
+ values: {
2080
+ a: getLink
2081
+ }
2082
+ }))
2090
2083
  });
2091
2084
  };
2092
2085
 
package/dist/commercetools-frontend-application-components.cjs.prod.js CHANGED
@@ -12,7 +12,6 @@ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/ob
12
12
  var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
13
13
  var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
14
14
  require('prop-types');
15
- var startCase = require('lodash/startCase');
16
15
  var reactIntl = require('react-intl');
17
16
  var reactRouterDom = require('react-router-dom');
18
17
  var designSystem = require('@commercetools-uikit/design-system');
@@ -59,7 +58,6 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
59
58
  var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
60
59
  var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
61
60
  var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
62
- var startCase__default = /*#__PURE__*/_interopDefault(startCase);
63
61
  var Text__default = /*#__PURE__*/_interopDefault(Text);
64
62
  var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
65
63
  var _styled__default = /*#__PURE__*/_interopDefault(_styled);
@@ -86,7 +84,7 @@ var useLatest__default = /*#__PURE__*/_interopDefault(useLatest);
86
84
  var rafSchd__default = /*#__PURE__*/_interopDefault(rafSchd);
87
85
 
88
86
  // NOTE: This string will be replaced on build time with the package version.
89
- var version = "21.25.1";
87
+ var version = "22.0.0";
90
88
 
91
89
  var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12;
92
90
  const appKitSpacing55 = '40px'; // TODO: move to uikit?
@@ -258,19 +256,13 @@ const TabHeader = props => {
258
256
  label = intl.formatMessage(props.intlMessage);
259
257
  }
260
258
 
261
- const dataAttributeProps = _objectSpread$6({
262
- 'data-track-event': 'click'
263
- }, label && {
264
- 'data-track-component': startCase__default["default"](label)
265
- });
266
-
267
259
  warnIfMissingContent(props);
268
- return jsxRuntime.jsx(reactRouterDom.Link, _objectSpread$6(_objectSpread$6(_objectSpread$6({
260
+ return jsxRuntime.jsx(reactRouterDom.Link, _objectSpread$6(_objectSpread$6({
269
261
  role: "tab",
270
262
  "aria-selected": isActive,
271
263
  to: props.to,
272
264
  css: getLinkStyles(isActive, isDisabled)
273
- }, getDisabledLinkAtributes(isDisabled)), dataAttributeProps), {}, {
265
+ }, getDisabledLinkAtributes(isDisabled)), {}, {
274
266
  children: jsxRuntime.jsx(TabLabel, {
275
267
  children: label
276
268
  })
@@ -1342,7 +1334,7 @@ TabularDetailPage.PageHeaderTitle = PageHeaderTitle; // This is a convenience pr
1342
1334
 
1343
1335
  TabularDetailPage.Intl = i18n.sharedMessages;
1344
1336
 
1345
- const PublicPageLayout = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./public-page-layout-5d2894fe.cjs.prod.js'
1337
+ const PublicPageLayout = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./public-page-layout-93a902ed.cjs.prod.js'
1346
1338
  /* webpackChunkName: "public-page-layout" */
1347
1339
  ); }));
1348
1340
 
@@ -1560,14 +1552,15 @@ const getLink = msg => jsxRuntime.jsx("a", {
1560
1552
 
1561
1553
  const PageNotFound = () => {
1562
1554
  const intl = reactIntl.useIntl();
1563
- const paragraph1Message = intl.formatMessage(messages$1.paragraph1, {
1564
- a: getLink
1565
- });
1566
1555
  return jsxRuntime.jsx(MaintenancePageLayout, {
1567
1556
  imageSrc: PageNotFoundIllustration__default["default"],
1568
1557
  title: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1({}, messages$1.title)),
1569
1558
  label: intl.formatMessage(messages$1.title),
1570
- paragraph1: paragraph1Message
1559
+ paragraph1: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1(_objectSpread$1({}, messages$1.paragraph1), {}, {
1560
+ values: {
1561
+ a: getLink
1562
+ }
1563
+ }))
1571
1564
  });
1572
1565
  };
1573
1566
 
package/dist/commercetools-frontend-application-components.esm.js CHANGED
@@ -8,7 +8,6 @@ import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/obje
8
8
  import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
9
9
  import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
10
10
  import _pt from 'prop-types';
11
- import startCase from 'lodash/startCase';
12
11
  import { useIntl, defineMessages, FormattedMessage } from 'react-intl';
13
12
  import { useLocation, matchPath, Link } from 'react-router-dom';
14
13
  import { designTokens as designTokens$1, transformTokensToCssVarsReferences, useTheme, customProperties } from '@commercetools-uikit/design-system';
@@ -46,7 +45,7 @@ import useLatest from '@react-hook/latest';
46
45
  import rafSchd from 'raf-schd';
47
46
 
48
47
  // NOTE: This string will be replaced on build time with the package version.
49
- var version = "21.25.1";
48
+ var version = "22.0.0";
50
49
 
51
50
  var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12;
52
51
  const appKitSpacing55 = '40px'; // TODO: move to uikit?
@@ -226,19 +225,13 @@ const TabHeader = props => {
226
225
  label = intl.formatMessage(props.intlMessage);
227
226
  }
228
227
 
229
- const dataAttributeProps = _objectSpread$6({
230
- 'data-track-event': 'click'
231
- }, label && {
232
- 'data-track-component': startCase(label)
233
- });
234
-
235
228
  warnIfMissingContent(props);
236
- return jsx(Link, _objectSpread$6(_objectSpread$6(_objectSpread$6({
229
+ return jsx(Link, _objectSpread$6(_objectSpread$6({
237
230
  role: "tab",
238
231
  "aria-selected": isActive,
239
232
  to: props.to,
240
233
  css: getLinkStyles(isActive, isDisabled)
241
- }, getDisabledLinkAtributes(isDisabled)), dataAttributeProps), {}, {
234
+ }, getDisabledLinkAtributes(isDisabled)), {}, {
242
235
  children: jsx(TabLabel, {
243
236
  children: label
244
237
  })
@@ -1744,7 +1737,7 @@ TabularDetailPage.PageHeaderTitle = PageHeaderTitle; // This is a convenience pr
1744
1737
 
1745
1738
  TabularDetailPage.Intl = sharedMessages;
1746
1739
 
1747
- const PublicPageLayout = /*#__PURE__*/lazy(() => import('./public-page-layout-e0af1014.esm.js'
1740
+ const PublicPageLayout = /*#__PURE__*/lazy(() => import('./public-page-layout-4f828134.esm.js'
1748
1741
  /* webpackChunkName: "public-page-layout" */
1749
1742
  ));
1750
1743
 
@@ -2038,14 +2031,15 @@ const getLink = msg => jsx("a", {
2038
2031
 
2039
2032
  const PageNotFound = () => {
2040
2033
  const intl = useIntl();
2041
- const paragraph1Message = intl.formatMessage(messages$1.paragraph1, {
2042
- a: getLink
2043
- });
2044
2034
  return jsx(MaintenancePageLayout, {
2045
2035
  imageSrc: PageNotFoundIllustration,
2046
2036
  title: jsx(FormattedMessage, _objectSpread$1({}, messages$1.title)),
2047
2037
  label: intl.formatMessage(messages$1.title),
2048
- paragraph1: paragraph1Message
2038
+ paragraph1: jsx(FormattedMessage, _objectSpread$1(_objectSpread$1({}, messages$1.paragraph1), {}, {
2039
+ values: {
2040
+ a: getLink
2041
+ }
2042
+ }))
2049
2043
  });
2050
2044
  };
2051
2045
 
package/dist/{public-page-layout-3a346ba9.cjs.dev.js → public-page-layout-4b28944a.cjs.dev.js} RENAMED
@@ -21,7 +21,6 @@ var Spacings = require('@commercetools-uikit/spacings');
21
21
  var Text = require('@commercetools-uikit/text');
22
22
  var dist_commercetoolsFrontendApplicationComponents = require('./commercetools-frontend-application-components.cjs.dev.js');
23
23
  var jsxRuntime = require('@emotion/react/jsx-runtime');
24
- require('lodash/startCase');
25
24
  require('react-intl');
26
25
  require('react-router-dom');
27
26
  require('@commercetools-uikit/utils');
package/dist/{public-page-layout-e0af1014.esm.js → public-page-layout-4f828134.esm.js} RENAMED
@@ -19,7 +19,6 @@ import Spacings from '@commercetools-uikit/spacings';
19
19
  import Text from '@commercetools-uikit/text';
20
20
  import { designTokens } from './commercetools-frontend-application-components.esm.js';
21
21
  import { jsx, jsxs } from '@emotion/react/jsx-runtime';
22
- import 'lodash/startCase';
23
22
  import 'react-intl';
24
23
  import 'react-router-dom';
25
24
  import '@commercetools-uikit/utils';
package/dist/{public-page-layout-5d2894fe.cjs.prod.js → public-page-layout-93a902ed.cjs.prod.js} RENAMED
@@ -21,7 +21,6 @@ var Spacings = require('@commercetools-uikit/spacings');
21
21
  var Text = require('@commercetools-uikit/text');
22
22
  var dist_commercetoolsFrontendApplicationComponents = require('./commercetools-frontend-application-components.cjs.prod.js');
23
23
  var jsxRuntime = require('@emotion/react/jsx-runtime');
24
- require('lodash/startCase');
25
24
  require('react-intl');
26
25
  require('react-router-dom');
27
26
  require('@commercetools-uikit/utils');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@commercetools-frontend/application-components",
3
- "version": "21.25.1",
3
+ "version": "22.0.0",
4
4
  "description": "Generic components for building Merchant Center applications",
5
5
  "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
6
6
  "repository": {
@@ -29,24 +29,24 @@
29
29
  "dependencies": {
30
30
  "@babel/runtime": "^7.20.13",
31
31
  "@babel/runtime-corejs3": "^7.20.13",
32
- "@commercetools-frontend/application-shell-connectors": "21.25.1",
33
- "@commercetools-frontend/assets": "21.25.1",
34
- "@commercetools-frontend/constants": "21.25.1",
35
- "@commercetools-frontend/i18n": "21.25.1",
36
- "@commercetools-frontend/l10n": "21.25.1",
37
- "@commercetools-uikit/card": "^15.15.0",
38
- "@commercetools-uikit/constraints": "^15.15.0",
39
- "@commercetools-uikit/design-system": "^15.15.0",
40
- "@commercetools-uikit/flat-button": "^15.15.0",
41
- "@commercetools-uikit/icon-button": "^15.15.0",
42
- "@commercetools-uikit/icons": "^15.15.0",
43
- "@commercetools-uikit/messages": "^15.15.0",
44
- "@commercetools-uikit/primary-button": "^15.15.0",
45
- "@commercetools-uikit/secondary-button": "^15.15.0",
46
- "@commercetools-uikit/secondary-icon-button": "^15.15.0",
47
- "@commercetools-uikit/spacings": "^15.15.0",
48
- "@commercetools-uikit/text": "^15.15.0",
49
- "@commercetools-uikit/utils": "^15.15.0",
32
+ "@commercetools-frontend/application-shell-connectors": "22.0.0",
33
+ "@commercetools-frontend/assets": "22.0.0",
34
+ "@commercetools-frontend/constants": "22.0.0",
35
+ "@commercetools-frontend/i18n": "22.0.0",
36
+ "@commercetools-frontend/l10n": "22.0.0",
37
+ "@commercetools-uikit/card": "^16.0.0",
38
+ "@commercetools-uikit/constraints": "^16.0.0",
39
+ "@commercetools-uikit/design-system": "^16.0.0",
40
+ "@commercetools-uikit/flat-button": "^16.0.0",
41
+ "@commercetools-uikit/icon-button": "^16.0.0",
42
+ "@commercetools-uikit/icons": "^16.0.0",
43
+ "@commercetools-uikit/messages": "^16.0.0",
44
+ "@commercetools-uikit/primary-button": "^16.0.0",
45
+ "@commercetools-uikit/secondary-button": "^16.0.0",
46
+ "@commercetools-uikit/secondary-icon-button": "^16.0.0",
47
+ "@commercetools-uikit/spacings": "^16.0.0",
48
+ "@commercetools-uikit/text": "^16.0.0",
49
+ "@commercetools-uikit/utils": "^16.0.0",
50
50
  "@emotion/react": "11.10.6",
51
51
  "@emotion/styled": "11.10.6",
52
52
  "@react-hook/latest": "1.0.3",
@@ -67,13 +67,13 @@
67
67
  "@types/raf-schd": "^4.0.1",
68
68
  "react": "17.0.2",
69
69
  "react-dom": "17.0.2",
70
- "react-intl": "^5.25.1",
70
+ "react-intl": "^6.3.2",
71
71
  "react-router-dom": "5.3.4"
72
72
  },
73
73
  "peerDependencies": {
74
74
  "react": "17.x",
75
75
  "react-dom": "17.x",
76
- "react-intl": "5.x",
76
+ "react-intl": "6.x",
77
77
  "react-router-dom": "5.x"
78
78
  }
79
79
  }