@ultraviolet/plus 0.5.5 → 0.5.6
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/README.md +0 -1
- package/dist/@ultraviolet/icons/dist/components/Icon/index.js +21 -24
- package/dist/src/components/CodeEditor/CodeEditor.js +35 -47
- package/dist/src/components/ContentCard/Skeleton.js +34 -49
- package/dist/src/components/ContentCard/index.js +52 -92
- package/dist/src/components/ContentCardGroup/Card.js +70 -106
- package/dist/src/components/ContentCardGroup/SkeletonCard.js +8 -17
- package/dist/src/components/ContentCardGroup/index.js +19 -31
- package/dist/src/components/EstimateCost/Components/CustomUnitInput.js +9 -13
- package/dist/src/components/EstimateCost/Components/Item.js +70 -86
- package/dist/src/components/EstimateCost/Components/LineThrough.js +4 -7
- package/dist/src/components/EstimateCost/Components/NumberInput.js +7 -8
- package/dist/src/components/EstimateCost/Components/Region.js +17 -21
- package/dist/src/components/EstimateCost/Components/Regular.js +14 -24
- package/dist/src/components/EstimateCost/Components/Strong.js +16 -28
- package/dist/src/components/EstimateCost/Components/Unit.js +6 -7
- package/dist/src/components/EstimateCost/Components/UnitInput.js +74 -95
- package/dist/src/components/EstimateCost/Components/Zone.js +17 -21
- package/dist/src/components/EstimateCost/EstimateCost.js +64 -74
- package/dist/src/components/EstimateCost/EstimateCostContent.js +41 -55
- package/dist/src/components/EstimateCost/EstimateCostProvider.js +6 -7
- package/dist/src/components/EstimateCost/OverlayComponent.js +23 -36
- package/dist/src/components/EstimateCost/OverlayContext.js +7 -10
- package/dist/src/components/EstimateCost/componentStyle.js +45 -96
- package/dist/src/components/EstimateCost/helper.js +8 -9
- package/package.json +4 -4
|
@@ -9,40 +9,22 @@ const sizesHeight = {
|
|
|
9
9
|
};
|
|
10
10
|
const CustomTextInput = /*#__PURE__*/_styled(TextInput, {
|
|
11
11
|
target: "epio27v1"
|
|
12
|
-
})("input{border-radius:",
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
theme
|
|
20
|
-
} = _ref2;
|
|
21
|
-
return theme.radii.default;
|
|
22
|
-
}, ";min-width:60px;border-right:0;&:hover,&:focus{text-decoration:none;border-right-width:1px;border-right-style:solid;border-color:", _ref3 => {
|
|
23
|
-
let {
|
|
24
|
-
theme
|
|
25
|
-
} = _ref3;
|
|
26
|
-
return theme.colors.primary.borderWeak;
|
|
27
|
-
}, ";}}input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}input[type='number']{-moz-appearance:textfield;}");
|
|
12
|
+
})("input{border-radius:", ({
|
|
13
|
+
theme
|
|
14
|
+
}) => theme.radii.default, " 0 0 ", ({
|
|
15
|
+
theme
|
|
16
|
+
}) => theme.radii.default, ";min-width:60px;border-right:0;&:hover,&:focus{text-decoration:none;border-right-width:1px;border-right-style:solid;border-color:", ({
|
|
17
|
+
theme
|
|
18
|
+
}) => theme.colors.primary.borderWeak, ";}}input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}input[type='number']{-moz-appearance:textfield;}");
|
|
28
19
|
const CustomSelectInput = /*#__PURE__*/_styled(SelectInput, {
|
|
29
20
|
target: "epio27v0"
|
|
30
|
-
})(
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
height
|
|
38
|
-
} = _ref5;
|
|
39
|
-
return height && `height: ${height}px;`;
|
|
40
|
-
}, " &:hover,&:focus{text-decoration:none;border-color:", _ref6 => {
|
|
41
|
-
let {
|
|
42
|
-
theme
|
|
43
|
-
} = _ref6;
|
|
44
|
-
return theme.colors.primary.borderWeak;
|
|
45
|
-
}, ";box-shadow:none;}");
|
|
21
|
+
})(({
|
|
22
|
+
width
|
|
23
|
+
}) => width && `width: ${width}px;`, " ", ({
|
|
24
|
+
height
|
|
25
|
+
}) => height && `height: ${height}px;`, " &:hover,&:focus{text-decoration:none;border-color:", ({
|
|
26
|
+
theme
|
|
27
|
+
}) => theme.colors.primary.borderWeak, ";box-shadow:none;}");
|
|
46
28
|
const customSelectStyle = height => () => ({
|
|
47
29
|
control: {
|
|
48
30
|
borderBottomLeftRadius: 0,
|
|
@@ -55,68 +37,65 @@ const customSelectStyle = height => () => ({
|
|
|
55
37
|
marginTop: 0
|
|
56
38
|
}
|
|
57
39
|
});
|
|
58
|
-
const UnitInput =
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
onChange
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
})]
|
|
119
|
-
});
|
|
120
|
-
};
|
|
40
|
+
const UnitInput = ({
|
|
41
|
+
name = '',
|
|
42
|
+
maxValue = 99999,
|
|
43
|
+
minValue = 1,
|
|
44
|
+
size = 'medium',
|
|
45
|
+
placeholder = '0',
|
|
46
|
+
onChange,
|
|
47
|
+
onChangeUnitValue,
|
|
48
|
+
value,
|
|
49
|
+
unitValue,
|
|
50
|
+
textBoxWidth = 100,
|
|
51
|
+
selectInputWidth = 200,
|
|
52
|
+
disabled = false,
|
|
53
|
+
options,
|
|
54
|
+
className,
|
|
55
|
+
notice,
|
|
56
|
+
label,
|
|
57
|
+
required,
|
|
58
|
+
valueError,
|
|
59
|
+
unitError,
|
|
60
|
+
type = 'number',
|
|
61
|
+
'data-testid': dataTestId
|
|
62
|
+
}) => jsxs(Stack, {
|
|
63
|
+
direction: "row",
|
|
64
|
+
"data-testid": dataTestId,
|
|
65
|
+
children: [jsx(CustomTextInput, {
|
|
66
|
+
height: sizesHeight[size],
|
|
67
|
+
width: textBoxWidth,
|
|
68
|
+
type: type,
|
|
69
|
+
name: `${name}-value`,
|
|
70
|
+
max: maxValue,
|
|
71
|
+
min: minValue,
|
|
72
|
+
required: required,
|
|
73
|
+
value: value,
|
|
74
|
+
placeholder: placeholder,
|
|
75
|
+
onChange: input => {
|
|
76
|
+
const numericValue = input ? parseInt(input, 10) : minValue;
|
|
77
|
+
onChange(numericValue);
|
|
78
|
+
},
|
|
79
|
+
className: className,
|
|
80
|
+
disabled: disabled,
|
|
81
|
+
notice: notice,
|
|
82
|
+
label: label,
|
|
83
|
+
error: valueError
|
|
84
|
+
}), jsx(CustomSelectInput, {
|
|
85
|
+
width: selectInputWidth,
|
|
86
|
+
noTopLabel: true,
|
|
87
|
+
height: sizesHeight[size],
|
|
88
|
+
id: `${name}-unit`,
|
|
89
|
+
name: `${name}-unit`,
|
|
90
|
+
onChange: newValue => {
|
|
91
|
+
onChangeUnitValue(newValue.value);
|
|
92
|
+
},
|
|
93
|
+
error: unitError,
|
|
94
|
+
value: options.find(option => option.value === unitValue) || options[0],
|
|
95
|
+
options: options,
|
|
96
|
+
customStyle: customSelectStyle(sizesHeight[size]),
|
|
97
|
+
disabled: disabled || options.length === 1
|
|
98
|
+
})]
|
|
99
|
+
});
|
|
121
100
|
|
|
122
101
|
export { UnitInput, sizesHeight };
|
|
@@ -6,27 +6,23 @@ import { jsx, jsxs } from '@emotion/react/jsx-runtime';
|
|
|
6
6
|
|
|
7
7
|
const StyledImage = /*#__PURE__*/_styled("img", {
|
|
8
8
|
target: "e24b3x10"
|
|
9
|
-
})("width:15px;margin-right:",
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
discount,
|
|
27
|
-
noBorder,
|
|
28
|
-
noPrice
|
|
29
|
-
} = _ref2;
|
|
9
|
+
})("width:15px;margin-right:", ({
|
|
10
|
+
theme
|
|
11
|
+
}) => theme.space['1'], ";");
|
|
12
|
+
const Zone = ({
|
|
13
|
+
label,
|
|
14
|
+
image,
|
|
15
|
+
shouldBeHidden = false,
|
|
16
|
+
priceText,
|
|
17
|
+
animated = false,
|
|
18
|
+
isFirstElement,
|
|
19
|
+
isLastElement,
|
|
20
|
+
productsCallback,
|
|
21
|
+
iteration,
|
|
22
|
+
discount,
|
|
23
|
+
noBorder,
|
|
24
|
+
noPrice
|
|
25
|
+
}) => {
|
|
30
26
|
const {
|
|
31
27
|
locales
|
|
32
28
|
} = useEstimateCost();
|
|
@@ -17,70 +17,64 @@ import { jsx } from '@emotion/react/jsx-runtime';
|
|
|
17
17
|
|
|
18
18
|
const MaxWidthText = /*#__PURE__*/_styled(Text, {
|
|
19
19
|
target: "e13v5qur1"
|
|
20
|
-
})("max-width:",
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
} = _ref;
|
|
24
|
-
return maxWidth;
|
|
25
|
-
}, "px;");
|
|
20
|
+
})("max-width:", ({
|
|
21
|
+
maxWidth
|
|
22
|
+
}) => maxWidth, "px;");
|
|
26
23
|
const DEFAULT_UNIT_LIST = ['hours', 'days', 'months'];
|
|
27
|
-
const EstimateCost =
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
24
|
+
const EstimateCost = ({
|
|
25
|
+
description,
|
|
26
|
+
alert,
|
|
27
|
+
alertVariant = 'warning',
|
|
28
|
+
defaultTimeUnit = 'hours',
|
|
29
|
+
timeUnits = DEFAULT_UNIT_LIST,
|
|
30
|
+
hideOverlay = false,
|
|
31
|
+
disableOverlayLeft = false,
|
|
32
|
+
disableOverlayRight = false,
|
|
33
|
+
hideTimeUnit = false,
|
|
34
|
+
hideTotal = false,
|
|
35
|
+
discount = 0,
|
|
36
|
+
OverlayRight,
|
|
37
|
+
OverlayLeft,
|
|
38
|
+
isBeta = false,
|
|
39
|
+
commitmentFees,
|
|
40
|
+
commitmentFeesContent,
|
|
41
|
+
monthlyFees,
|
|
42
|
+
monthlyFeesLabel,
|
|
43
|
+
monthlyFeesContent,
|
|
44
|
+
overlayUnit = 'hours',
|
|
45
|
+
children = null,
|
|
46
|
+
locales = EstimateCostLocales,
|
|
47
|
+
numberLocales = 'en-EN',
|
|
48
|
+
currency = 'EUR'
|
|
49
|
+
}) => jsx(EstimateCostProvider, {
|
|
50
|
+
locales: locales,
|
|
51
|
+
currency: currency,
|
|
52
|
+
numberLocales: numberLocales,
|
|
53
|
+
children: jsx(EstimateCostContent, {
|
|
54
|
+
description: description,
|
|
55
|
+
alert: alert,
|
|
56
|
+
alertVariant: alertVariant,
|
|
57
|
+
defaultTimeUnit: defaultTimeUnit,
|
|
58
|
+
timeUnits: timeUnits,
|
|
59
|
+
hideOverlay: hideOverlay,
|
|
60
|
+
disableOverlayLeft: disableOverlayLeft,
|
|
61
|
+
disableOverlayRight: disableOverlayRight,
|
|
62
|
+
hideTimeUnit: hideTimeUnit,
|
|
63
|
+
hideTotal: hideTotal,
|
|
64
|
+
discount: discount,
|
|
65
|
+
OverlayRight: OverlayRight,
|
|
66
|
+
OverlayLeft: OverlayLeft,
|
|
67
|
+
isBeta: isBeta,
|
|
68
|
+
commitmentFees: commitmentFees,
|
|
69
|
+
commitmentFeesContent: commitmentFeesContent,
|
|
70
|
+
monthlyFees: monthlyFees,
|
|
71
|
+
monthlyFeesLabel: monthlyFeesLabel,
|
|
72
|
+
monthlyFeesContent: monthlyFeesContent,
|
|
73
|
+
overlayUnit: overlayUnit,
|
|
55
74
|
locales: locales,
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
description: description,
|
|
60
|
-
alert: alert,
|
|
61
|
-
alertVariant: alertVariant,
|
|
62
|
-
defaultTimeUnit: defaultTimeUnit,
|
|
63
|
-
timeUnits: timeUnits,
|
|
64
|
-
hideOverlay: hideOverlay,
|
|
65
|
-
disableOverlayLeft: disableOverlayLeft,
|
|
66
|
-
disableOverlayRight: disableOverlayRight,
|
|
67
|
-
hideTimeUnit: hideTimeUnit,
|
|
68
|
-
hideTotal: hideTotal,
|
|
69
|
-
discount: discount,
|
|
70
|
-
OverlayRight: OverlayRight,
|
|
71
|
-
OverlayLeft: OverlayLeft,
|
|
72
|
-
isBeta: isBeta,
|
|
73
|
-
commitmentFees: commitmentFees,
|
|
74
|
-
commitmentFeesContent: commitmentFeesContent,
|
|
75
|
-
monthlyFees: monthlyFees,
|
|
76
|
-
monthlyFeesLabel: monthlyFeesLabel,
|
|
77
|
-
monthlyFeesContent: monthlyFeesContent,
|
|
78
|
-
overlayUnit: overlayUnit,
|
|
79
|
-
locales: locales,
|
|
80
|
-
children: children
|
|
81
|
-
})
|
|
82
|
-
});
|
|
83
|
-
};
|
|
75
|
+
children: children
|
|
76
|
+
})
|
|
77
|
+
});
|
|
84
78
|
EstimateCost.LineThrough = LineThrough;
|
|
85
79
|
EstimateCost.Item = Item;
|
|
86
80
|
EstimateCost.NumberInput = NumberInput;
|
|
@@ -89,20 +83,16 @@ EstimateCost.Strong = Strong;
|
|
|
89
83
|
EstimateCost.Regular = Regular;
|
|
90
84
|
EstimateCost.Image = /*#__PURE__*/_styled("img", {
|
|
91
85
|
target: "e13v5qur0"
|
|
92
|
-
})("width:15px;margin-right:",
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
} = _ref3;
|
|
96
|
-
return theme.space['1'];
|
|
97
|
-
}, ";");
|
|
86
|
+
})("width:15px;margin-right:", ({
|
|
87
|
+
theme
|
|
88
|
+
}) => theme.space['1'], ";");
|
|
98
89
|
EstimateCost.Region = Region;
|
|
99
90
|
EstimateCost.Zone = Zone;
|
|
100
|
-
const Ellipsis =
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
} = _ref4;
|
|
91
|
+
const Ellipsis = ({
|
|
92
|
+
children,
|
|
93
|
+
maxWidth = 350,
|
|
94
|
+
'data-testid': dataTestId
|
|
95
|
+
}) => {
|
|
106
96
|
const {
|
|
107
97
|
isOverlay
|
|
108
98
|
} = useOverlay();
|
|
@@ -18,21 +18,15 @@ import { jsxs, jsx, Fragment } from '@emotion/react/jsx-runtime';
|
|
|
18
18
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
19
19
|
const FeesText = /*#__PURE__*/_styled(Text, {
|
|
20
20
|
target: "excc3v74"
|
|
21
|
-
})("margin-top:",
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
} = _ref;
|
|
25
|
-
return theme.space['3'];
|
|
26
|
-
}, ";");
|
|
21
|
+
})("margin-top:", ({
|
|
22
|
+
theme
|
|
23
|
+
}) => theme.space['3'], ";");
|
|
27
24
|
const StyledText = /*#__PURE__*/_styled(Text, {
|
|
28
25
|
target: "excc3v73"
|
|
29
|
-
})("text-align:right;",
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
} = _ref2;
|
|
34
|
-
return isBeta ? `margin-left: ${theme.space['2']};` : null;
|
|
35
|
-
}, ";");
|
|
26
|
+
})("text-align:right;", ({
|
|
27
|
+
isBeta,
|
|
28
|
+
theme
|
|
29
|
+
}) => isBeta ? `margin-left: ${theme.space['2']};` : null, ";");
|
|
36
30
|
const RightAlignedText = /*#__PURE__*/_styled(Text, {
|
|
37
31
|
target: "excc3v72"
|
|
38
32
|
})(process.env.NODE_ENV === "production" ? {
|
|
@@ -45,49 +39,42 @@ const RightAlignedText = /*#__PURE__*/_styled(Text, {
|
|
|
45
39
|
});
|
|
46
40
|
const StyledIcon = /*#__PURE__*/_styled(Icon, {
|
|
47
41
|
target: "excc3v71"
|
|
48
|
-
})("margin-right:",
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
} = _ref3;
|
|
52
|
-
return theme.space['1'];
|
|
53
|
-
}, ";");
|
|
42
|
+
})("margin-right:", ({
|
|
43
|
+
theme
|
|
44
|
+
}) => theme.space['1'], ";");
|
|
54
45
|
const StyledPriceCell = /*#__PURE__*/_styled(Cell.withComponent('th', {
|
|
55
46
|
target: "excc3v75"
|
|
56
47
|
}), {
|
|
57
48
|
target: "excc3v70"
|
|
58
|
-
})(
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
} = _ref4;
|
|
62
|
-
return PriceCell(theme);
|
|
63
|
-
}, " padding:0;");
|
|
49
|
+
})(({
|
|
50
|
+
theme
|
|
51
|
+
}) => PriceCell(theme), " padding:0;");
|
|
64
52
|
const DEFAULT_UNIT_LIST = ['hours', 'days', 'months'];
|
|
65
|
-
const EstimateCostContent =
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
} = _ref5;
|
|
53
|
+
const EstimateCostContent = ({
|
|
54
|
+
description,
|
|
55
|
+
alert,
|
|
56
|
+
alertTitle,
|
|
57
|
+
alertVariant = 'warning',
|
|
58
|
+
defaultTimeUnit = 'hours',
|
|
59
|
+
timeUnits = DEFAULT_UNIT_LIST,
|
|
60
|
+
hideOverlay = false,
|
|
61
|
+
disableOverlayLeft = false,
|
|
62
|
+
disableOverlayRight = false,
|
|
63
|
+
hideTimeUnit = false,
|
|
64
|
+
hideTotal = false,
|
|
65
|
+
discount = 0,
|
|
66
|
+
OverlayRight,
|
|
67
|
+
OverlayLeft,
|
|
68
|
+
isBeta = false,
|
|
69
|
+
commitmentFees,
|
|
70
|
+
commitmentFeesContent,
|
|
71
|
+
monthlyFees,
|
|
72
|
+
monthlyFeesLabel,
|
|
73
|
+
monthlyFeesContent,
|
|
74
|
+
overlayUnit = 'hours',
|
|
75
|
+
children = null,
|
|
76
|
+
locales = EstimateCostLocales
|
|
77
|
+
}) => {
|
|
91
78
|
const {
|
|
92
79
|
formatNumber
|
|
93
80
|
} = useEstimateCost();
|
|
@@ -119,10 +106,9 @@ const EstimateCostContent = _ref5 => {
|
|
|
119
106
|
return [...total, newProduct];
|
|
120
107
|
});
|
|
121
108
|
},
|
|
122
|
-
remove:
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
} = _ref6;
|
|
109
|
+
remove: ({
|
|
110
|
+
id
|
|
111
|
+
}) => {
|
|
126
112
|
setProducts(total => total.filter(product => product.id !== id));
|
|
127
113
|
}
|
|
128
114
|
}), [setProducts]);
|
|
@@ -7,13 +7,12 @@ const EstimateCostContext = /*#__PURE__*/createContext({
|
|
|
7
7
|
formatNumber: () => ''
|
|
8
8
|
});
|
|
9
9
|
const useEstimateCost = () => useContext(EstimateCostContext);
|
|
10
|
-
const EstimateCostProvider =
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
} = _ref;
|
|
10
|
+
const EstimateCostProvider = ({
|
|
11
|
+
children,
|
|
12
|
+
locales,
|
|
13
|
+
currency,
|
|
14
|
+
numberLocales
|
|
15
|
+
}) => {
|
|
17
16
|
const newLocales = useMemo(() => locales ? {
|
|
18
17
|
...EstimateCostLocales,
|
|
19
18
|
...locales
|
|
@@ -13,31 +13,19 @@ import { jsx, jsxs } from '@emotion/react/jsx-runtime';
|
|
|
13
13
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
14
14
|
const OverlayContainer = /*#__PURE__*/_styled("div", {
|
|
15
15
|
target: "e1p62vjs2"
|
|
16
|
-
})("position:fixed;z-index:999;left:0;right:0;bottom:",
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
} = _ref2;
|
|
25
|
-
return theme.colors.neutral.background;
|
|
26
|
-
}, ";margin:0 0 0 260px;display:flex;justify-content:center;box-shadow:", _ref3 => {
|
|
27
|
-
let {
|
|
28
|
-
inView,
|
|
29
|
-
theme
|
|
30
|
-
} = _ref3;
|
|
31
|
-
return inView ? '0' : theme.shadows.defaultShadow;
|
|
32
|
-
}, ";transition:bottom 0.3s,box-shadow 0.3s;");
|
|
16
|
+
})("position:fixed;z-index:999;left:0;right:0;bottom:", ({
|
|
17
|
+
inView
|
|
18
|
+
}) => inView ? -120 : 0, "px;height:120px;background-color:", ({
|
|
19
|
+
theme
|
|
20
|
+
}) => theme.colors.neutral.background, ";margin:0 0 0 260px;display:flex;justify-content:center;box-shadow:", ({
|
|
21
|
+
inView,
|
|
22
|
+
theme
|
|
23
|
+
}) => inView ? '0' : theme.shadows.defaultShadow, ";transition:bottom 0.3s,box-shadow 0.3s;");
|
|
33
24
|
const List = /*#__PURE__*/_styled("ul", {
|
|
34
25
|
target: "e1p62vjs1"
|
|
35
|
-
})("display:flex;flex-direction:row;justify-content:center;list-style:none;margin:0;padding:",
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
} = _ref4;
|
|
39
|
-
return theme.space['3'];
|
|
40
|
-
}, " 0;");
|
|
26
|
+
})("display:flex;flex-direction:row;justify-content:center;list-style:none;margin:0;padding:", ({
|
|
27
|
+
theme
|
|
28
|
+
}) => theme.space['3'], " 0;");
|
|
41
29
|
const SideItem = /*#__PURE__*/_styled("li", {
|
|
42
30
|
target: "e1p62vjs0"
|
|
43
31
|
})(process.env.NODE_ENV === "production" ? {
|
|
@@ -48,19 +36,18 @@ const SideItem = /*#__PURE__*/_styled("li", {
|
|
|
48
36
|
styles: "display:flex;padding:12px 0;min-width:158px",
|
|
49
37
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
50
38
|
});
|
|
51
|
-
const OverlayComponent =
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
} = _ref5;
|
|
39
|
+
const OverlayComponent = ({
|
|
40
|
+
children,
|
|
41
|
+
inView = false,
|
|
42
|
+
discount = 1,
|
|
43
|
+
OverlayRight,
|
|
44
|
+
disableOverlayRight = false,
|
|
45
|
+
OverlayLeft,
|
|
46
|
+
disableOverlayLeft = false,
|
|
47
|
+
totalPrice,
|
|
48
|
+
unit = 'hours',
|
|
49
|
+
isBeta = false
|
|
50
|
+
}) => {
|
|
64
51
|
const {
|
|
65
52
|
locales,
|
|
66
53
|
formatNumber
|
|
@@ -5,15 +5,12 @@ const OverlayContext = /*#__PURE__*/createContext({
|
|
|
5
5
|
isOverlay: false
|
|
6
6
|
});
|
|
7
7
|
const useOverlay = () => useContext(OverlayContext);
|
|
8
|
-
const OverlayContextProvider =
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
children: children
|
|
16
|
-
});
|
|
17
|
-
};
|
|
8
|
+
const OverlayContextProvider = ({
|
|
9
|
+
children,
|
|
10
|
+
value
|
|
11
|
+
}) => jsx(OverlayContext.Provider, {
|
|
12
|
+
value: value,
|
|
13
|
+
children: children
|
|
14
|
+
});
|
|
18
15
|
|
|
19
16
|
export { OverlayContextProvider, useOverlay };
|