@unbxd-ui/unbxd-react-components 0.3.3-beta.7 → 0.3.3-beta.8
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.
|
@@ -38,8 +38,8 @@ var PulseVersionToggler = function PulseVersionToggler(props) {
|
|
|
38
38
|
successMessage = props.successMessage,
|
|
39
39
|
errorMessage = props.errorMessage,
|
|
40
40
|
reloadDelay = props.reloadDelay,
|
|
41
|
-
|
|
42
|
-
var intialVersion =
|
|
41
|
+
shouldFallbackToV2 = props.shouldFallbackToV2;
|
|
42
|
+
var intialVersion = shouldFallbackToV2 ? "v2" : "v1";
|
|
43
43
|
var cookieValue = (_getCookie = getCookie(cookieName)) !== null && _getCookie !== void 0 ? _getCookie : intialVersion;
|
|
44
44
|
var _useState = (0, _react.useState)(cookieValue !== "v1"),
|
|
45
45
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -159,7 +159,7 @@ PulseVersionToggler.propTypes = {
|
|
|
159
159
|
successMessage: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].func]),
|
|
160
160
|
errorMessage: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].func]),
|
|
161
161
|
reloadDelay: _propTypes["default"].number,
|
|
162
|
-
|
|
162
|
+
shouldFallbackToV2: _propTypes["default"].bool
|
|
163
163
|
};
|
|
164
164
|
PulseVersionToggler.defaultProps = {
|
|
165
165
|
endpoint: "/api/v1/pulse/version",
|
|
@@ -173,6 +173,6 @@ PulseVersionToggler.defaultProps = {
|
|
|
173
173
|
},
|
|
174
174
|
errorMessage: "Failed to switch Pulse version. Please try again.",
|
|
175
175
|
reloadDelay: 1500,
|
|
176
|
-
|
|
176
|
+
shouldFallbackToV2: true
|
|
177
177
|
};
|
|
178
178
|
var _default = exports["default"] = PulseVersionToggler;
|
|
@@ -58,7 +58,7 @@ var meta = {
|
|
|
58
58
|
control: 'number',
|
|
59
59
|
description: 'Delay in milliseconds before page reload after successful switch'
|
|
60
60
|
},
|
|
61
|
-
|
|
61
|
+
shouldFallbackToV2: {
|
|
62
62
|
control: 'boolean',
|
|
63
63
|
description: 'Initial state when no cookie exists - true for v2, false for v1'
|
|
64
64
|
}
|
|
@@ -70,7 +70,7 @@ var Default = exports.Default = {
|
|
|
70
70
|
endpoint: '/api/v1/pulse/version',
|
|
71
71
|
cookieName: '_pulse_ver',
|
|
72
72
|
queryParamKey: 'version',
|
|
73
|
-
|
|
73
|
+
shouldFallbackToV2: true
|
|
74
74
|
},
|
|
75
75
|
render: function render(args) {
|
|
76
76
|
// Mock fetch for Storybook (without Jest)
|
|
@@ -112,7 +112,7 @@ var WithCustomTooltipComponents = exports.WithCustomTooltipComponents = {
|
|
|
112
112
|
endpoint: '/api/v1/pulse/version',
|
|
113
113
|
cookieName: '_pulse_ver',
|
|
114
114
|
queryParamKey: 'version',
|
|
115
|
-
|
|
115
|
+
shouldFallbackToV2: true
|
|
116
116
|
},
|
|
117
117
|
render: function render(args) {
|
|
118
118
|
_react["default"].useEffect(function () {
|
|
@@ -212,13 +212,13 @@ var WithCustomTooltipComponents = exports.WithCustomTooltipComponents = {
|
|
|
212
212
|
}
|
|
213
213
|
};
|
|
214
214
|
|
|
215
|
-
// Starting with V1 (
|
|
215
|
+
// Starting with V1 (shouldFallbackToV2 = false)
|
|
216
216
|
var StartingWithV1 = exports.StartingWithV1 = {
|
|
217
217
|
args: {
|
|
218
218
|
endpoint: '/api/v1/pulse/version',
|
|
219
219
|
cookieName: '_pulse_ver_v1',
|
|
220
220
|
queryParamKey: 'version',
|
|
221
|
-
|
|
221
|
+
shouldFallbackToV2: false
|
|
222
222
|
},
|
|
223
223
|
render: function render(args) {
|
|
224
224
|
_react["default"].useEffect(function () {
|
|
@@ -249,17 +249,17 @@ var StartingWithV1 = exports.StartingWithV1 = {
|
|
|
249
249
|
padding: '20px',
|
|
250
250
|
maxWidth: '600px'
|
|
251
251
|
}
|
|
252
|
-
}, /*#__PURE__*/_react["default"].createElement("h2", null, "Starting with V1 (Classic)"), /*#__PURE__*/_react["default"].createElement("p", null, "This example sets ", /*#__PURE__*/_react["default"].createElement("code", null, "
|
|
252
|
+
}, /*#__PURE__*/_react["default"].createElement("h2", null, "Starting with V1 (Classic)"), /*#__PURE__*/_react["default"].createElement("p", null, "This example sets ", /*#__PURE__*/_react["default"].createElement("code", null, "shouldFallbackToV2"), " to ", /*#__PURE__*/_react["default"].createElement("code", null, "false"), "."), /*#__PURE__*/_react["default"].createElement("p", null, "When no cookie exists, the component will default to ", /*#__PURE__*/_react["default"].createElement("strong", null, "V1"), " (classic version)."), /*#__PURE__*/_react["default"].createElement("p", null, "The button will show \"V1\" and allow users to switch to V2."), /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("strong", null, "Use case:"), " Perfect for users who should see the classic version by default.")));
|
|
253
253
|
}
|
|
254
254
|
};
|
|
255
255
|
|
|
256
|
-
// Starting with V2 (
|
|
256
|
+
// Starting with V2 (shouldFallbackToV2 = true)
|
|
257
257
|
var StartingWithV2 = exports.StartingWithV2 = {
|
|
258
258
|
args: {
|
|
259
259
|
endpoint: '/api/v1/pulse/version',
|
|
260
260
|
cookieName: '_pulse_ver_v2',
|
|
261
261
|
queryParamKey: 'version',
|
|
262
|
-
|
|
262
|
+
shouldFallbackToV2: true
|
|
263
263
|
},
|
|
264
264
|
render: function render(args) {
|
|
265
265
|
_react["default"].useEffect(function () {
|
|
@@ -290,6 +290,6 @@ var StartingWithV2 = exports.StartingWithV2 = {
|
|
|
290
290
|
padding: '20px',
|
|
291
291
|
maxWidth: '600px'
|
|
292
292
|
}
|
|
293
|
-
}, /*#__PURE__*/_react["default"].createElement("h2", null, "Starting with V2 (New Experience)"), /*#__PURE__*/_react["default"].createElement("p", null, "This example sets ", /*#__PURE__*/_react["default"].createElement("code", null, "
|
|
293
|
+
}, /*#__PURE__*/_react["default"].createElement("h2", null, "Starting with V2 (New Experience)"), /*#__PURE__*/_react["default"].createElement("p", null, "This example sets ", /*#__PURE__*/_react["default"].createElement("code", null, "shouldFallbackToV2"), " to ", /*#__PURE__*/_react["default"].createElement("code", null, "true"), "."), /*#__PURE__*/_react["default"].createElement("p", null, "When no cookie exists, the component will default to ", /*#__PURE__*/_react["default"].createElement("strong", null, "V2"), " (new version)."), /*#__PURE__*/_react["default"].createElement("p", null, "The button will show \"V2\" with the active state and allow users to switch back to V1."), /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("strong", null, "Use case:"), " Perfect for users who should see the new experience by default.")));
|
|
294
294
|
}
|
|
295
295
|
};
|