@citygross/components 0.7.53 → 0.7.57

package/build/@types/components/CartItemSummary/CartItemSummary.d.ts

@@ -1,5 +1,7 @@
 import { TSummaryItem } from '../CartSummary/CartSummary';
 export declare type TCartItemSummary = {
     product: TSummaryItem;
+    withParenthesis?: boolean;
+    unit?: string;
 };
-export declare function CartItemSummary({ product }: TCartItemSummary): JSX.Element;
+export declare function CartItemSummary({ product, withParenthesis, unit }: TCartItemSummary): JSX.Element;

package/build/@types/components/Header/Header.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 export declare type THeader = {
-    logoImage: JSX.Element;
+    logoImage?: JSX.Element;
     logOut?: () => void;
     logOutLabel?: string;
     children?: ReactNode;

package/build/@types/components/Logo/Logo.d.ts

@@ -1,4 +1,4 @@
 export declare type TLogo = {
-    logoImage: JSX.Element;
+    logoImage?: JSX.Element;
 };
 export declare function Logo({ logoImage }: TLogo): JSX.Element;

package/build/@types/components/WarningLabel/WarningLabel.d.ts

@@ -2,5 +2,6 @@ import React from 'react';
 export declare type TWarningLabel = {
     children: React.ReactNode;
     background: string;
+    toolTip?: React.ReactNode;
 };
-export declare function WarningLabel({ children, background }: TWarningLabel): JSX.Element;
+export declare function WarningLabel({ children, background, toolTip }: TWarningLabel): JSX.Element;

package/build/@types/components/WarningLabel/WarningLabel.styles.d.ts

@@ -1,4 +1,6 @@
-export declare type TSlotReservationIndicator = {
+/// <reference types="react" />
+export declare type TWarningIndicator = {
     background?: string;
+    toolTip?: React.ReactNode;
 };
-export declare const SlotReservationIndicator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TSlotReservationIndicator, never>;
+export declare const WarningIndicator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TWarningIndicator, never>;

package/build/cjs/components/src/components/CartItemSummary/CartItemSummary.js

@@ -14,17 +14,17 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Skeleton__default = /*#__PURE__*/_interopDefaultLegacy(Skeleton);
 
 function CartItemSummary(_a) {
-    var product = _a.product;
+    var product = _a.product, withParenthesis = _a.withParenthesis, _b = _a.unit, unit = _b === void 0 ? "st" : _b;
     return (React__default['default'].createElement(CartItemSummary_styles.CartItemSummaryWrapper, null,
         product &&
             (product.amount === 0 || product.amount) &&
             (product === null || product === void 0 ? void 0 : product.cancelledQuantity) !== 0 &&
             (product === null || product === void 0 ? void 0 : product.cancelledQuantity) && (React__default['default'].createElement(CartItemSummary_styles.CancelledWrapper, null,
             React__default['default'].createElement(typography.BodyText, { size: typography.TextTypes.TextSize.SMALL, lineThrough: true }, (product === null || product === void 0 ? void 0 : product.cancelledQuantity) ? (product.cancelledQuantity + " st") : (React__default['default'].createElement(Skeleton__default['default'], { width: 100 }))),
-            React__default['default'].createElement(CartItemSummary_styles.AmountText, { lineThrough: true }, product ? (utils.formatPrice(product.cancelledAmount)) : (React__default['default'].createElement(Skeleton__default['default'], { width: 100 }))))),
+            React__default['default'].createElement(CartItemSummary_styles.AmountText, { lineThrough: true, fontWeight: withParenthesis ? 'regular' : 'semiBold' }, product ? (utils.formatPrice(product.cancelledAmount, withParenthesis)) : (React__default['default'].createElement(Skeleton__default['default'], { width: 100 }))))),
         React__default['default'].createElement(CartItemSummary_styles.ItemInformationContainer, null,
-            React__default['default'].createElement(typography.BodyText, { size: typography.TextTypes.TextSize.SMALL }, (product === null || product === void 0 ? void 0 : product.quantity) || (product === null || product === void 0 ? void 0 : product.quantity) === 0 ? (product.quantity + " st") : (React__default['default'].createElement(Skeleton__default['default'], { width: 100 }))),
-            React__default['default'].createElement(CartItemSummary_styles.AmountText, null, product ? utils.formatPrice(product.amount) : React__default['default'].createElement(Skeleton__default['default'], { width: 100 })))));
+            React__default['default'].createElement(typography.BodyText, { size: typography.TextTypes.TextSize.SMALL }, (product === null || product === void 0 ? void 0 : product.quantity) || (product === null || product === void 0 ? void 0 : product.quantity) === 0 ? (product.quantity + " " + unit) : (React__default['default'].createElement(Skeleton__default['default'], { width: 100 }))),
+            React__default['default'].createElement(CartItemSummary_styles.AmountText, { fontWeight: withParenthesis ? 'regular' : 'semiBold' }, product ? (utils.formatPrice(product.amount, withParenthesis)) : (React__default['default'].createElement(Skeleton__default['default'], { width: 100 }))))));
 }
 
 exports.CartItemSummary = CartItemSummary;

package/build/cjs/components/src/components/Header/Header.js

@@ -21,10 +21,10 @@ function Header(_a) {
     var device = utils.useDetectDevice();
     return (React__default['default'].createElement(Header_styles.Wrapper, null,
         topLinkLabel && topLinkHref && (React__default['default'].createElement(HeaderLink.HeaderLink, { linkHref: topLinkHref, icon: React__default['default'].createElement(Icon.Icons.ChevronLeft, { width: 20, height: 20, color: (_c = designTokens.theme.palette) === null || _c === void 0 ? void 0 : _c.white }), linkLabel: topLinkLabel })),
-        React__default['default'].createElement(Header_styles.HeaderWrapper, null,
+        (logoImage || logOutLabel) && (React__default['default'].createElement(Header_styles.HeaderWrapper, null,
             React__default['default'].createElement(Header_styles.HeaderContainer, { maxWidth: lowerContainerMaxWidth },
-                React__default['default'].createElement(Logo.Logo, { logoImage: logoImage }),
-                logOut && (React__default['default'].createElement(Button.Button, { onClick: function () { return logOut && logOut(); }, color: 'white', size: device.isMobile ? 'medium' : 'large' }, logOutLabel)))),
+                logoImage && React__default['default'].createElement(Logo.Logo, { logoImage: logoImage }),
+                logOut && (React__default['default'].createElement(Button.Button, { onClick: function () { return logOut && logOut(); }, color: 'white', size: device.isMobile ? 'medium' : 'large' }, logOutLabel))))),
         children && React__default['default'].createElement(Header_styles.MenuContainer, null, children)));
 }
 

package/build/cjs/components/src/components/Logo/Logo.styles.js

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var Logo = styled__default['default'].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  position: relative;\n\n  width: 163px;\n  height: 62px;\n"], ["\n  display: flex;\n  align-items: center;\n  position: relative;\n\n  width: 163px;\n  height: 62px;\n"])));
+var Logo = styled__default['default'].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  position: relative;\n"], ["\n  display: flex;\n  align-items: center;\n  position: relative;\n"])));
 var templateObject_1;
 
 exports.Logo = Logo;

package/build/cjs/components/src/components/WarningLabel/WarningLabel.js

@@ -3,6 +3,71 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+require('@citygross/typography');
+require('../AddressBlock/AddressBlock.styles.js');
+require('../../../../design-tokens/build/index.js');
+require('../AlertBox/AlertBox.styles.js');
+require('../Button/Button.js');
+require('@citygross/utils');
+require('@citygross/design-tokens');
+require('@citygross/icons');
+require('../Logo/Logo.styles.js');
+require('../Header/Header.styles.js');
+require('../HeaderLink/HeaderLink.styles.js');
+require('../BackgroundImage/BackgroundImage.styles.js');
+require('../Badge/Badge.styles.js');
+require('../Box/Box.styles.js');
+require('../Button/Button.styles.js');
+require('../BackButton/BackButton.styles.js');
+require('react-loading-skeleton');
+require('../CartItemSummary/CartItemSummary.styles.js');
+require('../Divider/Divider.styles.js');
+require('../CartSummary/CartSummary.styles.js');
+require('../CustomerInfoBlock/CustomerInfoBlock.styles.js');
+require('../Collapsable/Collapsable.styles.js');
+require('../DeliverySlotItem/DeliverySlotItem.styles.js');
+require('../Slider/Slider.styles.js');
+require('../DeliveryTimeBlock/DeliveryTimeBlock.styles.js');
+require('../Menu/Menu.styles.js');
+require('../DateBox/DateBox.styles.js');
+require('../DotIndicator/DotIndicator.styles.js');
+require('../Form/Form.styles.js');
+require('../FormControl/FormControl.js');
+require('../FormElements/Checkbox/Checkbox.styles.js');
+require('../FormElements/Input/Input.styles.js');
+require('../FormElements/Radio/Radio.styles.js');
+require('../FormElements/Switch/Switch.styles.js');
+require('../FormGroup/FormGroup.styles.js');
+require('../GridContainer/GridContainer.styles.js');
+require('../HighlightBox/HighlightBox.styles.js');
+require('../IconToolTip/IconToolTip.styles.js');
+require('../Spacer/Spacer.styles.js');
+require('../InfoTextBlock/InfoTextBlock.styles.js');
+require('../LayoutBox/LayoutBox.styles.js');
+require('../ListItem/ListItem.styles.js');
+require('../ListItemWithRadio/ListItemWithRadio.styles.js');
+require('../Links/Link.js');
+require('react-dom');
+require('../Modal/Modal.styles.js');
+require('../RadioBox/RadioBoxItem.styles.js');
+require('../RadioBox/RadioBoxList.styles.js');
+require('../RadioGroup/RadioGroup.styles.js');
+require('../RadioListItem/RadioListItem.styles.js');
+require('../RippleContainer/RippleContainer.styles.js');
+require('../Select/Select.styles.js');
+require('../Spinner/Spinner.styles.js');
+require('../Stepper/Stepper.styles.js');
+var ToolTip = require('../ToolTip/ToolTip.js');
+require('../StepperMobile/StepperMobile.styles.js');
+require('../FormElements/TextArea/TextArea.styles.js');
+require('../Table/Table.styles.js');
+require('../Timeline/Timeline.styles.js');
+require('../QuantitySelector/QuantitySelector.styles.js');
+require('../Pagination/Pagination.styles.js');
+require('../../containers/PageContainer/PageContainer.styles.js');
+require('../../../../utils/build/index.js');
+require('../../containers/TwoColumnsContainer/TwoColumnsPageContainer.styles.js');
+require('../UnorderedList/UnorderedList.styles.js');
 var WarningLabel_styles = require('./WarningLabel.styles.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -10,8 +75,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function WarningLabel(_a) {
-    var children = _a.children, background = _a.background;
-    return (React__default['default'].createElement(WarningLabel_styles.SlotReservationIndicator, { background: background }, children));
+    var children = _a.children, background = _a.background, toolTip = _a.toolTip;
+    return (React__default['default'].createElement(WarningLabel_styles.WarningIndicator, { background: background, toolTip: toolTip },
+        toolTip && React__default['default'].createElement(ToolTip.ToolTip, null, toolTip),
+        children));
 }
 
 exports.WarningLabel = WarningLabel;

package/build/cjs/components/src/components/WarningLabel/WarningLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"WarningLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"WarningLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/components/src/components/WarningLabel/WarningLabel.styles.js

@@ -9,8 +9,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var SlotReservationIndicator = styled__default['default'].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  padding: ", "px\n    ", "px;\n  background-color: ", ";\n  border-radius: ", "px;\n  display: inline-block;\n"], ["\n  padding: ", "px\n    ", "px;\n  background-color: ", ";\n  border-radius: ", "px;\n  display: inline-block;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { return props.background; }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.big; });
+var WarningIndicator = styled__default['default'].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  padding: ", "px\n    ", "px;\n  background-color: ", ";\n  border-radius: ", "px;\n  display: inline-block;\n  position: relative;\n  ", ";\n"], ["\n  padding: ", "px\n    ", "px;\n  background-color: ", ";\n  border-radius: ", "px;\n  display: inline-block;\n  position: relative;\n  ", ";\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { return props.background; }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.big; }, function (props) {
+    return props.toolTip &&
+        "\n    > {\n      &:first-child {\n        display: none;\n      }\n    }\n\n    &:hover {\n      > {\n        &:first-child {\n          display: block;\n        }\n      }\n    }\n        ";
+});
 var templateObject_1;
 
-exports.SlotReservationIndicator = SlotReservationIndicator;
+exports.WarningIndicator = WarningIndicator;
 //# sourceMappingURL=WarningLabel.styles.js.map

package/build/cjs/components/src/components/WarningLabel/WarningLabel.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"WarningLabel.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"WarningLabel.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/build/cjs/utils/build/index.js

@@ -18,12 +18,14 @@ function _interopDefaultLegacy$1 (e) { return e && typeof e === 'object' && 'def
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy$1(React);
 
-var formatPrice = function (price) {
+var formatPrice = function (price, withParenthesis) {
     if (price === null || price === undefined) {
         return;
     }
-    var formattedPrice = (Math.round(price * 100) / 100).toFixed(2);
-    return formattedPrice.replace('.', ',') + "  kr";
+    var formattedPrice = (Math.round(price * 100) / 100)
+        .toFixed(2)
+        .replace('.', ',');
+    return (withParenthesis ? "(" + formattedPrice + ")" : formattedPrice) + " kr";
 };
 
 var capitalizeFirstLetter = function (string) {