oolib 2.217.0 → 2.217.2

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.
Files changed (3) hide show
  1. package/dist/components/Banners/Toast/index.js +48 -3
  2. package/dist/components/Tooltip/index.js +1 -1
  3. package/package.json +1 -1
package/dist/components/Banners/Toast/index.js CHANGED
@@ -3,12 +3,45 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
3
3
  if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
4
  return cooked;
5
5
  };
6
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
7
+ if (k2 === undefined) k2 = k;
8
+ var desc = Object.getOwnPropertyDescriptor(m, k);
9
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
10
+ desc = { enumerable: true, get: function() { return m[k]; } };
11
+ }
12
+ Object.defineProperty(o, k2, desc);
13
+ }) : (function(o, m, k, k2) {
14
+ if (k2 === undefined) k2 = k;
15
+ o[k2] = m[k];
16
+ }));
17
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
18
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
19
+ }) : function(o, v) {
20
+ o["default"] = v;
21
+ });
22
+ var __importStar = (this && this.__importStar) || (function () {
23
+ var ownKeys = function(o) {
24
+ ownKeys = Object.getOwnPropertyNames || function (o) {
25
+ var ar = [];
26
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
27
+ return ar;
28
+ };
29
+ return ownKeys(o);
30
+ };
31
+ return function (mod) {
32
+ if (mod && mod.__esModule) return mod;
33
+ var result = {};
34
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
35
+ __setModuleDefault(result, mod);
36
+ return result;
37
+ };
38
+ })();
6
39
  var __importDefault = (this && this.__importDefault) || function (mod) {
7
40
  return (mod && mod.__esModule) ? mod : { "default": mod };
8
41
  };
9
42
  Object.defineProperty(exports, "__esModule", { value: true });
10
43
  exports.Toast = exports.StyledToastWrapper = void 0;
11
- var react_1 = __importDefault(require("react"));
44
+ var react_1 = __importStar(require("react"));
12
45
  var styled_components_1 = __importDefault(require("styled-components"));
13
46
  var framer_motion_1 = require("framer-motion");
14
47
  var mixins_1 = require("../../../themes/mixins");
@@ -16,8 +49,8 @@ var Typo2_1 = require("../../../v2/components/Typo2");
16
49
  var Buttons_1 = require("../../../v2/components/Buttons");
17
50
  var __1 = require("..");
18
51
  var Banner_1 = require("../Banner");
19
- var StyledToast = (0, styled_components_1.default)(framer_motion_1.motion.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 0.8rem 1.2rem;\n border-radius: 1.2rem;\n background: white;\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 40rem;\n min-height: 5rem;\n\n ", " {\n width: 45rem;\n };\n\n box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15);\n\n"], ["\n padding: 0.8rem 1.2rem;\n border-radius: 1.2rem;\n background: white;\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 40rem;\n min-height: 5rem;\n\n ", " {\n width: 45rem;\n };\n\n box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15);\n\n"])), (0, mixins_1.mediaQuery)("md"));
20
- exports.StyledToastWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: fixed;\n bottom: 2.5rem;\n right: 2.5rem;\n width: max-content;\n z-index: 1000000000;\n overflow: hidden;\n padding: 2rem;\n background: transparent;\n"], ["\n position: fixed;\n bottom: 2.5rem;\n right: 2.5rem;\n width: max-content;\n z-index: 1000000000;\n overflow: hidden;\n padding: 2rem;\n background: transparent;\n"
52
+ var StyledToast = (0, styled_components_1.default)(framer_motion_1.motion.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 0.8rem 1.2rem;\n border-radius: 1.2rem;\n background: white;\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 40rem;\n min-height: 5rem;\n ", " {\n width: 45rem;\n };\n\n box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15);\n\n"], ["\n padding: 0.8rem 1.2rem;\n border-radius: 1.2rem;\n background: white;\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 40rem;\n min-height: 5rem;\n ", " {\n width: 45rem;\n };\n\n box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15);\n\n"])), (0, mixins_1.mediaQuery)("md"));
53
+ exports.StyledToastWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: fixed;\n bottom: 2.5rem;\n right: 2.5rem;\n width: max-content;\n z-index: 1000000000;\n overflow: hidden;\n padding: 2rem;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n background: transparent;\n"], ["\n position: fixed;\n bottom: 2.5rem;\n right: 2.5rem;\n width: max-content;\n z-index: 1000000000;\n overflow: hidden;\n padding: 2rem;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n background: transparent;\n"
21
54
  /**
22
55
  * A toast component that displays a message and an optional close button and/or CTA button.
23
56
  *
@@ -51,6 +84,18 @@ exports.StyledToastWrapper = styled_components_1.default.div(templateObject_2 ||
51
84
  */
52
85
  var Toast = function (_a) {
53
86
  var color = _a.color, cta = _a.cta, msg = _a.msg, handleRemove = _a.handleRemove, id = _a.id, _b = _a.showIcon, showIcon = _b === void 0 ? true : _b, _c = _a.hideCloseButton, hideCloseButton = _c === void 0 ? false : _c, actionText = _a.actionText, actionIcon = _a.actionIcon, _d = _a.bottomStroke, bottomStroke = _d === void 0 ? true : _d, timeOut = _a.timeOut;
87
+ (0, react_1.useEffect)(function () {
88
+ var timer;
89
+ if (timeOut) {
90
+ timer = setTimeout(function () {
91
+ handleRemove(null, id);
92
+ }, timeOut);
93
+ }
94
+ return function () {
95
+ if (timer)
96
+ clearTimeout(timer);
97
+ };
98
+ }, [timeOut, id, handleRemove]);
54
99
  return (react_1.default.createElement(StyledToast, { initial: { x: "100%", opacity: 0 }, animate: { x: 0, opacity: 1 }, exit: { x: "100%", opacity: 0 }, transition: { type: "spring", damping: 25, stiffness: 300 } },
55
100
  react_1.default.createElement("div", { style: { display: "flex" } },
56
101
  showIcon && react_1.default.createElement(__1.DisplayIcon, { color: color }),
package/dist/components/Tooltip/index.js CHANGED
@@ -95,7 +95,7 @@ var Tooltip = function (_a) {
95
95
  setShowTooltip(false);
96
96
  }
97
97
  }, onClick: function () {
98
- setIsClicked(true), setShowTooltip(true);
98
+ setIsClicked(function (prev) { return !prev; }), setShowTooltip(function (prev) { return !prev; });
99
99
  }, onBlur: function () {
100
100
  setIsClicked(false), setShowTooltip(false);
101
101
  }, ref: targetRef, tabIndex: 0 }, presetTarget === "infoIcon" ? (react_1.default.createElement(styled_1.StyledIconButton, null,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oolib",
3
- "version": "2.217.0",
3
+ "version": "2.217.2",
4
4
  "description": " OKE Component Library",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",