kui-crm 0.0.215 → 0.0.216
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/cjs/index.js +540 -136
- package/cjs/index.js.map +1 -1
- package/index.d.ts +111 -22
- package/index.js +536 -136
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/types/index.d.ts +21 -3
package/cjs/index.js
CHANGED
|
@@ -23,7 +23,6 @@ var ReactDOM = require('react-dom');
|
|
|
23
23
|
var kuiIcon = require('kui-icon');
|
|
24
24
|
var jsxRuntime$1 = require('@emotion/react/jsx-runtime');
|
|
25
25
|
var Swiper = require('kui-swiper');
|
|
26
|
-
var kuiCrm = require('kui-crm');
|
|
27
26
|
|
|
28
27
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
29
28
|
|
|
@@ -1907,6 +1906,238 @@ var ApartmentFieldsStore = /** @class */ (function () {
|
|
|
1907
1906
|
return ApartmentFieldsStore;
|
|
1908
1907
|
}());
|
|
1909
1908
|
|
|
1909
|
+
var filterItemsByQuery = function (items, param, keys) {
|
|
1910
|
+
return items.filter(function (item) {
|
|
1911
|
+
for (var i = 0; i < keys.length; i += 1) {
|
|
1912
|
+
if (item[keys[i]] &&
|
|
1913
|
+
String(item[keys[i]]).toLowerCase().includes(param.toLowerCase())) {
|
|
1914
|
+
return true;
|
|
1915
|
+
}
|
|
1916
|
+
}
|
|
1917
|
+
return false;
|
|
1918
|
+
});
|
|
1919
|
+
};
|
|
1920
|
+
|
|
1921
|
+
var MetroAgent = {
|
|
1922
|
+
getAll: function () { return requests.get("/list/metro"); },
|
|
1923
|
+
};
|
|
1924
|
+
|
|
1925
|
+
var MetroStore = /** @class */ (function () {
|
|
1926
|
+
function MetroStore() {
|
|
1927
|
+
var _this = this;
|
|
1928
|
+
this.setSearchQuery = function (query) {
|
|
1929
|
+
_this.searchQuery = query;
|
|
1930
|
+
};
|
|
1931
|
+
this.getAllMetroStations = function () { return __awaiter(_this, void 0, void 0, function () {
|
|
1932
|
+
var _a, err_1, res_1;
|
|
1933
|
+
var _this = this;
|
|
1934
|
+
return __generator(this, function (_b) {
|
|
1935
|
+
switch (_b.label) {
|
|
1936
|
+
case 0:
|
|
1937
|
+
this.err = null;
|
|
1938
|
+
if (!(this.metroStations.length === 0)) return [3 /*break*/, 2];
|
|
1939
|
+
return [4 /*yield*/, to__default["default"](MetroAgent.getAll())];
|
|
1940
|
+
case 1:
|
|
1941
|
+
_a = _b.sent(), err_1 = _a[0], res_1 = _a[1];
|
|
1942
|
+
mobx.runInAction(function () {
|
|
1943
|
+
if (!err_1 && res_1) {
|
|
1944
|
+
_this.metroStations = res_1;
|
|
1945
|
+
}
|
|
1946
|
+
else {
|
|
1947
|
+
_this.err = err_1;
|
|
1948
|
+
}
|
|
1949
|
+
});
|
|
1950
|
+
_b.label = 2;
|
|
1951
|
+
case 2: return [2 /*return*/];
|
|
1952
|
+
}
|
|
1953
|
+
});
|
|
1954
|
+
}); };
|
|
1955
|
+
this.getDistanceAndDuration = function (origin, destination, travelMode) { return __awaiter(_this, void 0, void 0, function () {
|
|
1956
|
+
var distance, duration, directionService;
|
|
1957
|
+
return __generator(this, function (_a) {
|
|
1958
|
+
switch (_a.label) {
|
|
1959
|
+
case 0:
|
|
1960
|
+
directionService = new google.maps.DirectionsService();
|
|
1961
|
+
return [4 /*yield*/, directionService.route({
|
|
1962
|
+
origin: origin,
|
|
1963
|
+
destination: destination,
|
|
1964
|
+
travelMode: travelMode,
|
|
1965
|
+
}, function (results) {
|
|
1966
|
+
var _a, _b, _c, _d;
|
|
1967
|
+
var foundRoute = (_a = results === null || results === void 0 ? void 0 : results.routes[0]) === null || _a === void 0 ? void 0 : _a.legs[0];
|
|
1968
|
+
distance = (_b = foundRoute === null || foundRoute === void 0 ? void 0 : foundRoute.distance) === null || _b === void 0 ? void 0 : _b.value;
|
|
1969
|
+
duration = ((_c = foundRoute === null || foundRoute === void 0 ? void 0 : foundRoute.duration) === null || _c === void 0 ? void 0 : _c.value)
|
|
1970
|
+
? +Number(Number((_d = foundRoute === null || foundRoute === void 0 ? void 0 : foundRoute.duration) === null || _d === void 0 ? void 0 : _d.value) / 60).toFixed(0)
|
|
1971
|
+
: 0;
|
|
1972
|
+
})];
|
|
1973
|
+
case 1:
|
|
1974
|
+
_a.sent();
|
|
1975
|
+
return [2 /*return*/, { distance: distance, duration: duration }];
|
|
1976
|
+
}
|
|
1977
|
+
});
|
|
1978
|
+
}); };
|
|
1979
|
+
this.getStationDistance = function (origin, destination) { return __awaiter(_this, void 0, void 0, function () {
|
|
1980
|
+
var _a, walkDistance, walkTime, _b, carDistance, carTime;
|
|
1981
|
+
return __generator(this, function (_c) {
|
|
1982
|
+
switch (_c.label) {
|
|
1983
|
+
case 0: return [4 /*yield*/, this.getDistanceAndDuration(origin, destination, google.maps.TravelMode.WALKING)];
|
|
1984
|
+
case 1:
|
|
1985
|
+
_a = _c.sent(), walkDistance = _a.distance, walkTime = _a.duration;
|
|
1986
|
+
return [4 /*yield*/, this.getDistanceAndDuration(origin, destination, google.maps.TravelMode.DRIVING)];
|
|
1987
|
+
case 2:
|
|
1988
|
+
_b = _c.sent(), carDistance = _b.distance, carTime = _b.duration;
|
|
1989
|
+
return [2 /*return*/, {
|
|
1990
|
+
walkDistance: walkDistance,
|
|
1991
|
+
walkTime: walkTime,
|
|
1992
|
+
carDistance: carDistance,
|
|
1993
|
+
carTime: carTime,
|
|
1994
|
+
}];
|
|
1995
|
+
}
|
|
1996
|
+
});
|
|
1997
|
+
}); };
|
|
1998
|
+
this.getMetroStationNameById = function (id) {
|
|
1999
|
+
var foundStations = _this.metroStations.filter(function (item) { return item.id === id; });
|
|
2000
|
+
return foundStations.length > 0 ? foundStations[0].name : "";
|
|
2001
|
+
};
|
|
2002
|
+
this.getMetroIdByStationName = function (name) {
|
|
2003
|
+
var foundStations = _this.metroStations.filter(function (item) {
|
|
2004
|
+
return item.name.toLowerCase() === name.toLowerCase();
|
|
2005
|
+
});
|
|
2006
|
+
return foundStations.length > 0 ? foundStations[0].id : null;
|
|
2007
|
+
};
|
|
2008
|
+
this.getMetroCoordsById = function (id) {
|
|
2009
|
+
var foundStations = _this.metroStations.filter(function (item) { return item.id === id; });
|
|
2010
|
+
return foundStations.length > 0
|
|
2011
|
+
? {
|
|
2012
|
+
lat: Number(foundStations[0].geolocation.split(",")[0]),
|
|
2013
|
+
lng: Number(foundStations[0].geolocation.split(",")[1]),
|
|
2014
|
+
}
|
|
2015
|
+
: {
|
|
2016
|
+
lat: 0,
|
|
2017
|
+
lng: 0,
|
|
2018
|
+
};
|
|
2019
|
+
};
|
|
2020
|
+
this.getMetroParams = function (location, name, id) { return __awaiter(_this, void 0, void 0, function () {
|
|
2021
|
+
var metroCoords, _a, walkDistance, walkTime, carDistance, carTime;
|
|
2022
|
+
return __generator(this, function (_b) {
|
|
2023
|
+
switch (_b.label) {
|
|
2024
|
+
case 0:
|
|
2025
|
+
if (!!this.metroStations.length) return [3 /*break*/, 2];
|
|
2026
|
+
return [4 /*yield*/, this.getAllMetroStations()];
|
|
2027
|
+
case 1:
|
|
2028
|
+
_b.sent();
|
|
2029
|
+
_b.label = 2;
|
|
2030
|
+
case 2:
|
|
2031
|
+
if (!id && name) {
|
|
2032
|
+
id = this.getMetroIdByStationName(name);
|
|
2033
|
+
}
|
|
2034
|
+
if (id && !name) {
|
|
2035
|
+
name = this.getMetroStationNameById(id);
|
|
2036
|
+
}
|
|
2037
|
+
metroCoords = this.getMetroCoordsById(id);
|
|
2038
|
+
return [4 /*yield*/, this.getStationDistance(new google.maps.LatLng(location), new google.maps.LatLng(metroCoords))];
|
|
2039
|
+
case 3:
|
|
2040
|
+
_a = _b.sent(), walkDistance = _a.walkDistance, walkTime = _a.walkTime, carDistance = _a.carDistance, carTime = _a.carTime;
|
|
2041
|
+
return [2 /*return*/, {
|
|
2042
|
+
id: id,
|
|
2043
|
+
name: name,
|
|
2044
|
+
walkDistance: walkDistance,
|
|
2045
|
+
walkTime: walkTime,
|
|
2046
|
+
carDistance: carDistance,
|
|
2047
|
+
carTime: carTime,
|
|
2048
|
+
lat: metroCoords.lat,
|
|
2049
|
+
lng: metroCoords.lng,
|
|
2050
|
+
}];
|
|
2051
|
+
}
|
|
2052
|
+
});
|
|
2053
|
+
}); };
|
|
2054
|
+
this.findNearbyStations = function (map, location, limit) { return __awaiter(_this, void 0, void 0, function () {
|
|
2055
|
+
var _this = this;
|
|
2056
|
+
return __generator(this, function (_a) {
|
|
2057
|
+
if (map) {
|
|
2058
|
+
return [2 /*return*/, new Promise(function (resolve) {
|
|
2059
|
+
var nearbyStations = [];
|
|
2060
|
+
var coords = new google.maps.LatLng(location);
|
|
2061
|
+
var request = {
|
|
2062
|
+
location: coords,
|
|
2063
|
+
type: "subway_station",
|
|
2064
|
+
rankBy: google.maps.places.RankBy.DISTANCE,
|
|
2065
|
+
};
|
|
2066
|
+
var service = new google.maps.places.PlacesService(map);
|
|
2067
|
+
service.nearbySearch(request, function (results) { return __awaiter(_this, void 0, void 0, function () {
|
|
2068
|
+
var _a;
|
|
2069
|
+
var _this = this;
|
|
2070
|
+
return __generator(this, function (_b) {
|
|
2071
|
+
switch (_b.label) {
|
|
2072
|
+
case 0:
|
|
2073
|
+
if (!(results && results.length > 0)) return [3 /*break*/, 2];
|
|
2074
|
+
return [4 /*yield*/, Promise.allSettled(results === null || results === void 0 ? void 0 : results.slice(0, limit ? limit + 1 : undefined).map(function (metro) {
|
|
2075
|
+
return _this.getMetroParams(location, metro.name || "");
|
|
2076
|
+
}))];
|
|
2077
|
+
case 1:
|
|
2078
|
+
_a = _b.sent();
|
|
2079
|
+
return [3 /*break*/, 3];
|
|
2080
|
+
case 2:
|
|
2081
|
+
_a = [];
|
|
2082
|
+
_b.label = 3;
|
|
2083
|
+
case 3:
|
|
2084
|
+
nearbyStations = _a;
|
|
2085
|
+
resolve(nearbyStations
|
|
2086
|
+
.map(function (station) { return station.value; })
|
|
2087
|
+
.filter(function (station) { return station; }) // фильтруем список и убираем запасную станцию
|
|
2088
|
+
.slice(0, limit));
|
|
2089
|
+
return [2 /*return*/];
|
|
2090
|
+
}
|
|
2091
|
+
});
|
|
2092
|
+
}); });
|
|
2093
|
+
})];
|
|
2094
|
+
}
|
|
2095
|
+
return [2 /*return*/, []];
|
|
2096
|
+
});
|
|
2097
|
+
}); };
|
|
2098
|
+
this.setError = function (error) {
|
|
2099
|
+
_this.err = error;
|
|
2100
|
+
};
|
|
2101
|
+
this.reset = function () {
|
|
2102
|
+
_this.metroStations = [];
|
|
2103
|
+
_this.err = null;
|
|
2104
|
+
_this.searchQuery = "";
|
|
2105
|
+
};
|
|
2106
|
+
mobx.makeAutoObservable(this);
|
|
2107
|
+
this.metroStations = [];
|
|
2108
|
+
this.err = null;
|
|
2109
|
+
this.searchQuery = "";
|
|
2110
|
+
}
|
|
2111
|
+
Object.defineProperty(MetroStore.prototype, "filteredByQueryMetro", {
|
|
2112
|
+
get: function () {
|
|
2113
|
+
return filterItemsByQuery(this.metroStations, this.searchQuery, ["name"]);
|
|
2114
|
+
},
|
|
2115
|
+
enumerable: false,
|
|
2116
|
+
configurable: true
|
|
2117
|
+
});
|
|
2118
|
+
return MetroStore;
|
|
2119
|
+
}());
|
|
2120
|
+
|
|
2121
|
+
/* global google */
|
|
2122
|
+
var MapStore = /** @class */ (function () {
|
|
2123
|
+
function MapStore() {
|
|
2124
|
+
var _this = this;
|
|
2125
|
+
this.setMap = function (map) {
|
|
2126
|
+
_this.map = map;
|
|
2127
|
+
};
|
|
2128
|
+
this.setMarker = function (marker) {
|
|
2129
|
+
_this.marker = marker;
|
|
2130
|
+
};
|
|
2131
|
+
this.reset = function () {
|
|
2132
|
+
_this.map = null;
|
|
2133
|
+
};
|
|
2134
|
+
this.map = null;
|
|
2135
|
+
this.marker = null;
|
|
2136
|
+
mobx.makeAutoObservable(this);
|
|
2137
|
+
}
|
|
2138
|
+
return MapStore;
|
|
2139
|
+
}());
|
|
2140
|
+
|
|
1910
2141
|
function CountryAutocomplete(props) {
|
|
1911
2142
|
var _a = React.useState(false), isOpen = _a[0], setIsOpen = _a[1];
|
|
1912
2143
|
var form = props.form, name = props.name, label = props.label, defaultFilter = props.defaultFilter, onSelect = props.onSelect, otherProps = __rest(props, ["form", "name", "label", "defaultFilter", "onSelect"]);
|
|
@@ -2082,34 +2313,34 @@ var CityAutocomplete$1 = mobxReact.observer(CityAutocomplete);
|
|
|
2082
2313
|
|
|
2083
2314
|
function TwoOptionForAutocomplete(_a) {
|
|
2084
2315
|
var option = _a.option;
|
|
2085
|
-
return (jsxRuntime.jsxs(StyledWrapper$
|
|
2316
|
+
return (jsxRuntime.jsxs(StyledWrapper$f, __assign({ container: true, justify: "space-between" }, { children: [jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "s", weight: 500 }, { children: option.name })) })), jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "s", weight: 500, color: "fiftyP" }, { children: option.right })) }))] })));
|
|
2086
2317
|
}
|
|
2087
|
-
var StyledWrapper$
|
|
2088
|
-
var templateObject_1$
|
|
2318
|
+
var StyledWrapper$f = styled__default["default"](kuiBasic.Grid)(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ", ";\n },\n"], ["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ", ";\n },\n"])), kuiBasic.theme.palette.background.light2);
|
|
2319
|
+
var templateObject_1$M;
|
|
2089
2320
|
|
|
2090
2321
|
function SquarePreviewImage(_a) {
|
|
2091
2322
|
var imageSrc = _a.imageSrc, name = _a.name, size = _a.size, other = __rest(_a, ["imageSrc", "name", "size"]);
|
|
2092
2323
|
var formattedName = name === null || name === void 0 ? void 0 : name.split(" ").map(function (el) { return el[0]; }).slice(0, 2).join("").toUpperCase();
|
|
2093
|
-
return (jsxRuntime.jsx(StyledWrapper$
|
|
2324
|
+
return (jsxRuntime.jsx(StyledWrapper$e, __assign({ size: size || "lg" }, other, { children: imageSrc ? (jsxRuntime.jsx(StyledImage$7, { src: imageSrc, alt: "preview image" })) : (jsxRuntime.jsx(StyledNameWrapper, __assign({ alignItems: "center", justify: "center" }, { children: jsxRuntime.jsx(kuiBasic.Heading, __assign({ size: size === "sm" ? "h4" : "h1", colorGroup: "brand", color: "main" }, { children: formattedName !== null && formattedName !== void 0 ? formattedName : "?" })) }))) })));
|
|
2094
2325
|
}
|
|
2095
2326
|
var previewSizesStyles = {
|
|
2096
|
-
lg: react.css(templateObject_1$
|
|
2097
|
-
sm: react.css(templateObject_2$
|
|
2327
|
+
lg: react.css(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n width: 88px;\n height: 88px;\n border-radius: 16px;\n "], ["\n width: 88px;\n height: 88px;\n border-radius: 16px;\n "]))),
|
|
2328
|
+
sm: react.css(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n width: 32px;\n height: 32px;\n border-radius: 8px;\n "], ["\n width: 32px;\n height: 32px;\n border-radius: 8px;\n "]))),
|
|
2098
2329
|
};
|
|
2099
2330
|
var StyledImage$7 = styled__default["default"].img(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n display: block;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n display: block;\n object-fit: cover;\n"])));
|
|
2100
|
-
var StyledWrapper$
|
|
2331
|
+
var StyledWrapper$e = styled__default["default"].div(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n overflow: hidden;\n ", ";\n"], ["\n overflow: hidden;\n ", ";\n"])), function (_a) {
|
|
2101
2332
|
var size = _a.size;
|
|
2102
2333
|
return previewSizesStyles[size];
|
|
2103
2334
|
});
|
|
2104
2335
|
var StyledNameWrapper = styled__default["default"](kuiBasic.Grid)(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n background: ", ";\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n background: ", ";\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), kuiBasic.theme.palette.brand.light);
|
|
2105
|
-
var templateObject_1$
|
|
2336
|
+
var templateObject_1$L, templateObject_2$s, templateObject_3$n, templateObject_4$8, templateObject_5$5;
|
|
2106
2337
|
|
|
2107
2338
|
function Modal(_a) {
|
|
2108
2339
|
var open = _a.open, other = __rest(_a, ["open"]);
|
|
2109
2340
|
return jsxRuntime.jsx(StyledModal$3, __assign({ isScrollable: true, isOpen: open }, other));
|
|
2110
2341
|
}
|
|
2111
|
-
var StyledModal$3 = styled__default["default"](kuiBasic.Modal)(templateObject_1$
|
|
2112
|
-
var templateObject_1$
|
|
2342
|
+
var StyledModal$3 = styled__default["default"](kuiBasic.Modal)(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n max-height: calc(100% - 64px);\n .KUI-Modal_header {\n text-align: left;\n }\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n padding-bottom: 20px;\n }\n"], ["\n max-height: calc(100% - 64px);\n .KUI-Modal_header {\n text-align: left;\n }\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n padding-bottom: 20px;\n }\n"])));
|
|
2343
|
+
var templateObject_1$K;
|
|
2113
2344
|
|
|
2114
2345
|
const isValidWithMaskExp = /^[^_]+$/;
|
|
2115
2346
|
|
|
@@ -2131,10 +2362,10 @@ var CompanyCreationSchema = yup__namespace.object().shape({
|
|
|
2131
2362
|
|
|
2132
2363
|
function AutocompleteOption(_a) {
|
|
2133
2364
|
var label = _a.label;
|
|
2134
|
-
return (jsxRuntime.jsx(StyledWrapper$
|
|
2365
|
+
return (jsxRuntime.jsx(StyledWrapper$d, { children: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "s", weight: 500 }, { children: label })) }));
|
|
2135
2366
|
}
|
|
2136
|
-
var StyledWrapper$
|
|
2137
|
-
var templateObject_1$
|
|
2367
|
+
var StyledWrapper$d = styled__default["default"].div(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ", ";\n },\n"], ["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ", ";\n },\n"])), kuiBasic.theme.palette.background.light2);
|
|
2368
|
+
var templateObject_1$J;
|
|
2138
2369
|
|
|
2139
2370
|
var parentClassName$1 = "KUI-ErrorPopup_container";
|
|
2140
2371
|
var timeout = 5000;
|
|
@@ -2179,12 +2410,12 @@ function ErrorPopup(_a) {
|
|
|
2179
2410
|
return null;
|
|
2180
2411
|
}
|
|
2181
2412
|
var parentNode = document.querySelector(".".concat(parentClassName$1)) || createParentNode$1();
|
|
2182
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Global, { styles: containerCSS$1 }), ReactDOM.createPortal(jsxRuntime.jsx(StyledWrapper$
|
|
2413
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Global, { styles: containerCSS$1 }), ReactDOM.createPortal(jsxRuntime.jsx(StyledWrapper$c, __assign({ onMouseEnter: startHover, onMouseLeave: handleMouseLeave, className: "KUI-ErrorPopup", container: true, alignItems: "center" }, { children: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs", weight: 600, color: "zero" }, { children: jsxRuntime.jsx(StyledContent$1, { children: label ? "Error in ".concat(label) : "Error" }) })) })), parentNode)] }));
|
|
2183
2414
|
}
|
|
2184
|
-
var containerCSS$1 = react.css(templateObject_1$
|
|
2185
|
-
var StyledWrapper$
|
|
2415
|
+
var containerCSS$1 = react.css(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n body {\n position: relative;\n }\n .KUI-ErrorPopup_container {\n display: flex;\n position: fixed;\n top: 120px;\n justify-content: center;\n flex-direction: column;\n width: 100%;\n align-items: center;\n z-index: 10000;\n }\n"], ["\n body {\n position: relative;\n }\n .KUI-ErrorPopup_container {\n display: flex;\n position: fixed;\n top: 120px;\n justify-content: center;\n flex-direction: column;\n width: 100%;\n align-items: center;\n z-index: 10000;\n }\n"])));
|
|
2416
|
+
var StyledWrapper$c = styled__default["default"](kuiBasic.Grid)(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n height: 46px;\n border-radius: 12px;\n background: rgba(25, 25, 25, 0.8);\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n padding: 0 24px;\n margin-bottom: 16px;\n width: max-content;\n max-width: calc(100vh - 32px);\n &:last-child {\n margin-bottom: 0;\n }\n"], ["\n height: 46px;\n border-radius: 12px;\n background: rgba(25, 25, 25, 0.8);\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n padding: 0 24px;\n margin-bottom: 16px;\n width: max-content;\n max-width: calc(100vh - 32px);\n &:last-child {\n margin-bottom: 0;\n }\n"])));
|
|
2186
2417
|
var StyledContent$1 = styled__default["default"].pre(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n margin: 0;\n padding: 0;\n"], ["\n margin: 0;\n padding: 0;\n"])));
|
|
2187
|
-
var templateObject_1$
|
|
2418
|
+
var templateObject_1$I, templateObject_2$r, templateObject_3$m;
|
|
2188
2419
|
|
|
2189
2420
|
var parentClassName = "KUI-LoadingPopup_container";
|
|
2190
2421
|
var createParentNode = function () {
|
|
@@ -2206,14 +2437,14 @@ function LoaderPopup(_a) {
|
|
|
2206
2437
|
}
|
|
2207
2438
|
};
|
|
2208
2439
|
var parentNode = document.querySelector(".".concat(parentClassName)) || createParentNode();
|
|
2209
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Global, { styles: containerCSS }), ReactDOM.createPortal(jsxRuntime.jsxs(StyledWrapper$
|
|
2440
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Global, { styles: containerCSS }), ReactDOM.createPortal(jsxRuntime.jsxs(StyledWrapper$b, __assign({ className: "KUI-LoadingPopup", container: true, alignItems: "center" }, { children: [jsxRuntime.jsx(StyledLoader, {}), jsxRuntime.jsxs(StyledCaption$4, __assign({ size: "xs", weight: 600, color: "zero" }, { children: ["Loading ", label] })), jsxRuntime.jsx(CloseIconWrapper, __assign({ onClick: handleClose }, { children: jsxRuntime.jsx(kuiIcon.CrossWithCircleIcon, {}) }))] })), parentNode)] }));
|
|
2210
2441
|
}
|
|
2211
|
-
var containerCSS = react.css(templateObject_1$
|
|
2212
|
-
var StyledWrapper$
|
|
2442
|
+
var containerCSS = react.css(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n body {\n position: relative;\n }\n .KUI-LoadingPopup_container {\n display: flex;\n flex-direction: column-reverse;\n position: fixed;\n bottom: 56px;\n justify-content: center;\n width: 100%;\n align-items: center;\n z-index: 10000;\n }\n"], ["\n body {\n position: relative;\n }\n .KUI-LoadingPopup_container {\n display: flex;\n flex-direction: column-reverse;\n position: fixed;\n bottom: 56px;\n justify-content: center;\n width: 100%;\n align-items: center;\n z-index: 10000;\n }\n"])));
|
|
2443
|
+
var StyledWrapper$b = styled__default["default"](kuiBasic.Grid)(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n height: 48px;\n border-radius: 66px;\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n background: rgba(25, 25, 25, 0.8);\n padding: 4px 12px 4px 8px;\n margin-top: 16px;\n width: max-content;\n min-width: 247px;\n &:last-child {\n margin-top: 0;\n }\n"], ["\n height: 48px;\n border-radius: 66px;\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n background: rgba(25, 25, 25, 0.8);\n padding: 4px 12px 4px 8px;\n margin-top: 16px;\n width: max-content;\n min-width: 247px;\n &:last-child {\n margin-top: 0;\n }\n"])));
|
|
2213
2444
|
var StyledCaption$4 = styled__default["default"](kuiBasic.Caption)(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n padding: 0 14px;\n"], ["\n padding: 0 14px;\n"])));
|
|
2214
2445
|
var StyledLoader = styled__default["default"](kuiBasic.CircularProgress)(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n color: #f1f1f1;\n width: 28px !important;\n height: 28px !important;\n"], ["\n color: #f1f1f1;\n width: 28px !important;\n height: 28px !important;\n"])));
|
|
2215
2446
|
var CloseIconWrapper = styled__default["default"].div(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n cursor: pointer;\n margin-left: auto;\n height: 22px;\n"], ["\n cursor: pointer;\n margin-left: auto;\n height: 22px;\n"])));
|
|
2216
|
-
var templateObject_1$
|
|
2447
|
+
var templateObject_1$H, templateObject_2$q, templateObject_3$l, templateObject_4$7, templateObject_5$4;
|
|
2217
2448
|
|
|
2218
2449
|
function LoaderState(_a) {
|
|
2219
2450
|
var loader = _a.loader, onlyError = _a.onlyError;
|
|
@@ -2385,20 +2616,20 @@ function ModalWithMap(props) {
|
|
|
2385
2616
|
map.addListener("click", addPlace);
|
|
2386
2617
|
return function () { return map === null || map === void 0 ? void 0 : map.unbindAll(); };
|
|
2387
2618
|
}, [map, disabled]);
|
|
2388
|
-
return (jsxRuntime.jsxs(StyledModal$2, __assign({ handleClose: handleClose, open: open }, { children: [jsxRuntime.jsx(kuiComplex.MapWrapper, { children: jsxRuntime.jsx(MapComponent$1, { setMap: setMap }) }), !disabled && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(StyledInput$
|
|
2619
|
+
return (jsxRuntime.jsxs(StyledModal$2, __assign({ handleClose: handleClose, open: open }, { children: [jsxRuntime.jsx(kuiComplex.MapWrapper, { children: jsxRuntime.jsx(MapComponent$1, { setMap: setMap }) }), !disabled && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(StyledInput$5, { name: "mapAddress", label: "Address", form: form, handlePlaceSelect: handlePlaceSelect }), jsxRuntime.jsx(StyledButton$5, __assign({ size: "s", onClick: form.handleSubmit(handleSave), endIcon: jsxRuntime.jsx(kuiIcon.CheckIcon, {}) }, { children: "Save" }))] }))] })));
|
|
2389
2620
|
}
|
|
2390
2621
|
var ModalWithMap$1 = mobxReact.observer(ModalWithMap);
|
|
2391
|
-
var StyledModal$2 = styled__default["default"](Modal)(templateObject_1$
|
|
2392
|
-
var StyledInput$
|
|
2622
|
+
var StyledModal$2 = styled__default["default"](Modal)(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n max-width: 1295px !important;\n max-height: 736px !important;\n height: 100%;\n width: 100%;\n overflow: hidden;\n position: relative;\n .KUI-Modal_close-button {\n width: 32px;\n height: 32px;\n background: white;\n border-color: ", ";\n svg {\n width: 16px;\n height: 16px;\n path {\n fill: ", ";\n }\n }\n }\n"], ["\n max-width: 1295px !important;\n max-height: 736px !important;\n height: 100%;\n width: 100%;\n overflow: hidden;\n position: relative;\n .KUI-Modal_close-button {\n width: 32px;\n height: 32px;\n background: white;\n border-color: ", ";\n svg {\n width: 16px;\n height: 16px;\n path {\n fill: ", ";\n }\n }\n }\n"])), kuiBasic.theme.palette.grey.fifteenB, kuiBasic.theme.palette.grey.seventy);
|
|
2623
|
+
var StyledInput$5 = styled__default["default"](kuiComplex.InputWithAddressAutocomplete)(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n position: absolute;\n top: 24px;\n left: 24px;\n max-width: 25%;\n"], ["\n position: absolute;\n top: 24px;\n left: 24px;\n max-width: 25%;\n"])));
|
|
2393
2624
|
var StyledButton$5 = styled__default["default"](kuiBasic.Button)(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n position: absolute;\n bottom: 24px;\n right: 24px;\n"], ["\n position: absolute;\n bottom: 24px;\n right: 24px;\n"])));
|
|
2394
|
-
var templateObject_1$
|
|
2625
|
+
var templateObject_1$G, templateObject_2$p, templateObject_3$k;
|
|
2395
2626
|
|
|
2396
2627
|
function OpenMapButton(props) {
|
|
2397
2628
|
var _a = kuiUtils.useToggle(), isModalOpen = _a[0], handleModalOpen = _a[1], handleModalClose = _a[2];
|
|
2398
2629
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(StyledMapIcon, { onClick: handleModalOpen }), isModalOpen && (jsxRuntime.jsx(ModalWithMap$1, __assign({ open: isModalOpen, handleClose: handleModalClose }, props)))] }));
|
|
2399
2630
|
}
|
|
2400
|
-
var StyledMapIcon = styled__default["default"](kuiIcon.MapIcon)(templateObject_1$
|
|
2401
|
-
var templateObject_1$
|
|
2631
|
+
var StyledMapIcon = styled__default["default"](kuiIcon.MapIcon)(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\n cursor: pointer;\n"], ["\n cursor: pointer;\n"])));
|
|
2632
|
+
var templateObject_1$F;
|
|
2402
2633
|
|
|
2403
2634
|
function InputWithMap(_a) {
|
|
2404
2635
|
var form = _a.form, name = _a.name, disabled = _a.disabled, onPlaceSelect = _a.handlePlaceSelect, inputProps = __rest(_a, ["form", "name", "disabled", "handlePlaceSelect"]);
|
|
@@ -2439,11 +2670,11 @@ function PreviewImageCard(props) {
|
|
|
2439
2670
|
var handleBlur = function () { return setCloseButtonOpacity(0); };
|
|
2440
2671
|
return (jsxRuntime.jsxs(Wrapper$6, __assign({ onMouseEnter: handleHover, onMouseLeave: handleBlur, onClick: handleClick, ref: cardRef }, otherProps, { children: [jsxRuntime.jsx(StyledImage$6, { src: url, alt: "image" }), jsxRuntime.jsx(Backdrop$1, { children: jsxRuntime.jsx(kuiIcon.LoupeIcon, {}) }), ReactDOM.createPortal(jsxRuntime.jsx(StyledRemoveButton, __assign({ isCircle: true, variant: "white", onClick: handleDelete, style: closeButtonStyles, disabled: disabled }, { children: jsxRuntime.jsx(kuiIcon.CloseIcon, { width: 10, height: 10 }) })), document.body)] })));
|
|
2441
2672
|
}
|
|
2442
|
-
var Wrapper$6 = styled__default["default"].div(templateObject_1$
|
|
2443
|
-
var StyledImage$6 = styled__default["default"].img(templateObject_2$
|
|
2673
|
+
var Wrapper$6 = styled__default["default"].div(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n margin-top: 8px;\n position: relative;\n width: 56px;\n height: 56px;\n cursor: pointer;\n user-select: none;\n"], ["\n margin-top: 8px;\n position: relative;\n width: 56px;\n height: 56px;\n cursor: pointer;\n user-select: none;\n"])));
|
|
2674
|
+
var StyledImage$6 = styled__default["default"].img(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n border-radius: 8px;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n border-radius: 8px;\n"])));
|
|
2444
2675
|
var Backdrop$1 = styled__default["default"].div(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 8px;\n width: 100%;\n height: 100%;\n background-color: rgba(25, 25, 25, 0.4);\n transition: all ease-out 0.3s;\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n &:hover {\n opacity: 1;\n }\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 8px;\n width: 100%;\n height: 100%;\n background-color: rgba(25, 25, 25, 0.4);\n transition: all ease-out 0.3s;\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n &:hover {\n opacity: 1;\n }\n"])));
|
|
2445
2676
|
var StyledRemoveButton = styled__default["default"](kuiBasic.Button)(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n //opacity: 0;\n pointer-events: none;\n width: 24px;\n height: 24px;\n position: absolute;\n transition: all ease-out 0.3s;\n &:disabled {\n opacity: 0;\n }\n"], ["\n //opacity: 0;\n pointer-events: none;\n width: 24px;\n height: 24px;\n position: absolute;\n transition: all ease-out 0.3s;\n &:disabled {\n opacity: 0;\n }\n"])));
|
|
2446
|
-
var templateObject_1$
|
|
2677
|
+
var templateObject_1$E, templateObject_2$o, templateObject_3$j, templateObject_4$6;
|
|
2447
2678
|
|
|
2448
2679
|
var getURLFromFile = function (fileList) {
|
|
2449
2680
|
return fileList[0] ? URL.createObjectURL(fileList[0]) : null;
|
|
@@ -2481,14 +2712,14 @@ function FileUploaderWithPreview(props) {
|
|
|
2481
2712
|
setFilePreview(null);
|
|
2482
2713
|
form.setValue(name, null);
|
|
2483
2714
|
};
|
|
2484
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(StyledWrapper$
|
|
2715
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(StyledWrapper$a, { children: [jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs", color: "fiftyP" }, { children: label })), jsxRuntime.jsx(StyledInput$4, __assign({ id: "file_input", type: "file", "data-testid": "file_input" }, formRegister, { onChange: handleChange })), filePreview ? (jsxRuntime.jsx(PreviewImageCard, { url: filePreview, onDelete: handleDelete })) : (jsxRuntime.jsx(StyledLabel$1, __assign({ htmlFor: "file_input" }, { children: jsxRuntime.jsx(StyledCircleButton, __assign({ isCircle: true, size: "l", variant: "grayLight" }, { children: jsxRuntime.jsx(kuiIcon.PlusIcon, {}) })) })))] }), error && (jsxRuntime.jsx(StyledErrorMessage, __assign({ size: "xs", colorGroup: "red", color: "seventy" }, { children: error })))] }));
|
|
2485
2716
|
}
|
|
2486
|
-
var StyledWrapper$
|
|
2487
|
-
var StyledLabel$1 = styled__default["default"].label(templateObject_2$
|
|
2717
|
+
var StyledWrapper$a = styled__default["default"].div(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n border-radius: 8px;\n border: 1px dashed ", ";\n padding: 6px 16px 16px;\n display: inline-block;\n"], ["\n border-radius: 8px;\n border: 1px dashed ", ";\n padding: 6px 16px 16px;\n display: inline-block;\n"])), kuiBasic.theme.palette.grey.fifteenB);
|
|
2718
|
+
var StyledLabel$1 = styled__default["default"].label(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n margin-top: 8px;\n display: block;\n cursor: pointer;\n"], ["\n margin-top: 8px;\n display: block;\n cursor: pointer;\n"])));
|
|
2488
2719
|
var StyledCircleButton = styled__default["default"](kuiBasic.Button)(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n border-radius: 8px;\n background: ", ";\n pointer-events: none;\n"], ["\n border-radius: 8px;\n background: ", ";\n pointer-events: none;\n"])), kuiBasic.theme.palette.background.light2);
|
|
2489
|
-
var StyledInput$
|
|
2720
|
+
var StyledInput$4 = styled__default["default"].input(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
2490
2721
|
var StyledErrorMessage = styled__default["default"](kuiBasic.Caption)(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n margin-top: 4px;\n"], ["\n margin-top: 4px;\n"])));
|
|
2491
|
-
var templateObject_1$
|
|
2722
|
+
var templateObject_1$D, templateObject_2$n, templateObject_3$i, templateObject_4$5, templateObject_5$3;
|
|
2492
2723
|
|
|
2493
2724
|
var companyFields = [
|
|
2494
2725
|
{
|
|
@@ -2532,12 +2763,12 @@ FormBottom.defaultProps = {
|
|
|
2532
2763
|
variant: "create",
|
|
2533
2764
|
label: "Create",
|
|
2534
2765
|
};
|
|
2535
|
-
var StyledLoading = styled__default["default"](kuiComplex.Loading)(templateObject_1$
|
|
2766
|
+
var StyledLoading = styled__default["default"](kuiComplex.Loading)(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n .MuiCircularProgress-root {\n color: ", " !important;\n height: 32px !important;\n width: 32px !important;\n }\n"], ["\n .MuiCircularProgress-root {\n color: ", " !important;\n height: 32px !important;\n width: 32px !important;\n }\n"])), kuiBasic.theme.palette.grey.fiftyP);
|
|
2536
2767
|
function Footer(_a) {
|
|
2537
2768
|
_a.isFixed; var children = _a.children, otherProps = __rest(_a, ["isFixed", "children"]);
|
|
2538
2769
|
return jsxRuntime$1.jsx("div", __assign({}, otherProps, { children: children }));
|
|
2539
2770
|
}
|
|
2540
|
-
var StyledFooter = styled__default["default"](Footer)(templateObject_2$
|
|
2771
|
+
var StyledFooter = styled__default["default"](Footer)(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n background: ", ";\n border-radius: 0 0 12px 12px;\n z-index: ", ";\n position: ", ";\n bottom: ", ";\n left: ", ";\n"], ["\n background: ", ";\n border-radius: 0 0 12px 12px;\n z-index: ", ";\n position: ", ";\n bottom: ", ";\n left: ", ";\n"])), kuiBasic.theme.palette.grey.zero, function (_a) {
|
|
2541
2772
|
var isFixed = _a.isFixed;
|
|
2542
2773
|
return (isFixed ? 1000 : 1);
|
|
2543
2774
|
}, function (_a) {
|
|
@@ -2551,7 +2782,7 @@ var StyledFooter = styled__default["default"](Footer)(templateObject_2$k || (tem
|
|
|
2551
2782
|
return (isFixed ? 0 : "auto");
|
|
2552
2783
|
});
|
|
2553
2784
|
var StyledEndButtonWrapper = styled__default["default"].div(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n margin-right: 20px;\n"], ["\n margin-right: 20px;\n"])));
|
|
2554
|
-
var templateObject_1$
|
|
2785
|
+
var templateObject_1$C, templateObject_2$m, templateObject_3$h;
|
|
2555
2786
|
|
|
2556
2787
|
function CompanyCreationForm(_a) {
|
|
2557
2788
|
var handleSubmit = _a.handleSubmit;
|
|
@@ -2727,7 +2958,7 @@ var FormWrapper = function (props) {
|
|
|
2727
2958
|
|
|
2728
2959
|
function HeadingWithButton(_a) {
|
|
2729
2960
|
var title = _a.title, onClick = _a.onClick, isEditing = _a.isEditing, icon = _a.icon, children = _a.children, className = _a.className, variant = _a.variant, showButton = _a.showButton, otherProps = __rest(_a, ["title", "onClick", "isEditing", "icon", "children", "className", "variant", "showButton"]);
|
|
2730
|
-
return (jsxRuntime.jsx(kuiBasic.Box, __assign({ pt: 3, pb: 2, className: className }, { children: jsxRuntime.jsxs(StyledWrapper$
|
|
2961
|
+
return (jsxRuntime.jsx(kuiBasic.Box, __assign({ pt: 3, pb: 2, className: className }, { children: jsxRuntime.jsxs(StyledWrapper$9, __assign({ container: true, alignItems: "center", justify: "space-between" }, { children: [jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(kuiBasic.Heading, __assign({ size: "h4" }, { children: title })) })), jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, justify: "flex-end", alignContent: "center" }, { children: [jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: children })), showButton && (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(kuiBasic.Button, __assign({ isCircle: true, "data-testid": "add_field_button", disabled: !isEditing, size: "xs", variant: variant, onClick: onClick }, otherProps, { children: icon })) })))] })) }))] })) })));
|
|
2731
2962
|
}
|
|
2732
2963
|
HeadingWithButton.defaultProps = {
|
|
2733
2964
|
isEditing: true,
|
|
@@ -2736,8 +2967,8 @@ HeadingWithButton.defaultProps = {
|
|
|
2736
2967
|
variant: "white",
|
|
2737
2968
|
showButton: true,
|
|
2738
2969
|
};
|
|
2739
|
-
var StyledWrapper$
|
|
2740
|
-
var templateObject_1$
|
|
2970
|
+
var StyledWrapper$9 = styled__default["default"](kuiBasic.Grid)(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n height: 32px;\n"], ["\n height: 32px;\n"])));
|
|
2971
|
+
var templateObject_1$B;
|
|
2741
2972
|
|
|
2742
2973
|
var meterFeaturesFieldsSchema = {
|
|
2743
2974
|
noTariff: yup__namespace.boolean(),
|
|
@@ -2864,7 +3095,7 @@ var PartialPayer = function (props) {
|
|
|
2864
3095
|
}
|
|
2865
3096
|
}, [form.formState.isDirty]);
|
|
2866
3097
|
var fields = getPartialPayerFields(mainPayer, refundFromRef, fieldsVariant || "radio", utilityType);
|
|
2867
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [fieldsVariant === "radio" && (jsxRuntime.jsx(StyledRadioGroup$1, __assign({ options: PartialPayerValues, form: form, name: "".concat(name, ".payer"), direction: "vertical" }, other))), fieldsVariant === "radio" ? (payerType === "partial" && (jsxRuntime.jsx(StyledFieldsGroup, { children: jsxRuntime.jsx(StyledWrapper$
|
|
3098
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [fieldsVariant === "radio" && (jsxRuntime.jsx(StyledRadioGroup$1, __assign({ options: PartialPayerValues, form: form, name: "".concat(name, ".payer"), direction: "vertical" }, other))), fieldsVariant === "radio" ? (payerType === "partial" && (jsxRuntime.jsx(StyledFieldsGroup, { children: jsxRuntime.jsx(StyledWrapper$8, __assign({ container: true, spacing: 2 }, { children: fields.map(function (_a) {
|
|
2868
3099
|
var fieldName = _a.name, field = __rest(_a, ["name"]);
|
|
2869
3100
|
return (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: 6 }, { children: jsxRuntime.jsx(InputByType, __assign({ name: "".concat(name, ".").concat(fieldName), form: form }, field)) })));
|
|
2870
3101
|
}) })) }))) : (jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, spacing: 2 }, { children: [jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: payerType === "partial" ? 3 : 12 }, { children: jsxRuntime.jsx(InputSelect, __assign({ label: "Utilities by ".concat(utilityType), name: "".concat(name, ".payer"), options: PartialPayerValues, form: form }, other)) })), payerType === "partial" &&
|
|
@@ -2876,10 +3107,10 @@ var PartialPayer = function (props) {
|
|
|
2876
3107
|
PartialPayer.defaultProps = {
|
|
2877
3108
|
variant: "radio",
|
|
2878
3109
|
};
|
|
2879
|
-
var StyledFieldsGroup = styled__default["default"](kuiBasic.Grid)(templateObject_1$
|
|
2880
|
-
var StyledRadioGroup$1 = styled__default["default"](kuiComplex.RadioGroupWithLabel)(templateObject_2$
|
|
2881
|
-
var StyledWrapper$
|
|
2882
|
-
var templateObject_1$
|
|
3110
|
+
var StyledFieldsGroup = styled__default["default"](kuiBasic.Grid)(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\n background: ", ";\n border-radius: 0 0 8px 8px;\n"], ["\n background: ", ";\n border-radius: 0 0 8px 8px;\n"])), kuiBasic.theme.palette.background.light1);
|
|
3111
|
+
var StyledRadioGroup$1 = styled__default["default"](kuiComplex.RadioGroupWithLabel)(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n padding: 10px;\n background: white;\n"], ["\n padding: 10px;\n background: white;\n"])));
|
|
3112
|
+
var StyledWrapper$8 = styled__default["default"](kuiBasic.Grid)(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n padding-top: 16px;\n"], ["\n padding-top: 16px;\n"])));
|
|
3113
|
+
var templateObject_1$A, templateObject_2$l, templateObject_3$g;
|
|
2883
3114
|
|
|
2884
3115
|
var CommonTariffFieldsSchema = yup__namespace.object().shape({
|
|
2885
3116
|
region: yup__namespace.object({
|
|
@@ -2965,9 +3196,9 @@ function TariffReplacementField(props) {
|
|
|
2965
3196
|
};
|
|
2966
3197
|
return (jsxRuntime.jsx(StyledInputWrapper, { children: jsxRuntime.jsx(TariffGroupAutocomplete$1, __assign({ label: !value && "Tariff group", endIcon: value && jsxRuntime.jsx(StyledCrossIcon, { onClick: handleDelete }), form: form, name: name, filter: "&can_be_replaced=true" }, inputProps)) }));
|
|
2967
3198
|
}
|
|
2968
|
-
var StyledInputWrapper = styled__default["default"].div(templateObject_1$
|
|
2969
|
-
var StyledCrossIcon = styled__default["default"](kuiIcon.CloseIcon)(templateObject_2$
|
|
2970
|
-
var templateObject_1$
|
|
3199
|
+
var StyledInputWrapper = styled__default["default"].div(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n padding-top: 16px;\n &:first-child {\n padding-top: 12px;\n }\n"], ["\n padding-top: 16px;\n &:first-child {\n padding-top: 12px;\n }\n"])));
|
|
3200
|
+
var StyledCrossIcon = styled__default["default"](kuiIcon.CloseIcon)(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n cursor: pointer;\n margin-right: -6px;\n width: 22px;\n height: 22px;\n path {\n fill: ", ";\n }\n"], ["\n cursor: pointer;\n margin-right: -6px;\n width: 22px;\n height: 22px;\n path {\n fill: ", ";\n }\n"])), kuiBasic.theme.palette.grey.fiftyP);
|
|
3201
|
+
var templateObject_1$z, templateObject_2$k;
|
|
2971
3202
|
|
|
2972
3203
|
function TariffReplacementFields(_a) {
|
|
2973
3204
|
var form = _a.form, resource = _a.resource, setReplaceable = _a.setReplaceable;
|
|
@@ -2984,10 +3215,10 @@ function TariffReplacementFields(_a) {
|
|
|
2984
3215
|
else
|
|
2985
3216
|
setReplaceable(false);
|
|
2986
3217
|
}, [fields]);
|
|
2987
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(StyledHeadingWithButton, { title: "REPLACEABLE TARIFF GROUPS", onClick: addTariff, isEditing: true }), jsxRuntime.jsx("div", { children: fields.map(function (item, key) { return (jsxRuntime.jsx(TariffReplacementField, { name: "replaceableTariffsGroups.".concat(key), form: form, resource: resource, index: key, remove: remove }, fields[key].id)); }) })] }));
|
|
3218
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(StyledHeadingWithButton$1, { title: "REPLACEABLE TARIFF GROUPS", onClick: addTariff, isEditing: true }), jsxRuntime.jsx("div", { children: fields.map(function (item, key) { return (jsxRuntime.jsx(TariffReplacementField, { name: "replaceableTariffsGroups.".concat(key), form: form, resource: resource, index: key, remove: remove }, fields[key].id)); }) })] }));
|
|
2988
3219
|
}
|
|
2989
|
-
var StyledHeadingWithButton = styled__default["default"](HeadingWithButton)(templateObject_1$
|
|
2990
|
-
var templateObject_1$
|
|
3220
|
+
var StyledHeadingWithButton$1 = styled__default["default"](HeadingWithButton)(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n padding-bottom: 0;\n padding-top: 8px;\n h4 {\n font-size: 12px;\n line-height: 14px;\n font-weight: 600;\n }\n"], ["\n padding-bottom: 0;\n padding-top: 8px;\n h4 {\n font-size: 12px;\n line-height: 14px;\n font-weight: 600;\n }\n"])));
|
|
3221
|
+
var templateObject_1$y;
|
|
2991
3222
|
|
|
2992
3223
|
function CommonTariffFields(props) {
|
|
2993
3224
|
var resource = props.resource, setResource = props.setResource, setReplaceable = props.setReplaceable, creationForm = props.creationForm;
|
|
@@ -3011,8 +3242,8 @@ function CommonTariffFields(props) {
|
|
|
3011
3242
|
}), jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: 12 }, { children: jsxRuntime.jsx(TariffReplacementFields, { setReplaceable: setReplaceable, resource: resource, form: form }) }))] })) })), jsxRuntime.jsx(FormBottom, { label: "Next", endIcon: jsxRuntime.jsx(kuiIcon.NextArrowIcon, {}), type: "button", handleClick: form.handleSubmit(handleSubmit) })] }));
|
|
3012
3243
|
}
|
|
3013
3244
|
var CommonTariffFields$1 = mobxReact.observer(CommonTariffFields);
|
|
3014
|
-
var StyledRadioGroup = styled__default["default"](kuiComplex.RadioGroupWithLabel)(templateObject_1$
|
|
3015
|
-
var templateObject_1$
|
|
3245
|
+
var StyledRadioGroup = styled__default["default"](kuiComplex.RadioGroupWithLabel)(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n padding: 3px;\n"], ["\n padding: 3px;\n"])));
|
|
3246
|
+
var templateObject_1$x;
|
|
3016
3247
|
|
|
3017
3248
|
var ChangeReasonTariffFieldsSchema = yup__namespace.object().shape({
|
|
3018
3249
|
reason: yup__namespace.object({
|
|
@@ -3060,10 +3291,10 @@ function ElectricityTariffCreationFields(props) {
|
|
|
3060
3291
|
handleSubmit(__assign(__assign({}, creationForm.fields), data));
|
|
3061
3292
|
}
|
|
3062
3293
|
};
|
|
3063
|
-
return (jsxRuntime.jsxs("form", { children: [jsxRuntime.jsxs(kuiBasic.Box, __assign({ pl: 5, pr: 5, mb: 3 }, { children: [jsxRuntime.jsx(StyledInput$
|
|
3294
|
+
return (jsxRuntime.jsxs("form", { children: [jsxRuntime.jsxs(kuiBasic.Box, __assign({ pl: 5, pr: 5, mb: 3 }, { children: [jsxRuntime.jsx(StyledInput$3, { form: form, name: "T1", label: "One-part", type: "number", step: 0.001 }), jsxRuntime.jsx(StyledInput$3, { form: form, name: "T2", label: "Two-part", type: "number", step: 0.001 }), jsxRuntime.jsx(StyledInput$3, { form: form, name: "T3", label: "Three-part", type: "number", step: 0.001 })] })), jsxRuntime.jsx(FormBottom, { label: isReplaceable ? "Next" : "Create", endIcon: isReplaceable ? jsxRuntime.jsx(kuiIcon.NextArrowIcon, {}) : jsxRuntime.jsx(kuiIcon.CheckIcon, {}), type: "button", handleClick: form.handleSubmit(handleFormSubmit) })] }));
|
|
3064
3295
|
}
|
|
3065
|
-
var StyledInput$
|
|
3066
|
-
var templateObject_1$
|
|
3296
|
+
var StyledInput$3 = styled__default["default"](kuiComplex.InputWithController)(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n margin-top: 16px;\n &:first-child {\n margin-top: 0;\n }\n"], ["\n margin-top: 16px;\n &:first-child {\n margin-top: 0;\n }\n"])));
|
|
3297
|
+
var templateObject_1$w;
|
|
3067
3298
|
|
|
3068
3299
|
var WaterTariffFieldsSchema = yup__namespace.object().shape({
|
|
3069
3300
|
cold: yup__namespace
|
|
@@ -3093,10 +3324,10 @@ function WaterTariffCreationFields(props) {
|
|
|
3093
3324
|
handleSubmit(__assign(__assign({}, creationForm.fields), data));
|
|
3094
3325
|
}
|
|
3095
3326
|
};
|
|
3096
|
-
return (jsxRuntime.jsxs("form", { children: [jsxRuntime.jsxs(kuiBasic.Box, __assign({ pl: 5, pr: 5, mb: 3 }, { children: [jsxRuntime.jsx(StyledInput, { form: form, name: "cold", label: "Cold", type: "number", step: 0.001 }), jsxRuntime.jsx(StyledInput, { form: form, name: "hot", label: "Hot", type: "number", step: 0.001 }), jsxRuntime.jsx(StyledInput, { form: form, name: "sewerage", label: "Sewer", type: "number", step: 0.001 })] })), jsxRuntime.jsx(FormBottom, { label: isReplaceable ? "Next" : "Create", endIcon: isReplaceable ? jsxRuntime.jsx(kuiIcon.NextArrowIcon, {}) : jsxRuntime.jsx(kuiIcon.CheckIcon, {}), type: "button", handleClick: form.handleSubmit(handleFormSubmit) })] }));
|
|
3327
|
+
return (jsxRuntime.jsxs("form", { children: [jsxRuntime.jsxs(kuiBasic.Box, __assign({ pl: 5, pr: 5, mb: 3 }, { children: [jsxRuntime.jsx(StyledInput$2, { form: form, name: "cold", label: "Cold", type: "number", step: 0.001 }), jsxRuntime.jsx(StyledInput$2, { form: form, name: "hot", label: "Hot", type: "number", step: 0.001 }), jsxRuntime.jsx(StyledInput$2, { form: form, name: "sewerage", label: "Sewer", type: "number", step: 0.001 })] })), jsxRuntime.jsx(FormBottom, { label: isReplaceable ? "Next" : "Create", endIcon: isReplaceable ? jsxRuntime.jsx(kuiIcon.NextArrowIcon, {}) : jsxRuntime.jsx(kuiIcon.CheckIcon, {}), type: "button", handleClick: form.handleSubmit(handleFormSubmit) })] }));
|
|
3097
3328
|
}
|
|
3098
|
-
var StyledInput = styled__default["default"](kuiComplex.InputWithController)(templateObject_1$
|
|
3099
|
-
var templateObject_1$
|
|
3329
|
+
var StyledInput$2 = styled__default["default"](kuiComplex.InputWithController)(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n margin-top: 16px;\n &:first-child {\n margin-top: 0;\n }\n"], ["\n margin-top: 16px;\n &:first-child {\n margin-top: 0;\n }\n"])));
|
|
3330
|
+
var templateObject_1$v;
|
|
3100
3331
|
|
|
3101
3332
|
var SingleTariffFieldsSchema = yup__namespace.object().shape({
|
|
3102
3333
|
value: yup__namespace
|
|
@@ -3212,19 +3443,19 @@ var TariffGroupAutocomplete$1 = mobxReact.observer(TariffGroupAutocomplete);
|
|
|
3212
3443
|
var Tooltip = styled__default["default"](React.forwardRef(function (_a, ref) {
|
|
3213
3444
|
var otherProps = __rest(_a, []);
|
|
3214
3445
|
return (jsxRuntime.jsx(kuiBasic.Tooltip, __assign({ placement: "bottom-start" }, otherProps)));
|
|
3215
|
-
}))(templateObject_1$
|
|
3446
|
+
}))(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n .KUI-Popper {\n padding-top: 16px;\n max-width: ", " !important;\n }\n"], ["\n .KUI-Popper {\n padding-top: 16px;\n max-width: ", " !important;\n }\n"])), function (_a) {
|
|
3216
3447
|
var title = _a.title;
|
|
3217
3448
|
return String(title).length > 25 ? "217px" : "unset";
|
|
3218
3449
|
});
|
|
3219
|
-
var templateObject_1$
|
|
3450
|
+
var templateObject_1$u;
|
|
3220
3451
|
|
|
3221
3452
|
var LabelWithHint = function (props) {
|
|
3222
3453
|
var label = props.label, hintMessage = props.hintMessage;
|
|
3223
3454
|
return (jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, alignItems: "center" }, { children: [jsxRuntime.jsx(kuiBasic.Caption, __assign({ weight: 500, size: "s" }, { children: label })), jsxRuntime.jsx(StyledTooltip$1, __assign({ strategy: "fixed", placement: "bottom", content: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs" }, { children: hintMessage })) }, { children: jsxRuntime.jsx(StyledIcon$1, {}) }))] })));
|
|
3224
3455
|
};
|
|
3225
|
-
var StyledIcon$1 = styled__default["default"](kuiIcon.QuestionIcon)(templateObject_1$
|
|
3226
|
-
var StyledTooltip$1 = styled__default["default"](Tooltip)(templateObject_2$
|
|
3227
|
-
var templateObject_1$
|
|
3456
|
+
var StyledIcon$1 = styled__default["default"](kuiIcon.QuestionIcon)(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n margin-left: 4px;\n path {\n fill: ", ";\n }\n"], ["\n margin-left: 4px;\n path {\n fill: ", ";\n }\n"])), kuiBasic.theme.palette.grey.fiftyP);
|
|
3457
|
+
var StyledTooltip$1 = styled__default["default"](Tooltip)(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n .KUI-Popper {\n max-width: 215px !important;\n }\n .Tooltip_content {\n z-index: auto;\n }\n"], ["\n .KUI-Popper {\n max-width: 215px !important;\n }\n .Tooltip_content {\n z-index: auto;\n }\n"])));
|
|
3458
|
+
var templateObject_1$t, templateObject_2$j;
|
|
3228
3459
|
|
|
3229
3460
|
var CheckboxWithHint = function (props) {
|
|
3230
3461
|
var hintMessage = props.hintMessage, label = props.label, other = __rest(props, ["hintMessage", "label"]);
|
|
@@ -3412,13 +3643,13 @@ function MeterFeaturesForm(props) {
|
|
|
3412
3643
|
|
|
3413
3644
|
function TableBottomLoading(_a) {
|
|
3414
3645
|
var isLoading = _a.isLoading;
|
|
3415
|
-
return (jsxRuntime$1.jsx(StyledWrapper$
|
|
3646
|
+
return (jsxRuntime$1.jsx(StyledWrapper$7, __assign({ css: {
|
|
3416
3647
|
height: isLoading ? 56 : 0,
|
|
3417
3648
|
paddingTop: isLoading ? 20 : 0,
|
|
3418
3649
|
} }, { children: isLoading && jsxRuntime$1.jsx(kuiComplex.Loading, { height: "auto" }) })));
|
|
3419
3650
|
}
|
|
3420
|
-
var StyledWrapper$
|
|
3421
|
-
var templateObject_1$
|
|
3651
|
+
var StyledWrapper$7 = styled__default["default"].div(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n transition: all ease-out 0.3s;\n"], ["\n transition: all ease-out 0.3s;\n"])));
|
|
3652
|
+
var templateObject_1$s;
|
|
3422
3653
|
|
|
3423
3654
|
function CopyButton(_a) {
|
|
3424
3655
|
var text = _a.text, otherProps = __rest(_a, ["text"]);
|
|
@@ -3439,23 +3670,23 @@ function CopyButton(_a) {
|
|
|
3439
3670
|
}, [isCopied]);
|
|
3440
3671
|
return (jsxRuntime.jsxs(Wrapper$5, __assign({ container: true, alignItems: "center" }, { children: [jsxRuntime.jsx(CopyIconStyled, __assign({ onClick: handleClick, width: 20, height: 20 }, otherProps)), jsxRuntime.jsx(CardWrapper, __assign({ isCopied: isCopied }, { children: jsxRuntime.jsx(StyledCaption$3, __assign({ size: "xs", disableUserSelect: true }, { children: "Copied to Clipboard" })) }))] })));
|
|
3441
3672
|
}
|
|
3442
|
-
var CopyIconStyled = styled__default["default"](kuiIcon.CopyIcon)(templateObject_1$
|
|
3443
|
-
var StyledCaption$3 = styled__default["default"](kuiBasic.Caption)(templateObject_2$
|
|
3673
|
+
var CopyIconStyled = styled__default["default"](kuiIcon.CopyIcon)(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n cursor: pointer;\n path {\n fill: ", ";\n transition: all ease-out 0.3s;\n }\n &:hover {\n path {\n fill: ", ";\n }\n }\n"], ["\n cursor: pointer;\n path {\n fill: ", ";\n transition: all ease-out 0.3s;\n }\n &:hover {\n path {\n fill: ", ";\n }\n }\n"])), kuiBasic.theme.palette.grey.thirty, kuiBasic.theme.palette.grey.seventy);
|
|
3674
|
+
var StyledCaption$3 = styled__default["default"](kuiBasic.Caption)(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n -webkit-text-fill-color: ", ";\n"], ["\n -webkit-text-fill-color: ", ";\n"])), kuiBasic.theme.palette.grey.seventy);
|
|
3444
3675
|
var CardWrapper = styled__default["default"].div(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n opacity: ", ";\n background: #ffffff;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n border-radius: 12px;\n height: 48px;\n width: 217px;\n padding: 0 16px;\n display: flex;\n align-items: center;\n position: absolute;\n top: -2px;\n right: -227px;\n transition: opacity ease-out 0.3s;\n pointer-events: none;\n box-sizing: border-box;\n z-index: 10;\n @media (max-width: 1750px) {\n right: 0;\n top: unset;\n bottom: -50px;\n z-index: 10;\n }\n @media (max-width: ", "px) {\n position: fixed;\n bottom: 24px;\n right: calc(50% - 217px / 2);\n }\n"], ["\n opacity: ", ";\n background: #ffffff;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n border-radius: 12px;\n height: 48px;\n width: 217px;\n padding: 0 16px;\n display: flex;\n align-items: center;\n position: absolute;\n top: -2px;\n right: -227px;\n transition: opacity ease-out 0.3s;\n pointer-events: none;\n box-sizing: border-box;\n z-index: 10;\n @media (max-width: 1750px) {\n right: 0;\n top: unset;\n bottom: -50px;\n z-index: 10;\n }\n @media (max-width: ", "px) {\n position: fixed;\n bottom: 24px;\n right: calc(50% - 217px / 2);\n }\n"])), function (_a) {
|
|
3445
3676
|
var isCopied = _a.isCopied;
|
|
3446
3677
|
return (isCopied ? 1 : 0);
|
|
3447
3678
|
}, kuiBasic.theme.breakpoints.sm);
|
|
3448
3679
|
var Wrapper$5 = styled__default["default"](kuiBasic.Grid)(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n width: auto;\n position: relative;\n"], ["\n width: auto;\n position: relative;\n"])));
|
|
3449
|
-
var templateObject_1$
|
|
3680
|
+
var templateObject_1$r, templateObject_2$i, templateObject_3$f, templateObject_4$4;
|
|
3450
3681
|
|
|
3451
3682
|
var GalleryNavigation = function (_a) {
|
|
3452
3683
|
var handlePrev = _a.handlePrev, handleNext = _a.handleNext;
|
|
3453
3684
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(PrevButton, __assign({ isCircle: true, size: "s", variant: "blur", onClick: handlePrev }, { children: jsxRuntime.jsx(kuiIcon.HalfPrevArrowIcon, {}) })), jsxRuntime.jsx(NextButton, __assign({ isCircle: true, size: "s", variant: "blur", onClick: handleNext }, { children: jsxRuntime.jsx(kuiIcon.HalfArrowNextIcon, {}) }))] }));
|
|
3454
3685
|
};
|
|
3455
|
-
var buttonStyles = react.css(templateObject_1$
|
|
3456
|
-
var NextButton = styled__default["default"](kuiBasic.Button)(templateObject_2$
|
|
3686
|
+
var buttonStyles = react.css(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n position: absolute;\n top: calc(50% - 20px);\n z-index: 10;\n @media (max-width: 900px) {\n display: none;\n }\n"], ["\n position: absolute;\n top: calc(50% - 20px);\n z-index: 10;\n @media (max-width: 900px) {\n display: none;\n }\n"])));
|
|
3687
|
+
var NextButton = styled__default["default"](kuiBasic.Button)(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n right: 24px;\n ", "\n"], ["\n right: 24px;\n ", "\n"])), buttonStyles);
|
|
3457
3688
|
var PrevButton = styled__default["default"](kuiBasic.Button)(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n left: 24px;\n ", "\n"], ["\n left: 24px;\n ", "\n"])), buttonStyles);
|
|
3458
|
-
var templateObject_1$
|
|
3689
|
+
var templateObject_1$q, templateObject_2$h, templateObject_3$e;
|
|
3459
3690
|
|
|
3460
3691
|
var GalleryThumbnails = function (_a) {
|
|
3461
3692
|
var images = _a.images, activeSlide = _a.activeSlide, handleChange = _a.handleChange;
|
|
@@ -3471,13 +3702,13 @@ var GalleryThumbnails = function (_a) {
|
|
|
3471
3702
|
// css={index === activeSlide && activeStyles(theme)}
|
|
3472
3703
|
onClick: function () { return handleChange(index); } }, { children: jsxRuntime$1.jsx(StyledImage$5, { active: index === activeSlide, src: image.mediumImageUrl, alt: "slide" }) }), index)); }) })) }));
|
|
3473
3704
|
};
|
|
3474
|
-
var Wrapper$4 = styled__default["default"].div(templateObject_1$
|
|
3475
|
-
var StyledImage$5 = styled__default["default"].img(templateObject_2$
|
|
3705
|
+
var Wrapper$4 = styled__default["default"].div(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n padding: 16px;\n background-color: ", ";\n @media (max-width: 601px) {\n padding: 14px 16px 16px;\n }\n"], ["\n padding: 16px;\n background-color: ", ";\n @media (max-width: 601px) {\n padding: 14px 16px 16px;\n }\n"])), kuiBasic.theme.palette.grey.zero);
|
|
3706
|
+
var StyledImage$5 = styled__default["default"].img(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 8px;\n box-sizing: border-box;\n border: 2px solid\n ", ";\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 8px;\n box-sizing: border-box;\n border: 2px solid\n ", ";\n"])), function (_a) {
|
|
3476
3707
|
var active = _a.active;
|
|
3477
3708
|
return (active ? kuiBasic.theme.palette.brand.main : "transparent");
|
|
3478
3709
|
});
|
|
3479
3710
|
var StyledSlide$2 = styled__default["default"].div(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n width: 80px;\n height: 80px;\n //border-radius: 6px;\n @media (max-width: 601px) {\n width: 48px;\n height: 48px;\n }\n"], ["\n width: 80px;\n height: 80px;\n //border-radius: 6px;\n @media (max-width: 601px) {\n width: 48px;\n height: 48px;\n }\n"])));
|
|
3480
|
-
var templateObject_1$
|
|
3711
|
+
var templateObject_1$p, templateObject_2$g, templateObject_3$d;
|
|
3481
3712
|
|
|
3482
3713
|
var GallerySlider = function (_a) {
|
|
3483
3714
|
var images = _a.images, currentIndex = _a.currentIndex, updateCurrentIndex = _a.updateCurrentIndex, swiperRef = _a.swiperRef;
|
|
@@ -3494,12 +3725,12 @@ var GallerySlider = function (_a) {
|
|
|
3494
3725
|
};
|
|
3495
3726
|
if (!images)
|
|
3496
3727
|
return null;
|
|
3497
|
-
return (jsxRuntime.jsx(StyledWrapper$
|
|
3728
|
+
return (jsxRuntime.jsx(StyledWrapper$6, { children: jsxRuntime.jsx(Swiper__default["default"], __assign({}, params, { ref: swiperRef }, { children: images.map(function (image, key) { return (jsxRuntime.jsx(StyledSlide$1, { children: jsxRuntime.jsx(StyledImage$4, { src: image.largeImageUrl, alt: "slide" }) }, key)); }) })) }));
|
|
3498
3729
|
};
|
|
3499
|
-
var StyledWrapper$
|
|
3500
|
-
var StyledSlide$1 = styled__default["default"].div(templateObject_2$
|
|
3730
|
+
var StyledWrapper$6 = styled__default["default"].div(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n padding-top: 64px;\n background-color: #191919;\n"], ["\n padding-top: 64px;\n background-color: #191919;\n"])));
|
|
3731
|
+
var StyledSlide$1 = styled__default["default"].div(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n overflow: hidden;\n border-radius: 14px;\n background-color: #191919;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n height: calc(100vh - 64px - 112px - 64px);\n margin-top: -1px;\n @media (max-width: 601px) {\n border-radius: 8px;\n height: calc(75vh - 78px - 64px);\n }\n"], ["\n overflow: hidden;\n border-radius: 14px;\n background-color: #191919;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n height: calc(100vh - 64px - 112px - 64px);\n margin-top: -1px;\n @media (max-width: 601px) {\n border-radius: 8px;\n height: calc(75vh - 78px - 64px);\n }\n"])));
|
|
3501
3732
|
var StyledImage$4 = styled__default["default"].img(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n width: auto;\n height: 100%;\n @media (max-width: 601px) {\n width: 100%;\n height: auto;\n }\n"], ["\n width: auto;\n height: 100%;\n @media (max-width: 601px) {\n width: 100%;\n height: auto;\n }\n"])));
|
|
3502
|
-
var templateObject_1$
|
|
3733
|
+
var templateObject_1$o, templateObject_2$f, templateObject_3$c;
|
|
3503
3734
|
|
|
3504
3735
|
var GalleryWithThumbnails = React.forwardRef(function (_a) {
|
|
3505
3736
|
var images = _a.images, activeSlide = _a.activeSlide, onDelete = _a.onDelete, otherProps = __rest(_a, ["images", "activeSlide", "onDelete"]);
|
|
@@ -3530,10 +3761,10 @@ var GalleryWithThumbnails = React.forwardRef(function (_a) {
|
|
|
3530
3761
|
}
|
|
3531
3762
|
return (jsxRuntime.jsx(StyledModal$1, __assign({ "data-testid": "gallery_modal", icon: onDelete && (jsxRuntime.jsx(StyledButton$4, __assign({ isCircle: true, onClick: handleDelete, size: "xs", variant: "transparentLight" }, { children: jsxRuntime.jsx(kuiIcon.TrashIcon, { width: 16, height: 16 }) }))) }, otherProps, { children: jsxRuntime.jsxs(Wrapper$3, { children: [jsxRuntime.jsx(GallerySlider, { images: images, currentIndex: currentIndex, updateCurrentIndex: updateCurrentIndex, swiperRef: swiperRef }), jsxRuntime.jsx(GalleryThumbnails, { images: images, activeSlide: currentIndex, handleChange: handleChange }), jsxRuntime.jsx(GalleryNavigation, { handlePrev: handlePrev, handleNext: handleNext })] }) })));
|
|
3532
3763
|
});
|
|
3533
|
-
var StyledModal$1 = styled__default["default"](kuiBasic.Modal)(templateObject_1$
|
|
3534
|
-
var Wrapper$3 = styled__default["default"].div(templateObject_2$
|
|
3764
|
+
var StyledModal$1 = styled__default["default"](kuiBasic.Modal)(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n width: 1248px;\n height: calc(100vh - 64px);\n max-height: 960px;\n border-radius: 16px;\n overflow: hidden;\n @media (max-width: 601px) {\n height: 75vh;\n }\n .KUI-Modal_close-button {\n path {\n fill: white;\n }\n @media (max-width: 601px) {\n path {\n fill: ", ";\n }\n }\n }\n"], ["\n width: 1248px;\n height: calc(100vh - 64px);\n max-height: 960px;\n border-radius: 16px;\n overflow: hidden;\n @media (max-width: 601px) {\n height: 75vh;\n }\n .KUI-Modal_close-button {\n path {\n fill: white;\n }\n @media (max-width: 601px) {\n path {\n fill: ", ";\n }\n }\n }\n"])), kuiBasic.theme.palette.grey.fourty);
|
|
3765
|
+
var Wrapper$3 = styled__default["default"].div(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n position: relative;\n"], ["\n width: 100%;\n height: 100%;\n position: relative;\n"])));
|
|
3535
3766
|
var StyledButton$4 = styled__default["default"](kuiBasic.Button)(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n @media (min-width: 901px) {\n display: none;\n }\n"], ["\n @media (min-width: 901px) {\n display: none;\n }\n"])));
|
|
3536
|
-
var templateObject_1$
|
|
3767
|
+
var templateObject_1$n, templateObject_2$e, templateObject_3$b;
|
|
3537
3768
|
|
|
3538
3769
|
var ImageCard = React.forwardRef(function (_a) {
|
|
3539
3770
|
var url = _a.url, onClick = _a.onClick, index = _a.index, otherProps = __rest(_a, ["url", "onClick", "index"]);
|
|
@@ -3542,7 +3773,7 @@ var ImageCard = React.forwardRef(function (_a) {
|
|
|
3542
3773
|
};
|
|
3543
3774
|
return (jsxRuntime.jsxs(Wrapper$2, __assign({ className: "KUI-ImageCard", onClick: handleClick }, otherProps, { children: [jsxRuntime.jsx(StyledImage$3, { src: url, alt: "image" }), jsxRuntime.jsx(Backdrop, { children: jsxRuntime.jsx(kuiIcon.LoupeIcon, {}) })] })));
|
|
3544
3775
|
});
|
|
3545
|
-
var Wrapper$2 = styled__default["default"].div(templateObject_1$
|
|
3776
|
+
var Wrapper$2 = styled__default["default"].div(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n overflow: hidden;\n border-radius: 8px;\n position: relative;\n cursor: pointer;\n user-select: none;\n width: ", "px;\n height: ", "px;\n @media (max-width: ", "px) {\n width: ", "px;\n height: ", "px;\n }\n"], ["\n overflow: hidden;\n border-radius: 8px;\n position: relative;\n cursor: pointer;\n user-select: none;\n width: ", "px;\n height: ", "px;\n @media (max-width: ", "px) {\n width: ", "px;\n height: ", "px;\n }\n"])), function (_a) {
|
|
3546
3777
|
var width = _a.width;
|
|
3547
3778
|
return width || 56;
|
|
3548
3779
|
}, function (_a) {
|
|
@@ -3555,16 +3786,16 @@ var Wrapper$2 = styled__default["default"].div(templateObject_1$h || (templateOb
|
|
|
3555
3786
|
var width = _a.width, mobileWidth = _a.mobileWidth;
|
|
3556
3787
|
return mobileWidth || width || 56;
|
|
3557
3788
|
});
|
|
3558
|
-
var StyledImage$3 = styled__default["default"].img(templateObject_2$
|
|
3789
|
+
var StyledImage$3 = styled__default["default"].img(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"])));
|
|
3559
3790
|
var Backdrop = styled__default["default"].div(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 8px;\n width: 100%;\n height: 100%;\n background-color: rgba(25, 25, 25, 0.4);\n transition: all ease-out 0.3s;\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n &:hover {\n opacity: 1;\n }\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 8px;\n width: 100%;\n height: 100%;\n background-color: rgba(25, 25, 25, 0.4);\n transition: all ease-out 0.3s;\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n &:hover {\n opacity: 1;\n }\n"])));
|
|
3560
|
-
var templateObject_1$
|
|
3791
|
+
var templateObject_1$m, templateObject_2$d, templateObject_3$a;
|
|
3561
3792
|
|
|
3562
3793
|
var ImageCardWithBackdrop = function (props) {
|
|
3563
3794
|
var count = props.count, width = props.width, mobileWidth = props.mobileWidth, imageCardProps = __rest(props, ["count", "width", "mobileWidth"]);
|
|
3564
3795
|
return (jsxRuntime.jsxs(StyledContainer$1, { children: [jsxRuntime.jsx(StyledImageCard, __assign({ width: width, mobileWidth: mobileWidth }, imageCardProps)), jsxRuntime.jsx(StyledBackdrop, __assign({ width: width, mobileWidth: mobileWidth }, { children: jsxRuntime.jsxs(kuiBasic.Caption, __assign({ weight: 600, color: "zero", disableUserSelect: true }, { children: ["+", count] })) }))] }));
|
|
3565
3796
|
};
|
|
3566
|
-
var StyledImageCard = styled__default["default"](ImageCard)(templateObject_1$
|
|
3567
|
-
var StyledContainer$1 = styled__default["default"].div(templateObject_2$
|
|
3797
|
+
var StyledImageCard = styled__default["default"](ImageCard)(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n & > div:after {\n content: none;\n }\n"], ["\n & > div:after {\n content: none;\n }\n"])));
|
|
3798
|
+
var StyledContainer$1 = styled__default["default"].div(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
|
3568
3799
|
var StyledBackdrop = styled__default["default"].div(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 8px;\n background: rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(4px);\n display: flex;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n width: ", "px;\n height: ", "px;\n @media (max-width: ", "px) {\n width: ", "px;\n height: ", "px;\n }\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 8px;\n background: rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(4px);\n display: flex;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n width: ", "px;\n height: ", "px;\n @media (max-width: ", "px) {\n width: ", "px;\n height: ", "px;\n }\n"])), function (_a) {
|
|
3569
3800
|
var width = _a.width;
|
|
3570
3801
|
return width || 56;
|
|
@@ -3578,7 +3809,7 @@ var StyledBackdrop = styled__default["default"].div(templateObject_3$9 || (templ
|
|
|
3578
3809
|
var width = _a.width, mobileWidth = _a.mobileWidth;
|
|
3579
3810
|
return mobileWidth || width || 56;
|
|
3580
3811
|
});
|
|
3581
|
-
var templateObject_1$
|
|
3812
|
+
var templateObject_1$l, templateObject_2$c, templateObject_3$9;
|
|
3582
3813
|
|
|
3583
3814
|
var defaultImageWidth = 64;
|
|
3584
3815
|
var AdaptiveImagesBlock = React.forwardRef(function (props) {
|
|
@@ -3613,15 +3844,15 @@ var AdaptiveImagesBlock = React.forwardRef(function (props) {
|
|
|
3613
3844
|
}, [ref]);
|
|
3614
3845
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(Wrapper$1, __assign({ container: true, ref: ref, spacing: 1, justify: withFlatWidth ? "space-between" : "flex-start" }, otherProps, { children: [displayedImages.map(function (image, index) { return (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(ImageCard, { url: image.smallImageUrl, index: index, onClick: handleClick, width: realImageWidth, mobileWidth: mobileWidth }) }), image.smallImageUrl)); }), !!blurImage.length && !!notDisplayedImagesCount && (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(ImageCardWithBackdrop, { url: blurImage[0].smallImageUrl, count: notDisplayedImagesCount, index: displayedImages.length, onClick: handleClick, width: realImageWidth, mobileWidth: mobileWidth }) }))), blurImage.length > 0 && notDisplayedImagesCount === 0 && (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(ImageCard, { url: blurImage[0].smallImageUrl, index: displayedImages.length, onClick: handleClick, width: realImageWidth, mobileWidth: mobileWidth }) }))), endComponent] })), jsxRuntime.jsx(GalleryWithThumbnails, { images: images, activeSlide: selectedImage, isOpen: isModalOpen, handleClose: handleModalClose, onDelete: onDelete })] }));
|
|
3615
3846
|
});
|
|
3616
|
-
var Wrapper$1 = styled__default["default"](kuiBasic.Grid)(templateObject_1$
|
|
3617
|
-
var templateObject_1$
|
|
3847
|
+
var Wrapper$1 = styled__default["default"](kuiBasic.Grid)(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n overflow: hidden;\n flex-wrap: nowrap;\n"], ["\n overflow: hidden;\n flex-wrap: nowrap;\n"])));
|
|
3848
|
+
var templateObject_1$k;
|
|
3618
3849
|
|
|
3619
3850
|
function MultistepForm(props) {
|
|
3620
3851
|
var form = props.form, children = props.children, stepShift = props.stepShift;
|
|
3621
3852
|
var childrenList = React__default["default"].Children.toArray(children);
|
|
3622
3853
|
return jsxRuntime.jsx("div", { children: childrenList[form.step - (1 + (stepShift || 0))] });
|
|
3623
3854
|
}
|
|
3624
|
-
var index$
|
|
3855
|
+
var index$4 = mobxReact.observer(MultistepForm);
|
|
3625
3856
|
|
|
3626
3857
|
var LinkField = function (props) {
|
|
3627
3858
|
var name = props.name, form = props.form;
|
|
@@ -3723,17 +3954,17 @@ var Link = React.forwardRef(function (props, ref) {
|
|
|
3723
3954
|
};
|
|
3724
3955
|
return (jsxRuntime.jsx(StyledLink$1, __assign({ ref: ref, href: href || undefined, onClick: handleClick }, other)));
|
|
3725
3956
|
});
|
|
3726
|
-
var StyledLink$1 = styled__default["default"].a(templateObject_1$
|
|
3727
|
-
var templateObject_1$
|
|
3957
|
+
var StyledLink$1 = styled__default["default"].a(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n text-decoration: none;\n color: inherit;\n max-width: 100%;\n width: 100%;\n"], ["\n text-decoration: none;\n color: inherit;\n max-width: 100%;\n width: 100%;\n"])));
|
|
3958
|
+
var templateObject_1$j;
|
|
3728
3959
|
|
|
3729
3960
|
function PreviewContent(_a) {
|
|
3730
3961
|
var imageSrc = _a.imageSrc, description = _a.description, content = _a.content, label = _a.label, withoutImage = _a.withoutImage, other = __rest(_a, ["imageSrc", "description", "content", "label", "withoutImage"]);
|
|
3731
3962
|
return (jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, alignItems: "center", wrap: "nowrap" }, other, { children: [!withoutImage && (jsxRuntime.jsx(StyledImage$2, { size: "sm", imageSrc: imageSrc, name: description })), jsxRuntime.jsxs(StyledContent, { children: [content || (jsxRuntime.jsx(StyledCaption$2, __assign({ size: "s", weight: 500 }, { children: description }))), label] })] })));
|
|
3732
3963
|
}
|
|
3733
|
-
var StyledImage$2 = styled__default["default"](SquarePreviewImage)(templateObject_1$
|
|
3734
|
-
var StyledCaption$2 = styled__default["default"](kuiBasic.Caption)(templateObject_2$
|
|
3964
|
+
var StyledImage$2 = styled__default["default"](SquarePreviewImage)(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n margin-right: 10px;\n"], ["\n margin-right: 10px;\n"])));
|
|
3965
|
+
var StyledCaption$2 = styled__default["default"](kuiBasic.Caption)(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n max-width: 100%;\n"], ["\n max-width: 100%;\n"])));
|
|
3735
3966
|
var StyledContent = styled__default["default"].div(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n width: calc(100% - 10px - 32px);\n display: flex;\n flex-direction: column;\n"], ["\n width: calc(100% - 10px - 32px);\n display: flex;\n flex-direction: column;\n"])));
|
|
3736
|
-
var templateObject_1$
|
|
3967
|
+
var templateObject_1$i, templateObject_2$b, templateObject_3$8;
|
|
3737
3968
|
|
|
3738
3969
|
function UserBadge(props) {
|
|
3739
3970
|
var user = props.user, name = props.name, role = props.role, avatarSize = props.avatarSize, className = props.className, spacing = props.spacing, onlyRole = props.onlyRole, label = props.label, link = props.link, other = __rest(props, ["user", "name", "role", "avatarSize", "className", "spacing", "onlyRole", "label", "link"]);
|
|
@@ -3766,16 +3997,16 @@ function UserBadge(props) {
|
|
|
3766
3997
|
}
|
|
3767
3998
|
var withEllipsis = function (_a) {
|
|
3768
3999
|
var isEllipsisActive = _a.isEllipsisActive;
|
|
3769
|
-
return isEllipsisActive && react.css(templateObject_1$
|
|
4000
|
+
return isEllipsisActive && react.css(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n overflow: hidden;\n text-overflow: ellipsis;\n "], ["\n overflow: hidden;\n text-overflow: ellipsis;\n "])));
|
|
3770
4001
|
};
|
|
3771
|
-
var StyledCaption$1 = styled__default["default"](kuiBasic.Caption)(templateObject_2$
|
|
4002
|
+
var StyledCaption$1 = styled__default["default"](kuiBasic.Caption)(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n display: inline-block;\n white-space: nowrap;\n max-width: 100%;\n ", ";\n"], ["\n display: inline-block;\n white-space: nowrap;\n max-width: 100%;\n ", ";\n"])), withEllipsis);
|
|
3772
4003
|
var Wrapper = styled__default["default"].div(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n max-width: calc(100% - 32px);\n padding-left: ", "px;\n display: flex;\n flex-direction: column;\n"], ["\n max-width: calc(100% - 32px);\n padding-left: ", "px;\n display: flex;\n flex-direction: column;\n"])), function (_a) {
|
|
3773
4004
|
var spacing = _a.spacing;
|
|
3774
4005
|
return spacing;
|
|
3775
4006
|
});
|
|
3776
4007
|
var StyledTooltip = styled__default["default"](Tooltip)(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n .KUI-Popper {\n margin-left: 0;\n }\n"], ["\n .KUI-Popper {\n margin-left: 0;\n }\n"])));
|
|
3777
4008
|
var StyledLabel = styled__default["default"](kuiBasic.Caption)(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n white-space: pre-wrap;\n"], ["\n white-space: pre-wrap;\n"])));
|
|
3778
|
-
var templateObject_1$
|
|
4009
|
+
var templateObject_1$h, templateObject_2$a, templateObject_3$7, templateObject_4$3, templateObject_5$2;
|
|
3779
4010
|
|
|
3780
4011
|
var ScrollingContainer = React.forwardRef(function (props, ref) {
|
|
3781
4012
|
var onScrollEnd = props.onScrollEnd, otherProps = __rest(props, ["onScrollEnd"]);
|
|
@@ -3802,13 +4033,13 @@ var ScrollingContainer = React.forwardRef(function (props, ref) {
|
|
|
3802
4033
|
}
|
|
3803
4034
|
containerRef.current = elem;
|
|
3804
4035
|
};
|
|
3805
|
-
return (jsxRuntime.jsx(StyledWrapper$
|
|
4036
|
+
return (jsxRuntime.jsx(StyledWrapper$5, __assign({ isScrollable: isScrollable, ref: forwardedRef }, otherProps)));
|
|
3806
4037
|
});
|
|
3807
|
-
var StyledWrapper$
|
|
4038
|
+
var StyledWrapper$5 = styled__default["default"].div(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n overflow-y: auto;\n position: relative;\n padding-right: ", "px;\n ::-webkit-scrollbar {\n width: 8px;\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n background: transparent;\n border-radius: 4px;\n transition: all ease-out 0.3s;\n }\n\n ::-webkit-resizer,\n ::-webkit-scrollbar-button,\n ::-webkit-scrollbar-corner {\n display: none;\n }\n &:hover {\n ::-webkit-scrollbar-track {\n background: ", ";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ", ";\n }\n }\n"], ["\n overflow-y: auto;\n position: relative;\n padding-right: ", "px;\n ::-webkit-scrollbar {\n width: 8px;\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n background: transparent;\n border-radius: 4px;\n transition: all ease-out 0.3s;\n }\n\n ::-webkit-resizer,\n ::-webkit-scrollbar-button,\n ::-webkit-scrollbar-corner {\n display: none;\n }\n &:hover {\n ::-webkit-scrollbar-track {\n background: ", ";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ", ";\n }\n }\n"])), function (_a) {
|
|
3808
4039
|
var isScrollable = _a.isScrollable;
|
|
3809
4040
|
return (isScrollable ? 8 : 0);
|
|
3810
4041
|
}, kuiBasic.theme.palette.grey.fifteenB, kuiBasic.theme.palette.grey.thirty);
|
|
3811
|
-
var templateObject_1$
|
|
4042
|
+
var templateObject_1$g;
|
|
3812
4043
|
|
|
3813
4044
|
function Breadcrumbs(_a) {
|
|
3814
4045
|
var routes = _a.routes;
|
|
@@ -3819,21 +4050,21 @@ function Breadcrumbs(_a) {
|
|
|
3819
4050
|
color: kuiBasic.theme.palette.grey.seventy,
|
|
3820
4051
|
},
|
|
3821
4052
|
};
|
|
3822
|
-
return (jsxRuntime$1.jsx(StyledWrapper$
|
|
4053
|
+
return (jsxRuntime$1.jsx(StyledWrapper$4, __assign({ container: true, alignItems: "center" }, { children: routes.map(function (item, index) { return __spreadArray([
|
|
3823
4054
|
jsxRuntime$1.jsx(StyledLink, __assign({ href: item.link }, { children: jsxRuntime$1.jsx(kuiBasic.Caption, __assign({ size: "xs", weight: 500, color: "fourty", css: item.link && styles }, { children: item.title }), "".concat(item.title, "_").concat(item.link)) }))
|
|
3824
4055
|
], kuiUtils.addToArrayByCondition(index < routes.length - 1, jsxRuntime$1.jsx(StyledIcon, { width: 7, height: 9 })), true); }) })));
|
|
3825
4056
|
}
|
|
3826
|
-
var StyledWrapper$
|
|
3827
|
-
var StyledLink = styled__default["default"](Link)(templateObject_2$
|
|
4057
|
+
var StyledWrapper$4 = styled__default["default"](kuiBasic.Grid)(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n width: auto;\n"], ["\n width: auto;\n"])));
|
|
4058
|
+
var StyledLink = styled__default["default"](Link)(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n width: auto;\n &:not(:last-of-type) {\n margin-right: 8px;\n }\n &:not(:first-of-type) {\n margin-left: 8px;\n }\n"], ["\n width: auto;\n &:not(:last-of-type) {\n margin-right: 8px;\n }\n &:not(:first-of-type) {\n margin-left: 8px;\n }\n"])));
|
|
3828
4059
|
var StyledIcon = styled__default["default"](kuiIcon.HalfArrowNextIcon)(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n path {\n fill: ", ";\n }\n"], ["\n path {\n fill: ", ";\n }\n"])), kuiBasic.theme.palette.grey.fourty);
|
|
3829
|
-
var templateObject_1$
|
|
4060
|
+
var templateObject_1$f, templateObject_2$9, templateObject_3$6;
|
|
3830
4061
|
|
|
3831
4062
|
var PageBreadcrumbs = function (props) {
|
|
3832
4063
|
var breadcrumbs = props.breadcrumbs, onPrev = props.onPrev;
|
|
3833
4064
|
return (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, alignItems: "center" }, { children: [jsxRuntime.jsx(kuiBasic.Box, __assign({ mr: 2 }, { children: jsxRuntime.jsx(StyledButton$3, __assign({ isCircle: true, onClick: onPrev, size: "xs", variant: "backgroundLight" }, { children: jsxRuntime.jsx(kuiIcon.PrevArrowIcon, { width: 12, height: 10 }) })) })), jsxRuntime.jsx(Breadcrumbs, { routes: breadcrumbs })] })) })));
|
|
3834
4065
|
};
|
|
3835
|
-
var StyledButton$3 = styled__default["default"](kuiBasic.Button)(templateObject_1$
|
|
3836
|
-
var templateObject_1$
|
|
4066
|
+
var StyledButton$3 = styled__default["default"](kuiBasic.Button)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n background: ", ";\n"], ["\n background: ", ";\n"])), kuiBasic.theme.palette.background.light3);
|
|
4067
|
+
var templateObject_1$e;
|
|
3837
4068
|
|
|
3838
4069
|
function SliderThumbnails(_a) {
|
|
3839
4070
|
var images = _a.images, activeSlide = _a.activeSlide, handleChange = _a.handleChange;
|
|
@@ -3845,27 +4076,27 @@ function SliderThumbnails(_a) {
|
|
|
3845
4076
|
};
|
|
3846
4077
|
if (!images)
|
|
3847
4078
|
return null;
|
|
3848
|
-
return (jsxRuntime.jsx(StyledWrapper$
|
|
4079
|
+
return (jsxRuntime.jsx(StyledWrapper$3, { children: jsxRuntime.jsx(Swiper__default["default"], __assign({}, params, { children: images.map(function (image, index) { return (
|
|
3849
4080
|
// eslint-disable-next-line react/no-array-index-key
|
|
3850
4081
|
jsxRuntime.jsx(StyledSlide, __assign({ onClick: function () { return handleChange(index); } }, { children: jsxRuntime.jsx(StyledImage$1, { active: index === activeSlide, src: image, alt: "slide" }) }), index)); }) })) }));
|
|
3851
4082
|
}
|
|
3852
|
-
var StyledWrapper$
|
|
3853
|
-
var StyledImage$1 = styled__default["default"].img(templateObject_2$
|
|
4083
|
+
var StyledWrapper$3 = styled__default["default"].div(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n padding: 16px;\n background-color: ", ";\n @media (max-width: 601px) {\n padding: 14px 16px 16px;\n }\n"], ["\n padding: 16px;\n background-color: ", ";\n @media (max-width: 601px) {\n padding: 14px 16px 16px;\n }\n"])), kuiBasic.theme.palette.grey.zero);
|
|
4084
|
+
var StyledImage$1 = styled__default["default"].img(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 8px;\n box-sizing: border-box;\n border: 2px solid\n ", ";\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 8px;\n box-sizing: border-box;\n border: 2px solid\n ", ";\n"])), function (_a) {
|
|
3854
4085
|
var active = _a.active;
|
|
3855
4086
|
return (active ? kuiBasic.theme.palette.brand.main : "transparent");
|
|
3856
4087
|
});
|
|
3857
4088
|
var StyledSlide = styled__default["default"].div(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n width: 80px;\n height: 80px;\n //border-radius: 6px;\n @media (max-width: 601px) {\n width: 48px;\n height: 48px;\n }\n"], ["\n width: 80px;\n height: 80px;\n //border-radius: 6px;\n @media (max-width: 601px) {\n width: 48px;\n height: 48px;\n }\n"])));
|
|
3858
|
-
var templateObject_1$
|
|
4089
|
+
var templateObject_1$d, templateObject_2$8, templateObject_3$5;
|
|
3859
4090
|
|
|
3860
4091
|
function FullSliderHeader(props) {
|
|
3861
4092
|
var handleClose = props.handleClose, slidesCount = props.slidesCount, currentSlide = props.currentSlide, renderEndComponent = props.renderEndComponent, slider = props.slider;
|
|
3862
4093
|
return (jsxRuntime.jsxs(StyledHeader, __assign({ container: true, justify: "space-between", alignItems: "center" }, { children: [jsxRuntime.jsxs(kuiBasic.Caption, __assign({ weight: 500, color: "zero" }, { children: [currentSlide + 1, " ", jsxRuntime.jsx(StyledSlash, { children: "/" }), " ", slidesCount] })), jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, justify: "flex-end", alignItems: "center" }, { children: [renderEndComponent &&
|
|
3863
4094
|
renderEndComponent(currentSlide, slider, handleClose), jsxRuntime.jsx(StyledCloseButton, __assign({ role: "button", tabIndex: 0, onClick: handleClose, onKeyDown: handleClose }, { children: jsxRuntime.jsx(kuiIcon.CloseIcon, {}) }))] })) }))] })));
|
|
3864
4095
|
}
|
|
3865
|
-
var StyledHeader = styled__default["default"](kuiBasic.Grid)(templateObject_1$
|
|
3866
|
-
var StyledCloseButton = styled__default["default"].div(templateObject_2$
|
|
4096
|
+
var StyledHeader = styled__default["default"](kuiBasic.Grid)(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n padding: 12px 24px;\n background: rgba(25, 25, 25, 0.9);\n backdrop-filter: blur(3.5px);\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n z-index: 10;\n"], ["\n padding: 12px 24px;\n background: rgba(25, 25, 25, 0.9);\n backdrop-filter: blur(3.5px);\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n z-index: 10;\n"])));
|
|
4097
|
+
var StyledCloseButton = styled__default["default"].div(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n width: 25px;\n height: 40px;\n cursor: pointer;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n"], ["\n width: 25px;\n height: 40px;\n cursor: pointer;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n"])));
|
|
3867
4098
|
var StyledSlash = styled__default["default"].span(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), kuiBasic.theme.palette.grey.fiftyP);
|
|
3868
|
-
var templateObject_1$
|
|
4099
|
+
var templateObject_1$c, templateObject_2$7, templateObject_3$4;
|
|
3869
4100
|
|
|
3870
4101
|
function FullSlider(props) {
|
|
3871
4102
|
var handleClose = props.handleClose, active = props.active, images = props.images, renderHeaderComponent = props.renderHeaderComponent, onChange = props.onChange;
|
|
@@ -3921,8 +4152,8 @@ function FullSlider(props) {
|
|
|
3921
4152
|
return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(FullSliderHeader, { currentSlide: currentSlide, handleClose: handleClose, slidesCount: images.length, slider: swiperRef, renderEndComponent: renderHeaderComponent }), jsxRuntime.jsx(StyledSwiper, __assign({}, sliderParams, { swiperRef: swiperRef }, { children: images.map(function (image) { return (jsxRuntime.jsx(StyledImageWrapper, { children: jsxRuntime.jsx(StyledImage, { src: image, alt: "" }) }, image)); }) })), jsxRuntime.jsx(SliderThumbnails, { images: images, activeSlide: currentSlide, handleChange: handleChange }), jsxRuntime.jsx(StyledButton$2, __assign({ isCircle: true, navType: "prev", onClick: prev, size: "s", variant: "blur" }, { children: jsxRuntime.jsx(kuiIcon.HalfPrevArrowIcon, {}) })), jsxRuntime.jsx(StyledButton$2, __assign({ isCircle: true, navType: "next", onClick: next, size: "s", variant: "blur" }, { children: jsxRuntime.jsx(kuiIcon.HalfArrowNextIcon, {}) }))] }));
|
|
3922
4153
|
}
|
|
3923
4154
|
var FullSlider$1 = mobxReact.observer(FullSlider);
|
|
3924
|
-
var StyledImageWrapper = styled__default["default"].div(templateObject_1$
|
|
3925
|
-
var StyledButton$2 = styled__default["default"](kuiBasic.Button)(templateObject_2$
|
|
4155
|
+
var StyledImageWrapper = styled__default["default"].div(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n width: 100%;\n padding: 0px;\n margin: 0px;\n text-align: center;\n"], ["\n width: 100%;\n padding: 0px;\n margin: 0px;\n text-align: center;\n"])));
|
|
4156
|
+
var StyledButton$2 = styled__default["default"](kuiBasic.Button)(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n position: absolute;\n top: 50%;\n z-index: 10;\n ", ";\n svg {\n margin-left: ", ";\n }\n"], ["\n position: absolute;\n top: 50%;\n z-index: 10;\n ", ";\n svg {\n margin-left: ", ";\n }\n"])), function (_a) {
|
|
3926
4157
|
var navType = _a.navType;
|
|
3927
4158
|
return (navType === "prev" ? "left: 24px" : "right: 24px");
|
|
3928
4159
|
}, function (_a) {
|
|
@@ -3934,14 +4165,14 @@ var StyledSwiper = styled__default["default"](function (_a) {
|
|
|
3934
4165
|
return (jsxRuntime.jsx(Swiper__default["default"], __assign({ containerClass: className, ref: swiperRef }, otherProps)));
|
|
3935
4166
|
})(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n width: 100%;\n height: calc(100vh - 112px);\n overflow: hidden;\n background: rgba(25, 25, 25, 0.9);\n border-radius: 0 0 12px 12px;\n"], ["\n width: 100%;\n height: calc(100vh - 112px);\n overflow: hidden;\n background: rgba(25, 25, 25, 0.9);\n border-radius: 0 0 12px 12px;\n"])));
|
|
3936
4167
|
var StyledImage = styled__default["default"].img(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n height: 100vh;\n"], ["\n height: 100vh;\n"])));
|
|
3937
|
-
var templateObject_1$
|
|
4168
|
+
var templateObject_1$b, templateObject_2$6, templateObject_3$3, templateObject_4$2;
|
|
3938
4169
|
|
|
3939
4170
|
function FullSliderModal(_a) {
|
|
3940
4171
|
var isOpen = _a.isOpen, handleClose = _a.handleClose, sliderProps = __rest(_a, ["isOpen", "handleClose"]);
|
|
3941
4172
|
return (jsxRuntime.jsx(StyledModal, __assign({ isOpen: isOpen, handleClose: handleClose }, { children: jsxRuntime.jsx(FullSlider$1, __assign({ handleClose: handleClose }, sliderProps)) })));
|
|
3942
4173
|
}
|
|
3943
|
-
var StyledModal = styled__default["default"](kuiBasic.Modal)(templateObject_1$
|
|
3944
|
-
var templateObject_1$
|
|
4174
|
+
var StyledModal = styled__default["default"](kuiBasic.Modal)(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n border-radius: unset;\n box-shadow: none;\n max-height: unset !important;\n width: 100%;\n"], ["\n border-radius: unset;\n box-shadow: none;\n max-height: unset !important;\n width: 100%;\n"])));
|
|
4175
|
+
var templateObject_1$a;
|
|
3945
4176
|
|
|
3946
4177
|
var PhotoSlider = function (props) {
|
|
3947
4178
|
var images = props.images, handleClose = props.handleClose; props.onDelete; var other = __rest(props, ["images", "handleClose", "onDelete"]);
|
|
@@ -3971,18 +4202,18 @@ function TextOverflow(props) {
|
|
|
3971
4202
|
onOpen();
|
|
3972
4203
|
}
|
|
3973
4204
|
};
|
|
3974
|
-
return (jsxRuntime.jsx(
|
|
4205
|
+
return (jsxRuntime.jsx(Tooltip, __assign({ open: isTooltipOpen, onClose: closeTooltip, content: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs" }, { children: content || children })), onOpen: handleOpen, placement: placement, className: className, strategy: strategy }, { children: jsxRuntime.jsx(StyledCaption, __assign({ ref: textRef, size: "s", className: "TextOverflow_content" }, otherProps, { children: children })) })));
|
|
3975
4206
|
}
|
|
3976
4207
|
var multilineCSS = function (_a) {
|
|
3977
4208
|
var multiline = _a.multiline;
|
|
3978
|
-
return react.css(templateObject_1$
|
|
4209
|
+
return react.css(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n -webkit-box-orient: vertical;\n"], ["\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n -webkit-box-orient: vertical;\n"])), multiline);
|
|
3979
4210
|
};
|
|
3980
|
-
var singleLineCSS = react.css(templateObject_2$
|
|
4211
|
+
var singleLineCSS = react.css(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n display: inline-block;\n white-space: nowrap;\n text-overflow: ellipsis;\n"], ["\n display: inline-block;\n white-space: nowrap;\n text-overflow: ellipsis;\n"])));
|
|
3981
4212
|
var StyledCaption = styled__default["default"](kuiBasic.Caption)(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n max-width: 100%;\n overflow: hidden;\n ", ";\n"], ["\n max-width: 100%;\n overflow: hidden;\n ", ";\n"])), function (_a) {
|
|
3982
4213
|
var multiline = _a.multiline;
|
|
3983
4214
|
return multiline ? multilineCSS({ multiline: multiline }) : singleLineCSS;
|
|
3984
4215
|
});
|
|
3985
|
-
var templateObject_1$
|
|
4216
|
+
var templateObject_1$9, templateObject_2$5, templateObject_3$2;
|
|
3986
4217
|
|
|
3987
4218
|
var AccordionWithSummary = React.forwardRef(function (_a) {
|
|
3988
4219
|
var title = _a.title, children = _a.children, titleSize = _a.titleSize, detailsProps = _a.detailsProps, onChange = _a.onChange, defaultExpanded = _a.expanded, summaryProps = __rest(_a, ["title", "children", "titleSize", "detailsProps", "onChange", "expanded"]);
|
|
@@ -3997,8 +4228,8 @@ var AccordionWithSummary = React.forwardRef(function (_a) {
|
|
|
3997
4228
|
AccordionWithSummary.defaultProps = {
|
|
3998
4229
|
titleSize: "m",
|
|
3999
4230
|
};
|
|
4000
|
-
var StyledDetails = styled__default["default"](kuiBasic.AccordionDetails)(templateObject_1$
|
|
4001
|
-
var StyledTitle = styled__default["default"](kuiBasic.Caption)(templateObject_2$
|
|
4231
|
+
var StyledDetails = styled__default["default"](kuiBasic.AccordionDetails)(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n padding: 0 0 40px;\n @media (max-width: 600px) {\n padding-bottom: 16px;\n > div {\n padding-right: 0;\n }\n }\n"], ["\n padding: 0 0 40px;\n @media (max-width: 600px) {\n padding-bottom: 16px;\n > div {\n padding-right: 0;\n }\n }\n"])));
|
|
4232
|
+
var StyledTitle = styled__default["default"](kuiBasic.Caption)(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n @media (max-width: 600px) {\n font-weight: 600;\n }\n"], ["\n @media (max-width: 600px) {\n font-weight: 600;\n }\n"])));
|
|
4002
4233
|
var expandedButtonCSS = function (_a) {
|
|
4003
4234
|
var expanded = _a.expanded;
|
|
4004
4235
|
return !expanded && react.css(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n svg {\n margin-top: 2px;\n transform: rotate(-180deg);\n }\n "], ["\n svg {\n margin-top: 2px;\n transform: rotate(-180deg);\n }\n "])));
|
|
@@ -4007,7 +4238,7 @@ var StyledButton$1 = styled__default["default"](kuiBasic.Button, {
|
|
|
4007
4238
|
shouldForwardProp: function (prop) { return prop !== "expanded"; },
|
|
4008
4239
|
})(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n svg {\n transition: transform linear 0.3s;\n }\n @media (max-width: 600px) {\n width: 24px;\n height: 24px;\n }\n ", ";\n"], ["\n svg {\n transition: transform linear 0.3s;\n }\n @media (max-width: 600px) {\n width: 24px;\n height: 24px;\n }\n ", ";\n"])), expandedButtonCSS);
|
|
4009
4240
|
var StyledSummary = styled__default["default"](kuiBasic.AccordionSummary)(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n .KUI-Accordion_Summary-Content {\n align-items: center;\n }\n"], ["\n .KUI-Accordion_Summary-Content {\n align-items: center;\n }\n"])));
|
|
4010
|
-
var templateObject_1$
|
|
4241
|
+
var templateObject_1$8, templateObject_2$4, templateObject_3$1, templateObject_4$1, templateObject_5$1;
|
|
4011
4242
|
|
|
4012
4243
|
function DropdownMenuBase(_a) {
|
|
4013
4244
|
var options = _a.options, isOpen = _a.isOpen, handleClose = _a.handleClose, buttonRef = _a.buttonRef, children = _a.children, menuItemStyles = _a.menuItemStyles, other = __rest(_a, ["options", "isOpen", "handleClose", "buttonRef", "children", "menuItemStyles"]);
|
|
@@ -4032,9 +4263,9 @@ function DropdownMenuBase(_a) {
|
|
|
4032
4263
|
};
|
|
4033
4264
|
return (jsxRuntime.jsxs(StyledMenu, __assign({ "data-testid": "menu_dropdown", ref: dropdownRef, hidden: !isOpen }, other, { children: [options === null || options === void 0 ? void 0 : options.map(function (option) { return (jsxRuntime.jsxs(StyledMenuItem, __assign({ role: "button", className: menuItemStyles, onClick: function () { return handleOptionClick(option.handleClick); }, onKeyDown: function () { return handleOptionClick(option.handleClick); }, tabIndex: 0 }, { children: [option.icon, jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs", weight: 500 }, { children: option.label }))] }), option.label)); }), children] })));
|
|
4034
4265
|
}
|
|
4035
|
-
var StyledMenu = styled__default["default"].div(templateObject_1$
|
|
4036
|
-
var StyledMenuItem = styled__default["default"].div(templateObject_2$
|
|
4037
|
-
var templateObject_1$
|
|
4266
|
+
var StyledMenu = styled__default["default"].div(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n padding: 8px;\n background: ", ";\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n border: 1px solid ", ";\n position: absolute;\n right: 0;\n border-radius: 12px;\n width: max-content;\n z-index: 1000;\n"], ["\n padding: 8px;\n background: ", ";\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n border: 1px solid ", ";\n position: absolute;\n right: 0;\n border-radius: 12px;\n width: max-content;\n z-index: 1000;\n"])), kuiBasic.theme.palette.grey.zero, kuiBasic.theme.palette.background.light1);
|
|
4267
|
+
var StyledMenuItem = styled__default["default"].div(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n border-radius: 12px;\n padding: 13px 8px;\n cursor: pointer;\n transition: all ease-out 0.2s;\n text-align: left;\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n svg {\n margin-right: 8px;\n path {\n fill: ", ";\n }\n }\n &:hover {\n background-color: ", ";\n }\n"], ["\n border-radius: 12px;\n padding: 13px 8px;\n cursor: pointer;\n transition: all ease-out 0.2s;\n text-align: left;\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n svg {\n margin-right: 8px;\n path {\n fill: ", ";\n }\n }\n &:hover {\n background-color: ", ";\n }\n"])), kuiBasic.theme.palette.grey.fiftyP, kuiBasic.theme.palette.background.light1);
|
|
4268
|
+
var templateObject_1$7, templateObject_2$3;
|
|
4038
4269
|
|
|
4039
4270
|
var menuOffset = 32;
|
|
4040
4271
|
var DropdownMenuWithPortal = function (_a) {
|
|
@@ -4066,7 +4297,176 @@ function DropdownMenu(_a) {
|
|
|
4066
4297
|
}, [buttonRef]);
|
|
4067
4298
|
return isParentSticky ? (jsxRuntime.jsx(DropdownMenuBase, __assign({ buttonRef: buttonRef }, other))) : (jsxRuntime.jsx(DropdownMenuWithPortal, __assign({ buttonRef: buttonRef }, other)));
|
|
4068
4299
|
}
|
|
4069
|
-
var index$
|
|
4300
|
+
var index$3 = mobxReact.observer(DropdownMenu);
|
|
4301
|
+
|
|
4302
|
+
var MetroOption = function (_a) {
|
|
4303
|
+
var metro = _a.metro;
|
|
4304
|
+
return (jsxRuntime.jsxs(StyledWrapper$2, { children: [jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "s", weight: 500 }, { children: metro.name })), jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, alignItems: "center" }, { children: [jsxRuntime.jsx(StyledPoint, { color: metro.line.hex_color }), jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs", color: "fiftyP" }, { children: metro.line.name }))] }))] }));
|
|
4305
|
+
};
|
|
4306
|
+
var StyledWrapper$2 = styled__default["default"].div(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n padding: 8px;\n border-radius: 8px;\n transition: all ease-out 0.3s;\n &:hover {\n background: ", ";\n }\n"], ["\n padding: 8px;\n border-radius: 8px;\n transition: all ease-out 0.3s;\n &:hover {\n background: ", ";\n }\n"])), kuiBasic.theme.palette.background.light1);
|
|
4307
|
+
var StyledPoint = styled__default["default"].div(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n margin-right: 8px;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: #", ";\n"], ["\n margin-right: 8px;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: #", ";\n"])), function (_a) {
|
|
4308
|
+
var color = _a.color;
|
|
4309
|
+
return color;
|
|
4310
|
+
});
|
|
4311
|
+
var templateObject_1$6, templateObject_2$2;
|
|
4312
|
+
|
|
4313
|
+
function MetroAutocomplete(_a) {
|
|
4314
|
+
var form = _a.form, name = _a.name, label = _a.label, hideName = _a.hideName; _a.defaultValue; var handleChange = _a.handleChange, metroStore = _a.metroStore, otherProps = __rest(_a, ["form", "name", "label", "hideName", "defaultValue", "handleChange", "metroStore"]);
|
|
4315
|
+
var _b = React.useState(""), searchQuery = _b[0], setSearchQuery = _b[1];
|
|
4316
|
+
var metroStations = metroStore.metroStations;
|
|
4317
|
+
var filteredMetroStations = React.useMemo(function () { return filterItemsByQuery(metroStations, searchQuery, ["name"]); }, [metroStations, searchQuery]);
|
|
4318
|
+
var onSelectItem = function (item) {
|
|
4319
|
+
form.setValue(hideName, item === null || item === void 0 ? void 0 : item.id);
|
|
4320
|
+
form.setValue(name, item === null || item === void 0 ? void 0 : item.name);
|
|
4321
|
+
if (handleChange) {
|
|
4322
|
+
handleChange(item === null || item === void 0 ? void 0 : item.name, item === null || item === void 0 ? void 0 : item.id);
|
|
4323
|
+
}
|
|
4324
|
+
};
|
|
4325
|
+
var onSearchItem = function (value) {
|
|
4326
|
+
setSearchQuery(value);
|
|
4327
|
+
};
|
|
4328
|
+
return (jsxRuntime.jsx(kuiComplex.InputWithAutocomplete, __assign({ renderOption: function (option) { return (jsxRuntime.jsx(MetroOption, { metro: option })); }, options: filteredMetroStations, label: label, form: form, name: name, hideName: hideName, onSelectItem: onSelectItem, onSearchItem: onSearchItem }, otherProps)));
|
|
4329
|
+
}
|
|
4330
|
+
MetroAutocomplete.defaultProps = {
|
|
4331
|
+
label: "Metro",
|
|
4332
|
+
hideName: "metro_id",
|
|
4333
|
+
name: "metro",
|
|
4334
|
+
handleChange: function () { return null; },
|
|
4335
|
+
};
|
|
4336
|
+
var MetroAutocomplete$1 = mobxReact.observer(MetroAutocomplete);
|
|
4337
|
+
|
|
4338
|
+
function MetroItem$2(props) {
|
|
4339
|
+
var _this = this;
|
|
4340
|
+
var form = props.form, isEditing = props.isEditing, onDelete = props.onDelete, apartmentCoords = props.apartmentCoords, index = props.index, onChange = props.onChange, metroStore = props.metroStore;
|
|
4341
|
+
var getMetroParams = metroStore.getMetroParams;
|
|
4342
|
+
var handleChange = function (name, id) { return __awaiter(_this, void 0, void 0, function () {
|
|
4343
|
+
var metroFields;
|
|
4344
|
+
return __generator(this, function (_a) {
|
|
4345
|
+
switch (_a.label) {
|
|
4346
|
+
case 0: return [4 /*yield*/, getMetroParams(apartmentCoords, name, id)];
|
|
4347
|
+
case 1:
|
|
4348
|
+
metroFields = _a.sent();
|
|
4349
|
+
onChange(index, metroFields);
|
|
4350
|
+
return [2 /*return*/];
|
|
4351
|
+
}
|
|
4352
|
+
});
|
|
4353
|
+
}); };
|
|
4354
|
+
var handleDelete = function () {
|
|
4355
|
+
onDelete(index);
|
|
4356
|
+
};
|
|
4357
|
+
return (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: 12 }, { children: jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, spacing: 3 }, { children: [jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: 6 }, { children: jsxRuntime.jsx(MetroAutocomplete$1, { metroStore: metroStore, hideName: "metroStations.".concat(index, ".id"), name: "metroStations.".concat(index, ".name"), label: "Metro", form: form, disabled: !isEditing, handleChange: handleChange, isRequired: true }) })), jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: 2 }, { children: jsxRuntime.jsx(kuiComplex.InputWithMask, { name: "metroStations.".concat(index, ".walkDistance"), label: "Walk distance", form: form, disabled: !isEditing, cornerLabel: "m", mask: Number, thousandsSeparator: " " }) })), jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: 2 }, { children: jsxRuntime.jsx(kuiComplex.InputWithMask, { name: "metroStations.".concat(index, ".carDistance"), label: "Car distance", form: form, disabled: !isEditing, cornerLabel: "m", mask: Number, thousandsSeparator: " " }) })), jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: 2 }, { children: jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, alignItems: "center", justify: "space-between" }, { children: [jsxRuntime.jsx(StyledInput$1, { name: "metroStations.".concat(index, ".carTime"), label: "Car time", form: form, disabled: !isEditing, cornerLabel: "min", mask: Number, thousandsSeparator: " " }), jsxRuntime.jsx(kuiBasic.Button, __assign({ isCircle: true, size: "xs", variant: "backgroundLight", onClick: handleDelete, disabled: !isEditing }, { children: jsxRuntime.jsx(kuiIcon.CloseIcon, { width: 8, height: 8 }) }))] })) }))] })) })));
|
|
4358
|
+
}
|
|
4359
|
+
var MetroItem$3 = mobxReact.observer(MetroItem$2);
|
|
4360
|
+
var StyledInput$1 = styled__default["default"](kuiComplex.InputWithMask)(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n max-width: calc(100% - 32px - 16px);\n"], ["\n max-width: calc(100% - 32px - 16px);\n"])));
|
|
4361
|
+
var templateObject_1$5;
|
|
4362
|
+
|
|
4363
|
+
var useMetroBlock = function (form, mapStore, metroStore, coords) {
|
|
4364
|
+
var map = mapStore.map;
|
|
4365
|
+
var findNearbyStations = metroStore.findNearbyStations, setError = metroStore.setError;
|
|
4366
|
+
var _a = React.useState(false), isLoading = _a[0], setIsLoading = _a[1];
|
|
4367
|
+
var _b = reactHookForm.useFieldArray({
|
|
4368
|
+
control: form.control,
|
|
4369
|
+
name: "metroStations",
|
|
4370
|
+
}), fields = _b.fields, append = _b.append, remove = _b.remove, update = _b.update, replace = _b.replace;
|
|
4371
|
+
var updateMetroStations = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
4372
|
+
var nearbyStations;
|
|
4373
|
+
return __generator(this, function (_a) {
|
|
4374
|
+
switch (_a.label) {
|
|
4375
|
+
case 0:
|
|
4376
|
+
if (!(map && coords)) return [3 /*break*/, 2];
|
|
4377
|
+
setIsLoading(true);
|
|
4378
|
+
return [4 /*yield*/, findNearbyStations(map, coords, fields.length)];
|
|
4379
|
+
case 1:
|
|
4380
|
+
nearbyStations = _a.sent();
|
|
4381
|
+
replace(nearbyStations);
|
|
4382
|
+
setIsLoading(false);
|
|
4383
|
+
return [3 /*break*/, 3];
|
|
4384
|
+
case 2:
|
|
4385
|
+
setError("No map found");
|
|
4386
|
+
_a.label = 3;
|
|
4387
|
+
case 3: return [2 /*return*/];
|
|
4388
|
+
}
|
|
4389
|
+
});
|
|
4390
|
+
}); };
|
|
4391
|
+
var addMetro = function () {
|
|
4392
|
+
append({
|
|
4393
|
+
id: null,
|
|
4394
|
+
name: "",
|
|
4395
|
+
walkDistance: "",
|
|
4396
|
+
walkTime: "",
|
|
4397
|
+
carDistance: "",
|
|
4398
|
+
carTime: "",
|
|
4399
|
+
});
|
|
4400
|
+
};
|
|
4401
|
+
return {
|
|
4402
|
+
isLoading: isLoading,
|
|
4403
|
+
fields: fields,
|
|
4404
|
+
remove: remove,
|
|
4405
|
+
update: update,
|
|
4406
|
+
updateMetroStations: updateMetroStations,
|
|
4407
|
+
addMetro: addMetro,
|
|
4408
|
+
};
|
|
4409
|
+
};
|
|
4410
|
+
|
|
4411
|
+
function MetroBlock(props) {
|
|
4412
|
+
var form = props.form, isEditing = props.isEditing, coords = props.coords, metroStore = props.metroStore, mapStore = props.mapStore;
|
|
4413
|
+
var _a = useMetroBlock(form, mapStore, metroStore, coords), fields = _a.fields, isLoading = _a.isLoading, remove = _a.remove, update = _a.update, updateMetroStations = _a.updateMetroStations, addMetro = _a.addMetro;
|
|
4414
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(StyledHeadingWithButton, __assign({ title: "Metro", onClick: addMetro, isEditing: isEditing }, { children: jsxRuntime.jsx(kuiBasic.Box, __assign({ mr: 1 }, { children: jsxRuntime.jsx(kuiBasic.Button, __assign({ isCircle: true, disabled: !isEditing, size: "xs", variant: "whiteWithGray", onClick: updateMetroStations }, { children: jsxRuntime.jsx(kuiIcon.UpdateIcon, {}) })) })) })), jsxRuntime.jsx(kuiBasic.Grid, __assign({ container: true, spacing: 3 }, { children: fields.map(function (item, index) { return (jsxRuntime.jsx(MetroItem$3, { index: index, form: form, isEditing: isEditing, onDelete: remove, apartmentCoords: coords, onChange: update, metroStore: metroStore }, fields[index].id)); }) })), isLoading && jsxRuntime.jsx(LoaderPopup, { label: "metro changes" })] }));
|
|
4415
|
+
}
|
|
4416
|
+
var index$2 = mobxReact.observer(MetroBlock);
|
|
4417
|
+
var StyledHeadingWithButton = styled__default["default"](HeadingWithButton)(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n padding-top: 0;\n"], ["\n padding-top: 0;\n"])));
|
|
4418
|
+
var templateObject_1$4;
|
|
4419
|
+
|
|
4420
|
+
var getMetroItemFields = function (settings) { return [
|
|
4421
|
+
__assign({ label: "Walk distance", name: "walkDistance", cornerLabel: "m", mask: Number, thousandsSeparator: " " }, settings === null || settings === void 0 ? void 0 : settings.walkDistance),
|
|
4422
|
+
__assign({ label: "Walk time", name: "walkTime", cornerLabel: "min", mask: Number, thousandsSeparator: " " }, settings === null || settings === void 0 ? void 0 : settings.walkTime),
|
|
4423
|
+
__assign({ label: "Car distance", name: "carDistance", cornerLabel: "m", mask: Number, thousandsSeparator: " " }, settings === null || settings === void 0 ? void 0 : settings.carDistance),
|
|
4424
|
+
__assign({ label: "Car time", name: "carTime", cornerLabel: "min", mask: Number, thousandsSeparator: " " }, settings === null || settings === void 0 ? void 0 : settings.carTime),
|
|
4425
|
+
]; };
|
|
4426
|
+
|
|
4427
|
+
function MetroItem(props) {
|
|
4428
|
+
var _this = this;
|
|
4429
|
+
var form = props.form, isEditing = props.isEditing, onDelete = props.onDelete, apartmentCoords = props.apartmentCoords, index = props.index, onChange = props.onChange, metroStore = props.metroStore, fieldsSettings = props.fieldsSettings;
|
|
4430
|
+
var getMetroParams = metroStore.getMetroParams;
|
|
4431
|
+
var fields = getMetroItemFields(fieldsSettings);
|
|
4432
|
+
var handleChange = function (name, id) { return __awaiter(_this, void 0, void 0, function () {
|
|
4433
|
+
var metroFields;
|
|
4434
|
+
return __generator(this, function (_a) {
|
|
4435
|
+
switch (_a.label) {
|
|
4436
|
+
case 0: return [4 /*yield*/, getMetroParams(apartmentCoords, name, id)];
|
|
4437
|
+
case 1:
|
|
4438
|
+
metroFields = _a.sent();
|
|
4439
|
+
onChange(index, metroFields);
|
|
4440
|
+
return [2 /*return*/];
|
|
4441
|
+
}
|
|
4442
|
+
});
|
|
4443
|
+
}); };
|
|
4444
|
+
var handleDelete = function () {
|
|
4445
|
+
onDelete(index);
|
|
4446
|
+
};
|
|
4447
|
+
return (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: 12 }, { children: jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, spacing: 2 }, { children: [jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: 12 }, { children: jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, alignItems: "center", justify: "space-between", wrap: "nowrap" }, { children: [jsxRuntime.jsx(StyledInput, { metroStore: metroStore, hideName: "metroStations.".concat(index, ".id"), name: "metroStations.".concat(index, ".name"), label: "Metro", form: form, disabled: !isEditing, handleChange: handleChange, isRequired: true }), jsxRuntime.jsx(kuiBasic.Button, __assign({ isCircle: true, size: "xs", variant: "backgroundLight", onClick: handleDelete, disabled: !isEditing }, { children: jsxRuntime.jsx(kuiIcon.CloseIcon, { width: 8, height: 8 }) }))] })) })), fields.map(function (_a) {
|
|
4448
|
+
var name = _a.name, field = __rest(_a, ["name"]);
|
|
4449
|
+
return (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: 6 }, { children: jsxRuntime.jsx(InputByType, __assign({ name: "metroStations.".concat(index, ".").concat(name), form: form, disabled: !isEditing }, field)) }), name));
|
|
4450
|
+
})] })) })));
|
|
4451
|
+
}
|
|
4452
|
+
var MetroItem$1 = mobxReact.observer(MetroItem);
|
|
4453
|
+
var StyledInput = styled__default["default"](MetroAutocomplete$1)(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n max-width: calc(100% - 32px - 16px);\n"], ["\n max-width: calc(100% - 32px - 16px);\n"])));
|
|
4454
|
+
var templateObject_1$3;
|
|
4455
|
+
|
|
4456
|
+
var MetroBlockHeader = function (props) {
|
|
4457
|
+
var addMetro = props.addMetro, updateMetroStations = props.updateMetroStations;
|
|
4458
|
+
return (jsxRuntime.jsxs(StyledWrapper$1, __assign({ container: true, alignItems: "center", justify: "space-between" }, { children: [jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs", weight: 600 }, { children: "METRO" })), jsxRuntime.jsxs(StyledButtonsWrapper, __assign({ container: true, wrap: "nowrap" }, { children: [jsxRuntime.jsx(kuiBasic.Button, __assign({ isCircle: true, size: "xs", variant: "grayLight", onClick: updateMetroStations }, { children: jsxRuntime.jsx(kuiIcon.UpdateIcon, {}) })), jsxRuntime.jsx(kuiBasic.Button, __assign({ isCircle: true, size: "xs", variant: "grayLight", onClick: addMetro }, { children: jsxRuntime.jsx(kuiIcon.PlusIcon, {}) }))] }))] })));
|
|
4459
|
+
};
|
|
4460
|
+
var StyledWrapper$1 = styled__default["default"](kuiBasic.Grid)(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n margin-bottom: 16px;\n"], ["\n margin-bottom: 16px;\n"])));
|
|
4461
|
+
var StyledButtonsWrapper = styled__default["default"](kuiBasic.Grid)(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n width: fit-content;\n > button:first-of-type {\n margin-right: 16px;\n }\n"], ["\n width: fit-content;\n > button:first-of-type {\n margin-right: 16px;\n }\n"])));
|
|
4462
|
+
var templateObject_1$2, templateObject_2$1;
|
|
4463
|
+
|
|
4464
|
+
function MetroBlockForModal(props) {
|
|
4465
|
+
var form = props.form, isEditing = props.isEditing, coords = props.coords, metroStore = props.metroStore, mapStore = props.mapStore, fieldsSettings = props.fieldsSettings;
|
|
4466
|
+
var _a = useMetroBlock(form, mapStore, metroStore, coords), fields = _a.fields, isLoading = _a.isLoading, remove = _a.remove, update = _a.update, updateMetroStations = _a.updateMetroStations, addMetro = _a.addMetro;
|
|
4467
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(MetroBlockHeader, { addMetro: addMetro, updateMetroStations: updateMetroStations }), jsxRuntime.jsx(kuiBasic.Grid, __assign({ container: true, spacing: 3 }, { children: fields.map(function (item, index) { return (jsxRuntime.jsx(MetroItem$1, { index: index, form: form, isEditing: isEditing, onDelete: remove, apartmentCoords: coords, onChange: update, metroStore: metroStore, fieldsSettings: fieldsSettings }, fields[index].id)); }) })), isLoading && jsxRuntime.jsx(LoaderPopup, { label: "metro changes" })] }));
|
|
4468
|
+
}
|
|
4469
|
+
var index$1 = mobxReact.observer(MetroBlockForModal);
|
|
4070
4470
|
|
|
4071
4471
|
var inputProps = {
|
|
4072
4472
|
step: 0.1,
|
|
@@ -4233,7 +4633,7 @@ exports.CountriesStore = CountriesStore;
|
|
|
4233
4633
|
exports.CountryAutocomplete = CountryAutocomplete$1;
|
|
4234
4634
|
exports.DistrictAutocomplete = DistrictAutocomplete$1;
|
|
4235
4635
|
exports.DistrictsStore = DistrictsStore;
|
|
4236
|
-
exports.DropdownMenu = index$
|
|
4636
|
+
exports.DropdownMenu = index$3;
|
|
4237
4637
|
exports.DropdownMenuBase = DropdownMenuBase;
|
|
4238
4638
|
exports.DropdownMenuWithPortal = DropdownMenuWithPortal;
|
|
4239
4639
|
exports.ElectricityValues = ElectricityValues;
|
|
@@ -4270,12 +4670,16 @@ exports.LoaderPopup = LoaderPopup;
|
|
|
4270
4670
|
exports.LoaderState = LoaderState$1;
|
|
4271
4671
|
exports.MapComponent = MapComponent$1;
|
|
4272
4672
|
exports.MapOverlay = MapOverlay;
|
|
4673
|
+
exports.MapStore = MapStore;
|
|
4273
4674
|
exports.MeterFeaturesFields = MeterFeaturesFields;
|
|
4274
4675
|
exports.MeterFeaturesForm = MeterFeaturesForm;
|
|
4275
4676
|
exports.MeterTypeRadioGroup = MeterTypeRadioGroup;
|
|
4677
|
+
exports.MetroBlock = index$2;
|
|
4678
|
+
exports.MetroBlockForModal = index$1;
|
|
4679
|
+
exports.MetroStore = MetroStore;
|
|
4276
4680
|
exports.Modal = Modal;
|
|
4277
4681
|
exports.ModalWithMap = ModalWithMap$1;
|
|
4278
|
-
exports.MultistepForm = index$
|
|
4682
|
+
exports.MultistepForm = index$4;
|
|
4279
4683
|
exports.NumberField = NumberField;
|
|
4280
4684
|
exports.OpenMapButton = OpenMapButton;
|
|
4281
4685
|
exports.PageBreadcrumbs = PageBreadcrumbs;
|