@citygross/components 0.7.64 → 0.7.65

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

@@ -0,0 +1,7 @@
+export declare type TProgressBar = {
+    maxValue: number;
+    currentValue: number;
+    background?: string;
+    color?: string;
+};
+export declare function ProgressBar({ maxValue, currentValue, background, color }: TProgressBar): JSX.Element;

package/build/@types/components/ProgressBar/ProgressBar.stories.d.ts

@@ -0,0 +1,28 @@
+import { Story } from '@storybook/react';
+import { ProgressBar, TProgressBar } from './ProgressBar';
+declare const _default: {
+    component: typeof ProgressBar;
+    title: string;
+    argTypes: {
+        background: {
+            options: string[];
+            mapping: import("@citygross/design-tokens").Palette | never[];
+            control: {
+                type: string;
+            };
+        };
+        color: {
+            options: string[];
+            mapping: import("@citygross/design-tokens").Palette | never[];
+            control: {
+                type: string;
+            };
+        };
+    };
+    args: {
+        maxValue: number;
+        currentValue: number;
+    };
+};
+export default _default;
+export declare const Default: Story<TProgressBar>;

package/build/@types/components/ProgressBar/ProgressBar.styled.d.ts

@@ -0,0 +1,10 @@
+export declare type TProgressContainer = {
+    color?: string;
+};
+export declare type TProgress = TProgressContainer & {
+    width: number;
+};
+export declare const BarContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TProgressContainer, never>;
+export declare const Progress: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TProgressContainer & {
+    width: number;
+}, never>;

package/build/@types/index.d.ts

@@ -41,6 +41,7 @@ export * from './components/Modal/Modal';
 export * from './components/RadioBox';
 export * from './components/RadioGroup';
 export * from './components/RadioListItem/RadioListItem';
+export * from './components/ProgressBar/ProgressBar';
 export * from './components/RippleContainer/RippleContainer';
 export * from './components/Select/Select';
 export * from './components/Spacer/Spacer';

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

@@ -25,7 +25,8 @@ function AddressBlock(_a) {
             " ",
             city),
         (doorCode || floor) && (React__default['default'].createElement(typography.BodyText, null,
-            doorCode && doorCode + ',',
+            doorCode && doorCode,
+            doorCode && floor && ',',
             " ",
             floor))));
 }

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

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

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

@@ -60,16 +60,23 @@ function DeliverySlotItem(_a) {
     var options = {
         root: null,
         rootMargin: '0px',
-        threshold: 0.99
+        threshold: 0.9
     };
     React.useEffect(function () {
+        if (!('IntersectionObserver' in window) ||
+            !('IntersectionObserverEntry' in window) ||
+            !('intersectionRatio' in window.IntersectionObserverEntry.prototype)) {
+            return;
+        }
         var observer = new IntersectionObserver(callbackFn, options);
         if (!observer)
             return;
         if (slotRef.current)
             observer.observe(slotRef === null || slotRef === void 0 ? void 0 : slotRef.current);
         return function () {
-            observer.disconnect();
+            if (observer) {
+                observer.disconnect();
+            }
         };
     }, [slotRef, options]);
     var removeLeadingZero = function (day) { return day.replace(/^0+/, ''); };

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

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

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

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var designTokens = require('@citygross/design-tokens');
+var React = require('react');
+var ProgressBar_styled = require('./ProgressBar.styled.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function ProgressBar(_a) {
+    var _b, _c;
+    var maxValue = _a.maxValue, currentValue = _a.currentValue, _d = _a.background, background = _d === void 0 ? (_b = designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.white : _d, _e = _a.color, color = _e === void 0 ? (_c = designTokens.theme.palette) === null || _c === void 0 ? void 0 : _c.alertBlue : _e;
+    var progress = (currentValue / maxValue) * 100;
+    return (React__default['default'].createElement(ProgressBar_styled.BarContainer, { color: background },
+        React__default['default'].createElement(ProgressBar_styled.Progress, { width: progress, color: color })));
+}
+
+exports.ProgressBar = ProgressBar;
+//# sourceMappingURL=ProgressBar.js.map

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

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

package/build/cjs/components/src/components/ProgressBar/ProgressBar.styled.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../_virtual/_tslib.js');
+var styled = require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+var BarContainer = styled__default['default'].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  background: ", ";\n  border-radius: ", "px;\n  height: ", "px;\n  overflow: hidden;\n"], ["\n  background: ", ";\n  border-radius: ", "px;\n  height: ", "px;\n  overflow: hidden;\n"])), function (props) { return props.color; }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.default; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
+var Progress = styled__default['default'].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  width: ", "%;\n  background: ", ";\n  height: 100%;\n"], ["\n  width: ", "%;\n  background: ", ";\n  height: 100%;\n"])), function (props) { return props.width || 0; }, function (props) { return props.color; });
+var templateObject_1, templateObject_2;
+
+exports.BarContainer = BarContainer;
+exports.Progress = Progress;
+//# sourceMappingURL=ProgressBar.styled.js.map

package/build/cjs/components/src/components/ProgressBar/ProgressBar.styled.js.map

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

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

@@ -55,6 +55,7 @@ require('../RadioBox/RadioBoxItem.styles.js');
 require('../RadioBox/RadioBoxList.styles.js');
 require('../RadioGroup/RadioGroup.styles.js');
 require('../RadioListItem/RadioListItem.styles.js');
+require('../ProgressBar/ProgressBar.styled.js');
 require('../RippleContainer/RippleContainer.styles.js');
 require('../Select/Select.styles.js');
 require('../Stepper/Stepper.styles.js');

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/index.js

@@ -45,6 +45,7 @@ var RadioBoxItem = require('./components/RadioBox/RadioBoxItem.js');
 var RadioBoxList = require('./components/RadioBox/RadioBoxList.js');
 var RadioGroup = require('./components/RadioGroup/RadioGroup.js');
 var RadioListItem = require('./components/RadioListItem/RadioListItem.js');
+var ProgressBar = require('./components/ProgressBar/ProgressBar.js');
 var RippleContainer = require('./components/RippleContainer/RippleContainer.js');
 var Select = require('./components/Select/Select.js');
 var Spacer = require('./components/Spacer/Spacer.js');
@@ -138,6 +139,7 @@ exports.RadioBoxItem = RadioBoxItem.RadioBoxItem;
 exports.RadioBoxList = RadioBoxList.RadioBoxList;
 exports.RadioGroup = RadioGroup.RadioGroup;
 exports.RadioListItem = RadioListItem.RadioListItem;
+exports.ProgressBar = ProgressBar.ProgressBar;
 exports.RippleContainer = RippleContainer.RippleContainer;
 exports.Select = Select.Select;
 exports.Spacer = Spacer.Spacer;

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

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

package/build/es/components/src/components/AddressBlock/AddressBlock.js

@@ -17,7 +17,8 @@ function AddressBlock(_a) {
             " ",
             city),
         (doorCode || floor) && (React.createElement(BodyText, null,
-            doorCode && doorCode + ',',
+            doorCode && doorCode,
+            doorCode && floor && ',',
             " ",
             floor))));
 }

package/build/es/components/src/components/AddressBlock/AddressBlock.js.map

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

package/build/es/components/src/components/DeliverySlotItem/DeliverySlotItem.js

@@ -52,16 +52,23 @@ function DeliverySlotItem(_a) {
     var options = {
         root: null,
         rootMargin: '0px',
-        threshold: 0.99
+        threshold: 0.9
     };
     useEffect(function () {
+        if (!('IntersectionObserver' in window) ||
+            !('IntersectionObserverEntry' in window) ||
+            !('intersectionRatio' in window.IntersectionObserverEntry.prototype)) {
+            return;
+        }
         var observer = new IntersectionObserver(callbackFn, options);
         if (!observer)
             return;
         if (slotRef.current)
             observer.observe(slotRef === null || slotRef === void 0 ? void 0 : slotRef.current);
         return function () {
-            observer.disconnect();
+            if (observer) {
+                observer.disconnect();
+            }
         };
     }, [slotRef, options]);
     var removeLeadingZero = function (day) { return day.replace(/^0+/, ''); };

package/build/es/components/src/components/DeliverySlotItem/DeliverySlotItem.js.map

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

package/build/es/components/src/components/ProgressBar/ProgressBar.js

@@ -0,0 +1,14 @@
+import { theme } from '@citygross/design-tokens';
+import React from 'react';
+import { BarContainer, Progress } from './ProgressBar.styled.js';
+
+function ProgressBar(_a) {
+    var _b, _c;
+    var maxValue = _a.maxValue, currentValue = _a.currentValue, _d = _a.background, background = _d === void 0 ? (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.white : _d, _e = _a.color, color = _e === void 0 ? (_c = theme.palette) === null || _c === void 0 ? void 0 : _c.alertBlue : _e;
+    var progress = (currentValue / maxValue) * 100;
+    return (React.createElement(BarContainer, { color: background },
+        React.createElement(Progress, { width: progress, color: color })));
+}
+
+export { ProgressBar };
+//# sourceMappingURL=ProgressBar.js.map

package/build/es/components/src/components/ProgressBar/ProgressBar.js.map

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

package/build/es/components/src/components/ProgressBar/ProgressBar.styled.js

@@ -0,0 +1,9 @@
+import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
+import styled from 'styled-components';
+
+var BarContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background: ", ";\n  border-radius: ", "px;\n  height: ", "px;\n  overflow: hidden;\n"], ["\n  background: ", ";\n  border-radius: ", "px;\n  height: ", "px;\n  overflow: hidden;\n"])), function (props) { return props.color; }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.default; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
+var Progress = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: ", "%;\n  background: ", ";\n  height: 100%;\n"], ["\n  width: ", "%;\n  background: ", ";\n  height: 100%;\n"])), function (props) { return props.width || 0; }, function (props) { return props.color; });
+var templateObject_1, templateObject_2;
+
+export { BarContainer, Progress };
+//# sourceMappingURL=ProgressBar.styled.js.map

package/build/es/components/src/components/ProgressBar/ProgressBar.styled.js.map

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

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

@@ -51,6 +51,7 @@ import '../RadioBox/RadioBoxItem.styles.js';
 import '../RadioBox/RadioBoxList.styles.js';
 import '../RadioGroup/RadioGroup.styles.js';
 import '../RadioListItem/RadioListItem.styles.js';
+import '../ProgressBar/ProgressBar.styled.js';
 import '../RippleContainer/RippleContainer.styles.js';
 import '../Select/Select.styles.js';
 import '../Stepper/Stepper.styles.js';

package/build/es/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/es/components/src/index.js

@@ -41,6 +41,7 @@ export { RadioBoxItem } from './components/RadioBox/RadioBoxItem.js';
 export { RadioBoxList } from './components/RadioBox/RadioBoxList.js';
 export { RadioGroup } from './components/RadioGroup/RadioGroup.js';
 export { RadioListItem } from './components/RadioListItem/RadioListItem.js';
+export { ProgressBar } from './components/ProgressBar/ProgressBar.js';
 export { RippleContainer } from './components/RippleContainer/RippleContainer.js';
 export { Select } from './components/Select/Select.js';
 export { Spacer } from './components/Spacer/Spacer.js';

package/build/es/components/src/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citygross/components",
-  "version": "0.7.64",
+  "version": "0.7.65",
   "license": "ISC",
   "sideEffects": false,
   "main": "./build/cjs/components/src/index.js",
@@ -71,5 +71,5 @@
     "moment": "^2.29.1",
     "react-loading-skeleton": "^2.2.0"
   },
-  "gitHead": "da00c4e006da995494ffe2b7bf462b790e88271b"
+  "gitHead": "d789018d7880a9599b6d57bffef9816335961522"
 }