@citygross/components 0.13.2 → 0.13.4

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/@types/components/QuantitySelector/QuantitySelector.d.ts +1 -1
  2. package/build/@types/components/QuantitySelector/QuantitySelector.types.d.ts +1 -0
  3. package/build/cjs/components/src/components/CartSummary/CartSummary.js +4 -6
  4. package/build/cjs/components/src/components/CartSummary/CartSummary.js.map +1 -1
  5. package/build/cjs/components/src/components/QuantitySelector/QuantitySelector.js +2 -2
  6. package/build/es/components/src/components/CartSummary/CartSummary.js +4 -6
  7. package/build/es/components/src/components/CartSummary/CartSummary.js.map +1 -1
  8. package/build/es/components/src/components/QuantitySelector/QuantitySelector.js +2 -2
  9. package/package.json +2 -2
package/build/@types/components/QuantitySelector/QuantitySelector.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
2
  import { TQuantitySelector } from './QuantitySelector.types';
3
- export declare const QuantitySelector: ({ id, maxQuantity, onAdd, onBlur, onChange, onSubtract, productName, quantity, size }: TQuantitySelector) => JSX.Element;
3
+ export declare const QuantitySelector: ({ id, label, maxQuantity, onAdd, onBlur, onChange, onSubtract, productName, quantity, size }: TQuantitySelector) => JSX.Element;
package/build/@types/components/QuantitySelector/QuantitySelector.types.d.ts CHANGED
@@ -6,6 +6,7 @@ export declare enum EQuantitySelectorSize {
6
6
  }
7
7
  export declare type TQuantitySelector = {
8
8
  id: string;
9
+ label: string;
9
10
  maxQuantity: number;
10
11
  onAdd: () => void;
11
12
  onBlur: () => void;
package/build/cjs/components/src/components/CartSummary/CartSummary.js CHANGED
@@ -33,8 +33,8 @@ var calculateSummaryLine = function (items) {
33
33
  return sumOfItems;
34
34
  };
35
35
  function CartSummary(_a) {
36
- var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
37
- var _v = _a.saveLabel, saveLabel = _v === void 0 ? 'Varav rabatt' : _v, _w = _a.totalLabel, totalLabel = _w === void 0 ? 'Totalt' : _w, _x = _a.itemsLabel, itemsLabel = _x === void 0 ? 'Varor' : _x, cartSummary = _tslib.__rest(_a, ["saveLabel", "totalLabel", "itemsLabel"]);
36
+ var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
37
+ var _u = _a.saveLabel, saveLabel = _u === void 0 ? 'Varav rabatt' : _u, _v = _a.totalLabel, totalLabel = _v === void 0 ? 'Totalt' : _v, _w = _a.itemsLabel, itemsLabel = _w === void 0 ? 'Varor' : _w, cartSummary = _tslib.__rest(_a, ["saveLabel", "totalLabel", "itemsLabel"]);
38
38
  var charges = (_b = cartSummary.charges) !== null && _b !== void 0 ? _b : [];
39
39
  var bags = (_c = cartSummary.bags) !== null && _c !== void 0 ? _c : [];
40
40
  var groceries = (_d = cartSummary.groceries) !== null && _d !== void 0 ? _d : [];
@@ -116,10 +116,8 @@ function CartSummary(_a) {
116
116
  React__default["default"].createElement(typography.H3, { fontWeight: "semiBold" }, totalLabel),
117
117
  React__default["default"].createElement(typography.H3, { fontWeight: "semiBold" }, utils.formatPrice(cartSummary.totalAmount))),
118
118
  cartSummary.totalDiscount > 0 && (React__default["default"].createElement(CartSummary_styles.CartLine, { role: "listitem", "aria-label": "".concat(saveLabel, " ").concat(utils.formatPrice(cartSummary.totalDiscount)) },
119
- React__default["default"].createElement(typography.BodyText, { color: (_t = index.theme === null || index.theme === void 0 ? void 0 : index.theme.palette) === null || _t === void 0 ? void 0 : _t.alertRed, size: typography.TextTypes.TextSize.SMALL }, saveLabel),
120
- React__default["default"].createElement(typography.BodyText, { color: (_u = index.theme === null || index.theme === void 0 ? void 0 : index.theme.palette) === null || _u === void 0 ? void 0 : _u.alertRed, size: typography.TextTypes.TextSize.SMALL, "aria-label": "Discount ".concat(utils.formatPrice(cartSummary.totalDiscount)) },
121
- "-",
122
- utils.formatPrice(cartSummary.totalDiscount))))))));
119
+ React__default["default"].createElement(typography.BodyText, { size: typography.TextTypes.TextSize.SMALL }, saveLabel),
120
+ React__default["default"].createElement(typography.BodyText, { color: (_t = index.theme === null || index.theme === void 0 ? void 0 : index.theme.palette) === null || _t === void 0 ? void 0 : _t.alertRed, size: typography.TextTypes.TextSize.SMALL, "aria-label": "Discount ".concat(utils.formatPrice(cartSummary.totalDiscount)) }, utils.formatPrice(cartSummary.totalDiscount))))))));
123
121
  }
124
122
 
125
123
  exports.CartSummary = CartSummary;
package/build/cjs/components/src/components/CartSummary/CartSummary.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CartSummary.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"CartSummary.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/cjs/components/src/components/QuantitySelector/QuantitySelector.js CHANGED
@@ -15,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
15
 
16
16
  var QuantitySelector = function (_a) {
17
17
  var _b, _c, _d, _e;
18
- var id = _a.id, maxQuantity = _a.maxQuantity, onAdd = _a.onAdd, onBlur = _a.onBlur, onChange = _a.onChange, onSubtract = _a.onSubtract, productName = _a.productName, quantity = _a.quantity, _f = _a.size, size = _f === void 0 ? QuantitySelector_types.EQuantitySelectorSize.large : _f;
18
+ var id = _a.id, label = _a.label, maxQuantity = _a.maxQuantity, onAdd = _a.onAdd, onBlur = _a.onBlur, onChange = _a.onChange, onSubtract = _a.onSubtract, productName = _a.productName, quantity = _a.quantity, _f = _a.size, size = _f === void 0 ? QuantitySelector_types.EQuantitySelectorSize.large : _f;
19
19
  var _g = React.useState(false), isFocused = _g[0], setIsFocused = _g[1];
20
20
  var disabledAdd = quantity >= maxQuantity;
21
21
  var disabledSubtract = quantity <= 0;
@@ -35,7 +35,7 @@ var QuantitySelector = function (_a) {
35
35
  ? (_b = designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.placeholder
36
36
  : (_c = designTokens.theme.palette) === null || _c === void 0 ? void 0 : _c.darkest, height: 16, width: 16 })),
37
37
  React__default["default"].createElement(QuantitySelector_styles.Label, null,
38
- React__default["default"].createElement(ScreenReader.ScreenReader, { string: "Ange antal" }),
38
+ React__default["default"].createElement(ScreenReader.ScreenReader, { string: label }),
39
39
  quantity === maxQuantity && !isFocused && (React__default["default"].createElement("span", { "aria-label": "Max antal ".concat(maxQuantity), "aria-live": "polite", role: "status" }, "Max")),
40
40
  React__default["default"].createElement(QuantitySelector_styles.Input, { id: id, inputMode: "numeric", isMaxQuantity: quantity === maxQuantity && !isFocused, max: maxQuantity, min: 0, onBlur: handleBlur, onChange: function (e) { return onChange(e); }, onFocus: function () { return setIsFocused(true); }, onKeyDown: handleKeyDown, pattern: "[0-9]*", type: "number", value: quantity })),
41
41
  React__default["default"].createElement(QuantitySelector_styles.StepButton, { "aria-label": "\u00D6ka antal ".concat(productName || ''), direction: "add", disabled: disabledAdd, onClick: onAdd },
package/build/es/components/src/components/CartSummary/CartSummary.js CHANGED
@@ -25,8 +25,8 @@ var calculateSummaryLine = function (items) {
25
25
  return sumOfItems;
26
26
  };
27
27
  function CartSummary(_a) {
28
- var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
29
- var _v = _a.saveLabel, saveLabel = _v === void 0 ? 'Varav rabatt' : _v, _w = _a.totalLabel, totalLabel = _w === void 0 ? 'Totalt' : _w, _x = _a.itemsLabel, itemsLabel = _x === void 0 ? 'Varor' : _x, cartSummary = __rest(_a, ["saveLabel", "totalLabel", "itemsLabel"]);
28
+ var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
29
+ var _u = _a.saveLabel, saveLabel = _u === void 0 ? 'Varav rabatt' : _u, _v = _a.totalLabel, totalLabel = _v === void 0 ? 'Totalt' : _v, _w = _a.itemsLabel, itemsLabel = _w === void 0 ? 'Varor' : _w, cartSummary = __rest(_a, ["saveLabel", "totalLabel", "itemsLabel"]);
30
30
  var charges = (_b = cartSummary.charges) !== null && _b !== void 0 ? _b : [];
31
31
  var bags = (_c = cartSummary.bags) !== null && _c !== void 0 ? _c : [];
32
32
  var groceries = (_d = cartSummary.groceries) !== null && _d !== void 0 ? _d : [];
@@ -108,10 +108,8 @@ function CartSummary(_a) {
108
108
  React.createElement(H3, { fontWeight: "semiBold" }, totalLabel),
109
109
  React.createElement(H3, { fontWeight: "semiBold" }, formatPrice(cartSummary.totalAmount))),
110
110
  cartSummary.totalDiscount > 0 && (React.createElement(CartLine, { role: "listitem", "aria-label": "".concat(saveLabel, " ").concat(formatPrice(cartSummary.totalDiscount)) },
111
- React.createElement(BodyText, { color: (_t = theme_1 === null || theme_1 === void 0 ? void 0 : theme_1.palette) === null || _t === void 0 ? void 0 : _t.alertRed, size: TextTypes.TextSize.SMALL }, saveLabel),
112
- React.createElement(BodyText, { color: (_u = theme_1 === null || theme_1 === void 0 ? void 0 : theme_1.palette) === null || _u === void 0 ? void 0 : _u.alertRed, size: TextTypes.TextSize.SMALL, "aria-label": "Discount ".concat(formatPrice(cartSummary.totalDiscount)) },
113
- "-",
114
- formatPrice(cartSummary.totalDiscount))))))));
111
+ React.createElement(BodyText, { size: TextTypes.TextSize.SMALL }, saveLabel),
112
+ React.createElement(BodyText, { color: (_t = theme_1 === null || theme_1 === void 0 ? void 0 : theme_1.palette) === null || _t === void 0 ? void 0 : _t.alertRed, size: TextTypes.TextSize.SMALL, "aria-label": "Discount ".concat(formatPrice(cartSummary.totalDiscount)) }, formatPrice(cartSummary.totalDiscount))))))));
115
113
  }
116
114
 
117
115
  export { CartSummary };
package/build/es/components/src/components/CartSummary/CartSummary.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CartSummary.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"CartSummary.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/es/components/src/components/QuantitySelector/QuantitySelector.js CHANGED
@@ -7,7 +7,7 @@ import { ScreenReader } from '../ScreenReader/ScreenReader.js';
7
7
 
8
8
  var QuantitySelector = function (_a) {
9
9
  var _b, _c, _d, _e;
10
- var id = _a.id, maxQuantity = _a.maxQuantity, onAdd = _a.onAdd, onBlur = _a.onBlur, onChange = _a.onChange, onSubtract = _a.onSubtract, productName = _a.productName, quantity = _a.quantity, _f = _a.size, size = _f === void 0 ? EQuantitySelectorSize.large : _f;
10
+ var id = _a.id, label = _a.label, maxQuantity = _a.maxQuantity, onAdd = _a.onAdd, onBlur = _a.onBlur, onChange = _a.onChange, onSubtract = _a.onSubtract, productName = _a.productName, quantity = _a.quantity, _f = _a.size, size = _f === void 0 ? EQuantitySelectorSize.large : _f;
11
11
  var _g = useState(false), isFocused = _g[0], setIsFocused = _g[1];
12
12
  var disabledAdd = quantity >= maxQuantity;
13
13
  var disabledSubtract = quantity <= 0;
@@ -27,7 +27,7 @@ var QuantitySelector = function (_a) {
27
27
  ? (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.placeholder
28
28
  : (_c = theme.palette) === null || _c === void 0 ? void 0 : _c.darkest, height: 16, width: 16 })),
29
29
  React.createElement(Label, null,
30
- React.createElement(ScreenReader, { string: "Ange antal" }),
30
+ React.createElement(ScreenReader, { string: label }),
31
31
  quantity === maxQuantity && !isFocused && (React.createElement("span", { "aria-label": "Max antal ".concat(maxQuantity), "aria-live": "polite", role: "status" }, "Max")),
32
32
  React.createElement(Input, { id: id, inputMode: "numeric", isMaxQuantity: quantity === maxQuantity && !isFocused, max: maxQuantity, min: 0, onBlur: handleBlur, onChange: function (e) { return onChange(e); }, onFocus: function () { return setIsFocused(true); }, onKeyDown: handleKeyDown, pattern: "[0-9]*", type: "number", value: quantity })),
33
33
  React.createElement(StepButton, { "aria-label": "\u00D6ka antal ".concat(productName || ''), direction: "add", disabled: disabledAdd, onClick: onAdd },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.13.2",
3
+ "version": "0.13.4",
4
4
  "license": "ISC",
5
5
  "sideEffects": false,
6
6
  "main": "./build/cjs/components/src/index.js",
@@ -75,5 +75,5 @@
75
75
  "react-slick": "^0.30.1",
76
76
  "slick-carousel": "^1.8.1"
77
77
  },
78
- "gitHead": "12b1de146c65f7cb6c8fd1db47e283494d15b1ef"
78
+ "gitHead": "16d19b8a20462869165b15188e92d45c8ab70d5b"
79
79
  }