@citygross/components 0.8.46 → 0.8.48

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 (9) hide show
  1. package/build/cjs/components/src/components/ListItem/ListItem.js +5 -1
  2. package/build/cjs/components/src/components/ListItem/ListItem.js.map +1 -1
  3. package/build/cjs/components/src/components/SelectButton/SelectButton.js +2 -4
  4. package/build/cjs/components/src/components/SelectButton/SelectButton.js.map +1 -1
  5. package/build/es/components/src/components/ListItem/ListItem.js +5 -1
  6. package/build/es/components/src/components/ListItem/ListItem.js.map +1 -1
  7. package/build/es/components/src/components/SelectButton/SelectButton.js +3 -5
  8. package/build/es/components/src/components/SelectButton/SelectButton.js.map +1 -1
  9. package/package.json +2 -2
package/build/cjs/components/src/components/ListItem/ListItem.js CHANGED
@@ -25,7 +25,11 @@ function ListItem(_a) {
25
25
  return (React__default["default"].createElement(ListItem_styles.ListItemContainer, null,
26
26
  React__default["default"].createElement(ListItem_styles.ListLeft, { usedInSearch: usedInSearch, alignment: alignment },
27
27
  React__default["default"].createElement(ListItem_styles.ListImageContainer, { isSmall: isSmall },
28
- React__default["default"].createElement(ListItem_styles.ListImage, { autoHeight: imageAutoHeight, src: (item === null || item === void 0 ? void 0 : item.image) || fallBackImage || fallback_grocery, alt: item === null || item === void 0 ? void 0 : item.name, isSmall: isSmall })),
28
+ React__default["default"].createElement(ListItem_styles.ListImage, { autoHeight: imageAutoHeight, src: (item === null || item === void 0 ? void 0 : item.image) || fallBackImage || fallback_grocery, alt: item === null || item === void 0 ? void 0 : item.name, isSmall: isSmall, onError: function (e) {
29
+ var target = e.target;
30
+ target.onerror = null;
31
+ target.src = fallBackImage || fallback_grocery;
32
+ } })),
29
33
  React__default["default"].createElement(ListItem_styles.ItemInformationContainer, { usedInSearch: usedInSearch, alignment: alignment },
30
34
  React__default["default"].createElement(typography.BodyText, { fontWeight: boldHeader ? 'semiBold' : 'regular', color: textColor || ((_b = index.theme.palette) === null || _b === void 0 ? void 0 : _b.darkest), size: isSmall
31
35
  ? typography.TextTypes.TextSize.EXTRASMALL
package/build/cjs/components/src/components/ListItem/ListItem.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ListItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ListItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/cjs/components/src/components/SelectButton/SelectButton.js CHANGED
@@ -12,13 +12,11 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
12
 
13
13
  var SelectButton = function (_a) {
14
14
  var items = _a.items, selected = _a.selected, _b = _a.width, width = _b === void 0 ? designTokens.constants.selectButtonWidth : _b;
15
- var _c = React.useState(selected), localSelected = _c[0], setSelected = _c[1];
16
- return (React__default["default"].createElement(SelectButton_styles.SelectButtonContainer, { length: items === null || items === void 0 ? void 0 : items.length, selected: localSelected, width: width }, items === null || items === void 0 ? void 0 : items.map(function (_a, i) {
15
+ return (React__default["default"].createElement(SelectButton_styles.SelectButtonContainer, { length: items === null || items === void 0 ? void 0 : items.length, selected: selected, width: width }, items === null || items === void 0 ? void 0 : items.map(function (_a, i) {
17
16
  var label = _a.label, onClick = _a.onClick;
18
17
  return (React__default["default"].createElement(SelectButton_styles.SelectButton, { key: label, onClick: function () {
19
18
  onClick && onClick();
20
- setSelected(i);
21
- }, selected: localSelected === i, width: width }, label));
19
+ }, selected: selected === i, width: width }, label));
22
20
  })));
23
21
  };
24
22
 
package/build/cjs/components/src/components/SelectButton/SelectButton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SelectButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"SelectButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/es/components/src/components/ListItem/ListItem.js CHANGED
@@ -16,7 +16,11 @@ function ListItem(_a) {
16
16
  return (React.createElement(ListItemContainer, null,
17
17
  React.createElement(ListLeft, { usedInSearch: usedInSearch, alignment: alignment },
18
18
  React.createElement(ListImageContainer, { isSmall: isSmall },
19
- React.createElement(ListImage, { autoHeight: imageAutoHeight, src: (item === null || item === void 0 ? void 0 : item.image) || fallBackImage || FallbackIcon, alt: item === null || item === void 0 ? void 0 : item.name, isSmall: isSmall })),
19
+ React.createElement(ListImage, { autoHeight: imageAutoHeight, src: (item === null || item === void 0 ? void 0 : item.image) || fallBackImage || FallbackIcon, alt: item === null || item === void 0 ? void 0 : item.name, isSmall: isSmall, onError: function (e) {
20
+ var target = e.target;
21
+ target.onerror = null;
22
+ target.src = fallBackImage || FallbackIcon;
23
+ } })),
20
24
  React.createElement(ItemInformationContainer, { usedInSearch: usedInSearch, alignment: alignment },
21
25
  React.createElement(BodyText, { fontWeight: boldHeader ? 'semiBold' : 'regular', color: textColor || ((_b = theme_1.palette) === null || _b === void 0 ? void 0 : _b.darkest), size: isSmall
22
26
  ? TextTypes.TextSize.EXTRASMALL
package/build/es/components/src/components/ListItem/ListItem.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ListItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ListItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/es/components/src/components/SelectButton/SelectButton.js CHANGED
@@ -1,16 +1,14 @@
1
- import React, { useState } from 'react';
1
+ import React from 'react';
2
2
  import { SelectButtonContainer, SelectButton as SelectButton$1 } from './SelectButton.styles.js';
3
3
  import { constants } from '@citygross/design-tokens';
4
4
 
5
5
  var SelectButton = function (_a) {
6
6
  var items = _a.items, selected = _a.selected, _b = _a.width, width = _b === void 0 ? constants.selectButtonWidth : _b;
7
- var _c = useState(selected), localSelected = _c[0], setSelected = _c[1];
8
- return (React.createElement(SelectButtonContainer, { length: items === null || items === void 0 ? void 0 : items.length, selected: localSelected, width: width }, items === null || items === void 0 ? void 0 : items.map(function (_a, i) {
7
+ return (React.createElement(SelectButtonContainer, { length: items === null || items === void 0 ? void 0 : items.length, selected: selected, width: width }, items === null || items === void 0 ? void 0 : items.map(function (_a, i) {
9
8
  var label = _a.label, onClick = _a.onClick;
10
9
  return (React.createElement(SelectButton$1, { key: label, onClick: function () {
11
10
  onClick && onClick();
12
- setSelected(i);
13
- }, selected: localSelected === i, width: width }, label));
11
+ }, selected: selected === i, width: width }, label));
14
12
  })));
15
13
  };
16
14
 
package/build/es/components/src/components/SelectButton/SelectButton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SelectButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"SelectButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.8.46",
3
+ "version": "0.8.48",
4
4
  "license": "ISC",
5
5
  "sideEffects": false,
6
6
  "main": "./build/cjs/components/src/index.js",
@@ -76,5 +76,5 @@
76
76
  "react-slick": "^0.30.1",
77
77
  "slick-carousel": "^1.8.1"
78
78
  },
79
- "gitHead": "353925f7c4e1e21f2d01d4e8b6463697a0aa4fa7"
79
+ "gitHead": "e764ab2397ecf3674ab57a7764724cf352f3667b"
80
80
  }