@citygross/components 0.7.227 → 0.7.229
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.
- package/build/@types/components/Timeline/Timeline.styles.d.ts +1 -0
- package/build/cjs/components/src/components/Timeline/Timeline.js +1 -1
- package/build/cjs/components/src/components/Timeline/Timeline.styles.js +4 -2
- package/build/cjs/components/src/components/Timeline/Timeline.styles.js.map +1 -1
- package/build/cjs/utils/build/index.js +19 -0
- package/build/cjs/utils/build/index.js.map +1 -1
- package/build/es/components/src/components/Timeline/Timeline.js +1 -1
- package/build/es/components/src/components/Timeline/Timeline.styles.js +4 -2
- package/build/es/components/src/components/Timeline/Timeline.styles.js.map +1 -1
- package/build/es/utils/build/index.js +19 -0
- package/build/es/utils/build/index.js.map +1 -1
- package/package.json +3 -3
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
declare type TBaseTimelineList = {
|
|
3
3
|
borderStyle: 'dashed' | 'solid';
|
|
4
4
|
borderColor?: string;
|
|
5
|
+
length?: number;
|
|
5
6
|
};
|
|
6
7
|
export declare const BaseTimelineItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
7
8
|
export declare const BaseTimeline: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -19,7 +19,7 @@ function Timeline(_a) {
|
|
|
19
19
|
var isMobile = utils.useDetectDevice().isMobile;
|
|
20
20
|
return (React__default["default"].createElement(Timeline_styles.BaseTimeline, null,
|
|
21
21
|
React__default["default"].createElement(Timeline_styles.TimeLineH3, null, isMobile ? mobileTitle : title),
|
|
22
|
-
React__default["default"].createElement(Timeline_styles.BaseTimelineList, { borderStyle: borderStyle, borderColor: borderColor }, items.map(function (item, index) { return (React__default["default"].createElement(Timeline_styles.BaseTimelineItem, { key: item.primaryText },
|
|
22
|
+
React__default["default"].createElement(Timeline_styles.BaseTimelineList, { borderStyle: borderStyle, borderColor: borderColor, length: items === null || items === void 0 ? void 0 : items.length }, items.map(function (item, index) { return (React__default["default"].createElement(Timeline_styles.BaseTimelineItem, { key: item.primaryText },
|
|
23
23
|
React__default["default"].createElement(DotIndicator.Dot, { color: reversed
|
|
24
24
|
? index >= current
|
|
25
25
|
? dotActiveColor
|
|
@@ -13,9 +13,11 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
|
13
13
|
var BaseTimelineItem = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n display: flex;\n gap: ", "px;\n align-items: center;\n padding: ", "px 0;\n position: relative;\n > * {\n &:nth-child(2) {\n flex-grow: 1;\n }\n }\n"], ["\n display: flex;\n gap: ", "px;\n align-items: center;\n padding: ", "px 0;\n position: relative;\n > * {\n &:nth-child(2) {\n flex-grow: 1;\n }\n }\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
|
|
14
14
|
var BaseTimeline = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
15
15
|
var TimeLineH3 = styled__default["default"](typography.H3)(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n padding-bottom: ", "px;\n"], ["\n padding-bottom: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; });
|
|
16
|
-
var BaseTimelineList = styled__default["default"].div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n position: relative;\n\n &::before {\n content: '';\n
|
|
16
|
+
var BaseTimelineList = styled__default["default"].div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n position: relative;\n\n &::before {\n content: '';\n ", ";\n\n height: calc(100% - 32px);\n position: absolute;\n top: 16px;\n left: 3.5px;\n }\n"], ["\n position: relative;\n\n &::before {\n content: '';\n ", ";\n\n height: calc(100% - 32px);\n position: absolute;\n top: 16px;\n left: 3.5px;\n }\n"])), function (props) {
|
|
17
17
|
var _a, _b;
|
|
18
|
-
return
|
|
18
|
+
return (props === null || props === void 0 ? void 0 : props.length) &&
|
|
19
|
+
props.length > 1 &&
|
|
20
|
+
"border-left: 1px ".concat(props.borderStyle, " ").concat((_a = props === null || props === void 0 ? void 0 : props.borderColor) !== null && _a !== void 0 ? _a : (_b = props.theme.palette) === null || _b === void 0 ? void 0 : _b.alertGreen);
|
|
19
21
|
});
|
|
20
22
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
21
23
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Timeline.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Timeline.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -396,6 +396,18 @@ var makeCateringPortionsString = function (variant, cartItem, unit) {
|
|
|
396
396
|
|
|
397
397
|
var formatLeadingZero = function (day) { return day.replace(/^0+/, ''); };
|
|
398
398
|
|
|
399
|
+
var formatPostalCode = function (postalCode, spaceIndex) {
|
|
400
|
+
var _a;
|
|
401
|
+
if (!(postalCode === null || postalCode === void 0 ? void 0 : postalCode.length))
|
|
402
|
+
return null;
|
|
403
|
+
return (_a = postalCode.split('')) === null || _a === void 0 ? void 0 : _a.reduce(function (acc, curr, index) {
|
|
404
|
+
if (index === (spaceIndex || 3)) {
|
|
405
|
+
return "".concat(acc, " ").concat(curr);
|
|
406
|
+
}
|
|
407
|
+
return "".concat(acc).concat(curr);
|
|
408
|
+
});
|
|
409
|
+
};
|
|
410
|
+
|
|
399
411
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof _commonjsHelpers.commonjsGlobal !== 'undefined' ? _commonjsHelpers.commonjsGlobal : typeof self !== 'undefined' ? self : {};
|
|
400
412
|
|
|
401
413
|
function commonjsRequire (path) {
|
|
@@ -18663,10 +18675,17 @@ var Locale;
|
|
|
18663
18675
|
})(Locale || (Locale = {}));
|
|
18664
18676
|
moment.locale(Locale.swedish);
|
|
18665
18677
|
|
|
18678
|
+
var formatDateToLocale = function (date, withYear) {
|
|
18679
|
+
var _a, _b;
|
|
18680
|
+
return (_b = (_a = moment(new Date(date))) === null || _a === void 0 ? void 0 : _a.format("dddd D MMMM ".concat(withYear ? 'YYYY' : ''))) === null || _b === void 0 ? void 0 : _b.toLocaleLowerCase();
|
|
18681
|
+
};
|
|
18682
|
+
|
|
18666
18683
|
index.__exports.capitalizeFirstLetter = capitalizeFirstLetter;
|
|
18667
18684
|
index.__exports.comparisonTypes = comparisonTypes;
|
|
18668
18685
|
index.__exports.emailRegex = emailRegex;
|
|
18686
|
+
index.__exports.formatDateToLocale = formatDateToLocale;
|
|
18669
18687
|
index.__exports.formatLeadingZero = formatLeadingZero;
|
|
18688
|
+
index.__exports.formatPostalCode = formatPostalCode;
|
|
18670
18689
|
index.__exports.formatPrice = formatPrice;
|
|
18671
18690
|
index.__exports.formatPriceWithDecimalsReduced = formatPriceWithDecimalsReduced;
|
|
18672
18691
|
index.__exports.getCountryFromLanguageCode = getCountryFromLanguageCode;
|