@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
|
@@ -3158,14 +3158,16 @@ var SnackbarProvider = function SnackbarProvider(_temp) {
|
|
|
3158
3158
|
variant = _options$variant === void 0 ? "info" : _options$variant,
|
|
3159
3159
|
actions = _options.actions,
|
|
3160
3160
|
_options$duration = _options.duration,
|
|
3161
|
-
duration = _options$duration === void 0 ? getDuration(variant, actions, content) : _options$duration
|
|
3161
|
+
duration = _options$duration === void 0 ? getDuration(variant, actions, content) : _options$duration,
|
|
3162
|
+
onClose = _options.onClose;
|
|
3162
3163
|
var item = {
|
|
3163
3164
|
title: title,
|
|
3164
3165
|
content: content,
|
|
3165
3166
|
variant: variant,
|
|
3166
3167
|
actions: actions,
|
|
3167
3168
|
duration: duration,
|
|
3168
|
-
id: generateID(15, title)
|
|
3169
|
+
id: generateID(15, title),
|
|
3170
|
+
onClose: onClose
|
|
3169
3171
|
};
|
|
3170
3172
|
addSnackbar(item);
|
|
3171
3173
|
};
|
|
@@ -3193,7 +3195,10 @@ var SnackbarProvider = function SnackbarProvider(_temp) {
|
|
|
3193
3195
|
var snackbarList = snackbars.map(function (item, index) {
|
|
3194
3196
|
return index < stackSize ? React__default["default"].createElement(SnackbarItem, _extends({}, item, {
|
|
3195
3197
|
key: item.id,
|
|
3196
|
-
onClose:
|
|
3198
|
+
onClose: function onClose() {
|
|
3199
|
+
onItemClosed(item.id);
|
|
3200
|
+
item.onClose && item.onClose();
|
|
3201
|
+
},
|
|
3197
3202
|
closeButtonTitle: closeButtonTitle
|
|
3198
3203
|
})) : null;
|
|
3199
3204
|
});
|
|
@@ -3591,8 +3596,8 @@ var Textarea = /*#__PURE__*/React__default["default"].forwardRef(function (_ref,
|
|
|
3591
3596
|
}));
|
|
3592
3597
|
});
|
|
3593
3598
|
|
|
3594
|
-
var css$i = ".
|
|
3595
|
-
var modules_b5ebad0d = {"toggle-wrapper":"
|
|
3599
|
+
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}";
|
|
3600
|
+
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"};
|
|
3596
3601
|
n(css$i,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
|
|
3597
3602
|
|
|
3598
3603
|
var _excluded$k = ["children", "checked", "disabled", "helperProps"];
|