@snack-uikit/modal 0.20.2-preview-02d918ac.0 → 0.20.2

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.20.2 (2026-07-03)
+
+### Only dependencies have been changed
+* [@snack-uikit/link@0.18.3]($PUBLIC_PROJECT_URL/blob/master/packages/link/CHANGELOG.md)
+* [@snack-uikit/tooltip@0.18.15]($PUBLIC_PROJECT_URL/blob/master/packages/tooltip/CHANGELOG.md)
+* [@snack-uikit/truncate-string@0.7.14]($PUBLIC_PROJECT_URL/blob/master/packages/truncate-string/CHANGELOG.md)
+
+
+
+
+
 ## 0.20.1 (2026-06-24)
 
 ### Only dependencies have been changed

package/dist/cjs/components/Modal/Modal.js

@@ -29,26 +29,27 @@ const utils_1 = require("../../utils");
 const ModalCustom_1 = require("../ModalCustom");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function Modal(_a) {
-  var {
-      open,
-      onClose,
-      size = constants_1.SIZE.S,
-      mode = constants_1.MODE.Regular,
-      align = constants_1.ALIGN.Default,
-      title,
-      titleTooltip,
-      subtitle,
-      picture: pictureProp,
-      content,
-      approveButton,
-      cancelButton,
-      additionalButton,
-      disclaimer,
-      truncate,
-      className,
-      loading,
-      loadingState
-    } = _a,
+  var open = _a.open,
+    onClose = _a.onClose,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? constants_1.SIZE.S : _a$size,
+    _a$mode = _a.mode,
+    mode = _a$mode === void 0 ? constants_1.MODE.Regular : _a$mode,
+    _a$align = _a.align,
+    align = _a$align === void 0 ? constants_1.ALIGN.Default : _a$align,
+    title = _a.title,
+    titleTooltip = _a.titleTooltip,
+    subtitle = _a.subtitle,
+    pictureProp = _a.picture,
+    content = _a.content,
+    approveButton = _a.approveButton,
+    cancelButton = _a.cancelButton,
+    additionalButton = _a.additionalButton,
+    disclaimer = _a.disclaimer,
+    truncate = _a.truncate,
+    className = _a.className,
+    loading = _a.loading,
+    loadingState = _a.loadingState,
     rest = __rest(_a, ["open", "onClose", "size", "mode", "align", "title", "titleTooltip", "subtitle", "picture", "content", "approveButton", "cancelButton", "additionalButton", "disclaimer", "truncate", "className", "loading", "loadingState"]);
   const aligns = (0, utils_1.getAlignProps)({
     align,

package/dist/cjs/components/ModalCustom/ModalCustom.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -27,22 +29,29 @@ const helperComponents_1 = require("../../helperComponents");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 const utils_2 = require("./utils");
 function ModalCustom(_a) {
-  var {
-      open,
-      onClose,
-      size = constants_1.SIZE.S,
-      mode = constants_1.MODE.Regular,
-      children,
-      className,
-      closeOnPopstate,
-      animationDuration,
-      animationDurationPercent = 0.4
-    } = _a,
+  var open = _a.open,
+    onClose = _a.onClose,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? constants_1.SIZE.S : _a$size,
+    _a$mode = _a.mode,
+    mode = _a$mode === void 0 ? constants_1.MODE.Regular : _a$mode,
+    children = _a.children,
+    className = _a.className,
+    closeOnPopstate = _a.closeOnPopstate,
+    animationDuration = _a.animationDuration,
+    _a$animationDurationP = _a.animationDurationPercent,
+    animationDurationPercent = _a$animationDurationP === void 0 ? 0.4 : _a$animationDurationP,
     rest = __rest(_a, ["open", "onClose", "size", "mode", "children", "className", "closeOnPopstate", "animationDuration", "animationDurationPercent"]);
   const animDuration = animationDuration !== null && animationDuration !== void 0 ? animationDuration : 0;
   const isAnimated = animDuration > 0;
-  const [shouldRender, setShouldRender] = (0, react_1.useState)(open);
-  const [animationState, setAnimationState] = (0, react_1.useState)(constants_1.ANIMATION_STATE.Entering);
+  const _ref = (0, react_1.useState)(open),
+    _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+    shouldRender = _ref2[0],
+    setShouldRender = _ref2[1];
+  const _ref3 = (0, react_1.useState)(constants_1.ANIMATION_STATE.Entering),
+    _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
+    animationState = _ref4[0],
+    setAnimationState = _ref4[1];
   (0, react_1.useEffect)(() => {
     if (!isAnimated) return;
     if (open) {
@@ -73,8 +82,8 @@ function ModalCustom(_a) {
   }
   const animDelay = Math.round(animDuration * animationDurationPercent);
   const contentStyle = isAnimated ? {
-    '--_modal-anim-duration': `${animDuration}ms`,
-    '--_modal-anim-delay': `${animDelay}ms`
+    '--_modal-anim-duration': "".concat(animDuration, "ms"),
+    '--_modal-anim-delay': "".concat(animDelay, "ms")
   } : undefined;
   return (0, jsx_runtime_1.jsxs)(react_modal_1.default, {
     data: Object.assign(Object.assign({}, (0, utils_2.getDataTestAttributes)(rest)), {

package/dist/cjs/helperComponents/Body/Body.js

@@ -24,11 +24,10 @@ const utils_1 = require("@snack-uikit/utils");
 const constants_1 = require("../../constants");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function ModalBody(_a) {
-  var {
-      content,
-      align = constants_1.CONTENT_ALIGN.Default,
-      className
-    } = _a,
+  var content = _a.content,
+    _a$align = _a.align,
+    align = _a$align === void 0 ? constants_1.CONTENT_ALIGN.Default : _a$align,
+    className = _a.className,
     rest = __rest(_a, ["content", "align", "className"]);
   return (0, jsx_runtime_1.jsx)(scroll_1.Scroll, Object.assign({
     size: 'm',

package/dist/cjs/helperComponents/ButtonClose/ButtonClose.js

@@ -14,9 +14,7 @@ const icons_1 = require("@snack-uikit/icons");
 const constants_1 = require("../../constants");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function ButtonClose(_ref) {
-  let {
-    onClick
-  } = _ref;
+  let onClick = _ref.onClick;
   return (0, jsx_runtime_1.jsx)("button", {
     type: 'button',
     className: styles_module_scss_1.default.buttonClose,

package/dist/cjs/helperComponents/Footer/Footer.js

@@ -23,12 +23,11 @@ const utils_1 = require("@snack-uikit/utils");
 const constants_1 = require("../../constants");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function ModalFooter(_a) {
-  var {
-      actions,
-      disclaimer,
-      align = constants_1.ALIGN.Default,
-      className
-    } = _a,
+  var actions = _a.actions,
+    disclaimer = _a.disclaimer,
+    _a$align = _a.align,
+    align = _a$align === void 0 ? constants_1.ALIGN.Default : _a$align,
+    className = _a.className,
     rest = __rest(_a, ["actions", "disclaimer", "align", "className"]);
   return (0, jsx_runtime_1.jsxs)("div", Object.assign({
     "data-align": align,

package/dist/cjs/helperComponents/Header/Header.js

@@ -27,14 +27,13 @@ const constants_1 = require("../../constants");
 const utils_2 = require("../../utils");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function ModalHeader(_a) {
-  var {
-      title,
-      titleTooltip,
-      subtitle,
-      align = constants_1.CONTENT_ALIGN.Default,
-      picture,
-      className
-    } = _a,
+  var title = _a.title,
+    titleTooltip = _a.titleTooltip,
+    subtitle = _a.subtitle,
+    _a$align = _a.align,
+    align = _a$align === void 0 ? constants_1.CONTENT_ALIGN.Default : _a$align,
+    picture = _a.picture,
+    className = _a.className,
     rest = __rest(_a, ["title", "titleTooltip", "subtitle", "align", "picture", "className"]);
   return (0, jsx_runtime_1.jsxs)("div", Object.assign({
     className: (0, classnames_1.default)(styles_module_scss_1.default.header, className)

package/dist/cjs/helperComponents/OverlayElement/OverlayElement.js

@@ -14,13 +14,12 @@ const classnames_1 = __importDefault(require("classnames"));
 const constants_1 = require("../../constants");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function OverlayElement(_ref) {
-  let {
-    onClose,
-    content,
-    blur = false,
-    animationDuration,
-    animationState
-  } = _ref;
+  let onClose = _ref.onClose,
+    content = _ref.content,
+    _ref$blur = _ref.blur,
+    blur = _ref$blur === void 0 ? false : _ref$blur,
+    animationDuration = _ref.animationDuration,
+    animationState = _ref.animationState;
   const handleClick = e => {
     e.stopPropagation();
     onClose();
@@ -31,8 +30,8 @@ function OverlayElement(_ref) {
   const backdropDuration = animationDuration !== undefined ? Math.round(animationDuration * 0.625) : undefined;
   const exitDelay = animationDuration !== undefined ? Math.round(animationDuration * 0.4) : 0;
   const overlayStyle = animationDuration !== undefined ? {
-    '--_modal-anim-duration': `${backdropDuration}ms`,
-    '--_modal-anim-exit-delay': `${exitDelay}ms`
+    '--_modal-anim-duration': "".concat(backdropDuration, "ms"),
+    '--_modal-anim-exit-delay': "".concat(exitDelay, "ms")
   } : undefined;
   return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, {
     children: [(0, jsx_runtime_1.jsx)("div", {

package/dist/cjs/utils.js

@@ -26,10 +26,8 @@ const MAP_ALIGNS = {
   }
 };
 function getAlignProps(_ref) {
-  let {
-    align,
-    size
-  } = _ref;
+  let align = _ref.align,
+    size = _ref.size;
   if (size === constants_1.SIZE.L) {
     return MAP_ALIGNS[constants_1.ALIGN.Default];
   }
@@ -39,10 +37,8 @@ function getAlignProps(_ref) {
   return MAP_ALIGNS[align];
 }
 function getButtonsSize(_ref2) {
-  let {
-    align,
-    size
-  } = _ref2;
+  let align = _ref2.align,
+    size = _ref2.size;
   switch (true) {
     case align === constants_1.ALIGN.Vertical && size === constants_1.SIZE.S:
       return 'l';
@@ -56,10 +52,8 @@ function isPictureImage(picture) {
   return 'src' in picture;
 }
 function getPicture(_ref3) {
-  let {
-    size,
-    picture
-  } = _ref3;
+  let size = _ref3.size,
+    picture = _ref3.picture;
   switch (size) {
     case constants_1.SIZE.S:
       return picture;

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Modal",
-  "version": "0.20.2-preview-02d918ac.0",
+  "version": "0.20.2",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -39,11 +39,11 @@
     "@snack-uikit/button": "0.19.19",
     "@snack-uikit/icon-predefined": "0.7.12",
     "@snack-uikit/icons": "0.27.7",
-    "@snack-uikit/link": "0.18.3-preview-02d918ac.0",
+    "@snack-uikit/link": "0.18.3",
     "@snack-uikit/loaders": "0.9.11",
     "@snack-uikit/scroll": "0.11.0",
-    "@snack-uikit/tooltip": "0.18.15-preview-02d918ac.0",
-    "@snack-uikit/truncate-string": "0.7.14-preview-02d918ac.0",
+    "@snack-uikit/tooltip": "0.18.15",
+    "@snack-uikit/truncate-string": "0.7.14",
     "@snack-uikit/typography": "0.8.13",
     "@snack-uikit/utils": "4.0.2",
     "classnames": "2.5.1",
@@ -52,5 +52,5 @@
   "devDependencies": {
     "@types/react-modal": "3.16.0"
   },
-  "gitHead": "00136e44a3f59e0cf80df069e32dac42b3a8d88a"
+  "gitHead": "864821fceaa6bbb61080166d14f1682fa16e3f85"
 }