@popsure/dirty-swan 0.27.22 → 0.27.24
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/dist/index.js +7 -7
- package/dist/index.js.map +1 -1
- package/dist/lib/components/autocompleteAddress/index.test.d.ts +1 -0
- package/dist/lib/components/segmentedControl/index.test.d.ts +1 -0
- package/package.json +1 -1
- package/src/lib/components/autocompleteAddress/index.test.tsx +94 -0
- package/src/lib/components/autocompleteAddress/index.tsx +6 -0
- package/src/lib/components/segmentedControl/index.test.tsx +51 -0
- package/src/lib/components/segmentedControl/index.tsx +1 -0
- package/src/setupTests.js +48 -2
package/dist/index.js
CHANGED
|
@@ -5331,32 +5331,32 @@ var AutoCompleteAddress = function (_a) {
|
|
|
5331
5331
|
_b[styles$n['map-container--hidden']] = place === null,
|
|
5332
5332
|
_b)) }, { children: [jsxRuntime.jsx("div", { className: styles$n.map, id: "map" }, void 0),
|
|
5333
5333
|
isLoading && (jsxRuntime.jsx("div", __assign({ className: styles$n['loading-spinner'] }, { children: jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m" }, void 0) }), void 0))] }), void 0),
|
|
5334
|
-
jsxRuntime.jsx("div", __assign({ className: "wmx8" }, { children: manualAddressEntry === false ? (jsxRuntime.jsxs("div", __assign({ style: { position: 'relative' } }, { children: [jsxRuntime.jsx(Input, { className: "w100", id: "autocomplete", "data-cy": "autocomplete", type: "text", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.manualAddressEntry) || 'Search for address', ref: autocompleteElement },
|
|
5334
|
+
jsxRuntime.jsx("div", __assign({ className: "wmx8" }, { children: manualAddressEntry === false ? (jsxRuntime.jsxs("div", __assign({ style: { position: 'relative' } }, { children: [jsxRuntime.jsx(Input, { className: "w100", id: "autocomplete", "data-cy": "autocomplete", type: "text", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.manualAddressEntry) || 'Search for address', ref: autocompleteElement }, "autocomplete-search"),
|
|
5335
5335
|
hasLoadedGoogleAPI === false && (jsxRuntime.jsx("div", __assign({ className: styles$n['loading-spinner'] }, { children: jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m" }, void 0) }), void 0))] }), void 0)) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", __assign({ className: "d-flex c-gap16 " + styles$n['input-line'] }, { children: [jsxRuntime.jsx(Input, { className: "w100", "data-cy": "autocomplete", type: "text", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.street) || 'Street', value: (address === null || address === void 0 ? void 0 : address.street) || '', onChange: function (e) {
|
|
5336
5336
|
var newAddress = __assign(__assign({}, address), { street: e.target.value, country: GERMANY_ALPHA_CODE });
|
|
5337
5337
|
setAddress(newAddress);
|
|
5338
5338
|
debouncedSetPlace(newAddress);
|
|
5339
|
-
} },
|
|
5339
|
+
} }, "autocomplete-street"),
|
|
5340
5340
|
jsxRuntime.jsx(Input, { className: "wmx2 " + styles$n['house-number-input'], "data-cy": "autocomplete-house-number", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.houseNumber) || 'House Number', value: (address === null || address === void 0 ? void 0 : address.houseNumber) || '', onChange: function (e) {
|
|
5341
5341
|
var newAddress = __assign(__assign({}, address), { houseNumber: e.target.value, country: GERMANY_ALPHA_CODE });
|
|
5342
5342
|
setAddress(newAddress);
|
|
5343
5343
|
debouncedSetPlace(newAddress);
|
|
5344
|
-
} },
|
|
5344
|
+
} }, "autocomplete-house-number")] }), void 0),
|
|
5345
5345
|
jsxRuntime.jsx(Input, { className: "mt16", "data-cy": "autocomplete-additional-info", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.additionalInformation) ||
|
|
5346
5346
|
'Additional information (C/O, apartment, …)', value: (address === null || address === void 0 ? void 0 : address.additionalInformation) || '', onChange: function (e) {
|
|
5347
5347
|
var newAddress = __assign(__assign({}, address), { additionalInformation: e.target.value, country: GERMANY_ALPHA_CODE });
|
|
5348
5348
|
setAddress(newAddress);
|
|
5349
|
-
} },
|
|
5349
|
+
} }, "autocomplete-additional-info"),
|
|
5350
5350
|
jsxRuntime.jsxs("div", __assign({ className: "d-flex mt16 c-gap16 " + styles$n['input-line'] }, { children: [jsxRuntime.jsx(Input, { className: "w100", "data-cy": "autocomplete-postcode", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.postcode) || 'Postcode', value: (address === null || address === void 0 ? void 0 : address.postcode) || '', onChange: function (e) {
|
|
5351
5351
|
var newAddress = __assign(__assign({}, address), { postcode: e.target.value, country: GERMANY_ALPHA_CODE });
|
|
5352
5352
|
setAddress(newAddress);
|
|
5353
5353
|
debouncedSetPlace(newAddress);
|
|
5354
|
-
} },
|
|
5354
|
+
} }, "autocomplete-postcode"),
|
|
5355
5355
|
jsxRuntime.jsx(Input, { className: "w100", "data-cy": "autocomplete-city", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.city) || 'City', value: (address === null || address === void 0 ? void 0 : address.city) || '', onChange: function (e) {
|
|
5356
5356
|
var newAddress = __assign(__assign({}, address), { city: e.target.value, country: GERMANY_ALPHA_CODE });
|
|
5357
5357
|
setAddress(newAddress);
|
|
5358
5358
|
debouncedSetPlace(newAddress);
|
|
5359
|
-
} },
|
|
5359
|
+
} }, "autocomplete-city")] }), void 0)] }, void 0)) }), void 0),
|
|
5360
5360
|
manualAddressEntry === false && (jsxRuntime.jsxs("div", __assign({ className: "p-p mt8" }, { children: [(manualAddressEntryTexts === null || manualAddressEntryTexts === void 0 ? void 0 : manualAddressEntryTexts.preText) || 'Or ',
|
|
5361
5361
|
jsxRuntime.jsx("span", __assign({ className: "p-a fw-bold c-pointer", onClick: handleEnterAddressManually }, { children: (manualAddressEntryTexts === null || manualAddressEntryTexts === void 0 ? void 0 : manualAddressEntryTexts.cta) || 'Enter address manually' }), void 0)] }), void 0))] }, void 0));
|
|
5362
5362
|
};
|
|
@@ -13859,7 +13859,7 @@ var SegmentedControl = function (_a) {
|
|
|
13859
13859
|
}, className: styles$1.chip }, { children: typeof value === 'string' ? (jsxRuntime.jsx("div", __assign({ className: "p-h4 ta-center " + (selectedIndex === index ? '' : 'tc-primary-500') }, { children: value }), void 0)) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", __assign({ className: "p-h4 ta-center " + (selectedIndex === index ? '' : 'tc-primary-500') }, { children: value.title }), void 0),
|
|
13860
13860
|
jsxRuntime.jsx("div", __assign({ className: "p-p--small ta-center " + (selectedIndex === index
|
|
13861
13861
|
? 'tc-grey-500'
|
|
13862
|
-
: 'tc-primary-500') }, { children: value.subtitle }), void 0)] }, void 0)) }),
|
|
13862
|
+
: 'tc-primary-500') }, { children: value.subtitle }), void 0)] }, void 0)) }), typeof value === 'string' ? value : value.title));
|
|
13863
13863
|
}) }), void 0),
|
|
13864
13864
|
jsxRuntime.jsx("div", { className: styles$1['select-chip-background'], style: {
|
|
13865
13865
|
width: selectedChipBackgroundWidthLeft.width + "px",
|