@onewelcome/react-lib-components 0.2.4 → 0.2.5
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/Notifications/Snackbar/interfaces.d.ts +1 -0
- package/dist/react-lib-components.cjs.development.js +10 -5
- package/dist/react-lib-components.cjs.development.js.map +1 -1
- package/dist/react-lib-components.cjs.production.min.js +1 -1
- package/dist/react-lib-components.cjs.production.min.js.map +1 -1
- package/dist/react-lib-components.esm.js +10 -5
- package/dist/react-lib-components.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Form/Toggle/Toggle.module.scss +5 -5
- package/src/Notifications/Snackbar/SnackbarProvider/SnackbarProvider.test.tsx +49 -56
- package/src/Notifications/Snackbar/SnackbarProvider/SnackbarProvider.tsx +9 -3
- package/src/Notifications/Snackbar/interfaces.ts +1 -0
|
@@ -3150,14 +3150,16 @@ var SnackbarProvider = function SnackbarProvider(_temp) {
|
|
|
3150
3150
|
variant = _options$variant === void 0 ? "info" : _options$variant,
|
|
3151
3151
|
actions = _options.actions,
|
|
3152
3152
|
_options$duration = _options.duration,
|
|
3153
|
-
duration = _options$duration === void 0 ? getDuration(variant, actions, content) : _options$duration
|
|
3153
|
+
duration = _options$duration === void 0 ? getDuration(variant, actions, content) : _options$duration,
|
|
3154
|
+
onClose = _options.onClose;
|
|
3154
3155
|
var item = {
|
|
3155
3156
|
title: title,
|
|
3156
3157
|
content: content,
|
|
3157
3158
|
variant: variant,
|
|
3158
3159
|
actions: actions,
|
|
3159
3160
|
duration: duration,
|
|
3160
|
-
id: generateID(15, title)
|
|
3161
|
+
id: generateID(15, title),
|
|
3162
|
+
onClose: onClose
|
|
3161
3163
|
};
|
|
3162
3164
|
addSnackbar(item);
|
|
3163
3165
|
};
|
|
@@ -3185,7 +3187,10 @@ var SnackbarProvider = function SnackbarProvider(_temp) {
|
|
|
3185
3187
|
var snackbarList = snackbars.map(function (item, index) {
|
|
3186
3188
|
return index < stackSize ? React.createElement(SnackbarItem, _extends({}, item, {
|
|
3187
3189
|
key: item.id,
|
|
3188
|
-
onClose:
|
|
3190
|
+
onClose: function onClose() {
|
|
3191
|
+
onItemClosed(item.id);
|
|
3192
|
+
item.onClose && item.onClose();
|
|
3193
|
+
},
|
|
3189
3194
|
closeButtonTitle: closeButtonTitle
|
|
3190
3195
|
})) : null;
|
|
3191
3196
|
});
|
|
@@ -3583,8 +3588,8 @@ var Textarea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
3583
3588
|
}));
|
|
3584
3589
|
});
|
|
3585
3590
|
|
|
3586
|
-
var css$i = ".
|
|
3587
|
-
var modules_b5ebad0d = {"toggle-wrapper":"
|
|
3591
|
+
var css$i = ".Toggle_module_toggleWrapper__2e6e8e0d {\n display: flex;\n align-items: center;\n position: relative;\n}\n\n.Toggle_module_toggle__2e6e8e0d {\n width: 2rem;\n min-width: 2rem;\n height: 1.25rem;\n background-color: var(--default);\n border-radius: 2.5rem;\n position: relative;\n transition: background-color 0.2s ease-in-out;\n display: block;\n pointer-events: none;\n}\n.Toggle_module_toggle__2e6e8e0d:before {\n content: \"\";\n width: 1rem;\n height: 1rem;\n border-radius: 50%;\n display: block;\n background-color: #fff;\n position: absolute;\n top: 50%;\n transform: translateY(-50%) translateX(0);\n left: 0.125rem;\n transition: transform 0.2s ease-in-out;\n}\n.Toggle_module_toggle__2e6e8e0d.Toggle_module_checked__2e6e8e0d {\n background-color: var(--color-primary);\n}\n.Toggle_module_toggle__2e6e8e0d.Toggle_module_checked__2e6e8e0d:before {\n transform: translateY(-50%) translateX(calc(100% - 0.25rem));\n}\n.Toggle_module_toggle__2e6e8e0d.Toggle_module_disabled__2e6e8e0d {\n background-color: var(--disabled);\n cursor: not-allowed;\n}\n\n.Toggle_module_toggleHelper__2e6e8e0d {\n margin-left: 2.5rem;\n}\n\n.Toggle_module_checkbox__2e6e8e0d {\n z-index: 10;\n position: static;\n}\n.Toggle_module_checkbox__2e6e8e0d input {\n width: 2rem;\n}\n.Toggle_module_checkbox__2e6e8e0d input ~ [data-icon][aria-hidden] {\n display: none;\n}\n.Toggle_module_checkbox__2e6e8e0d input:focus-visible + * {\n border-radius: 2.5rem;\n}";
|
|
3592
|
+
var modules_b5ebad0d = {"toggle-wrapper":"Toggle_module_toggleWrapper__2e6e8e0d","toggle":"Toggle_module_toggle__2e6e8e0d","checked":"Toggle_module_checked__2e6e8e0d","disabled":"Toggle_module_disabled__2e6e8e0d","toggle-helper":"Toggle_module_toggleHelper__2e6e8e0d","checkbox":"Toggle_module_checkbox__2e6e8e0d"};
|
|
3588
3593
|
n(css$i,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
|
|
3589
3594
|
|
|
3590
3595
|
var _excluded$k = ["children", "checked", "disabled", "helperProps"];
|