@snack-uikit/drawer 0.8.9 → 0.8.10-preview-d96c83e8.0

package/dist/cjs/components/Drawer/Drawer.js

@@ -0,0 +1,84 @@
+"use strict";
+
+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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Drawer = Drawer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const button_1 = require("@snack-uikit/button");
+const truncate_string_1 = require("@snack-uikit/truncate-string");
+const constants_1 = require("../../constants");
+const WithTooltip_1 = require("../../helperComponents/WithTooltip");
+const DrawerCustom_1 = require("../DrawerCustom");
+/** Готовый компонент Drawer */
+function Drawer(_a) {
+  var {
+      title,
+      titleTooltip,
+      subtitle,
+      image,
+      content,
+      approveButton,
+      cancelButton,
+      additionalButton,
+      nestedDrawer,
+      truncate
+    } = _a,
+    rest = __rest(_a, ["title", "titleTooltip", "subtitle", "image", "content", "approveButton", "cancelButton", "additionalButton", "nestedDrawer", "truncate"]);
+  const needFooter = Boolean(approveButton) || Boolean(cancelButton) || Boolean(additionalButton);
+  return (0, jsx_runtime_1.jsxs)(DrawerCustom_1.DrawerCustom, Object.assign({}, rest, {
+    push: Boolean(nestedDrawer) && {
+      distance: constants_1.NESTED_DRAWER_PUSH_DISTANCE
+    },
+    children: [(0, jsx_runtime_1.jsx)(DrawerCustom_1.DrawerCustom.Header, {
+      title: (0, jsx_runtime_1.jsx)(truncate_string_1.TruncateString, {
+        text: title,
+        maxLines: (truncate === null || truncate === void 0 ? void 0 : truncate.title) || 1
+      }),
+      titleTooltip: titleTooltip,
+      subtitle: subtitle ? (0, jsx_runtime_1.jsx)(truncate_string_1.TruncateString, {
+        text: subtitle,
+        maxLines: (truncate === null || truncate === void 0 ? void 0 : truncate.subtitle) || 2
+      }) : undefined,
+      image: image,
+      "data-test-id": constants_1.TEST_IDS.header
+    }), (0, jsx_runtime_1.jsx)(DrawerCustom_1.DrawerCustom.Body, {
+      content: content,
+      "data-test-id": constants_1.TEST_IDS.content
+    }), needFooter && (0, jsx_runtime_1.jsx)(DrawerCustom_1.DrawerCustom.Footer, {
+      "data-test-id": constants_1.TEST_IDS.footer,
+      actions: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, {
+        children: [approveButton && (0, jsx_runtime_1.jsx)(WithTooltip_1.WithTooltip, {
+          tooltip: approveButton.tooltip,
+          children: (0, jsx_runtime_1.jsx)(button_1.ButtonFilled, Object.assign({
+            appearance: 'primary',
+            size: 'm',
+            "data-test-id": constants_1.TEST_IDS.approveButton
+          }, approveButton))
+        }), cancelButton && (0, jsx_runtime_1.jsx)(WithTooltip_1.WithTooltip, {
+          tooltip: cancelButton.tooltip,
+          children: (0, jsx_runtime_1.jsx)(button_1.ButtonOutline, Object.assign({
+            appearance: 'neutral',
+            size: 'm',
+            "data-test-id": constants_1.TEST_IDS.cancelButton
+          }, cancelButton))
+        }), additionalButton && (0, jsx_runtime_1.jsx)(WithTooltip_1.WithTooltip, {
+          tooltip: additionalButton.tooltip,
+          children: (0, jsx_runtime_1.jsx)(button_1.ButtonSimple, Object.assign({
+            appearance: 'neutral',
+            size: 'm',
+            "data-test-id": constants_1.TEST_IDS.additionalButton
+          }, additionalButton))
+        })]
+      })
+    }), nestedDrawer]
+  }));
+}

package/dist/cjs/components/Drawer/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./Drawer"), exports);

package/dist/cjs/components/DrawerCustom/DrawerCustom.js

@@ -0,0 +1,76 @@
+"use strict";
+
+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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DrawerCustom = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const rc_drawer_1 = __importDefault(require("rc-drawer"));
+const utils_1 = require("@snack-uikit/utils");
+const constants_1 = require("../../constants");
+const helperComponents_1 = require("../../helperComponents");
+const constants_2 = require("./constants");
+const styles_module_scss_1 = __importDefault({});
+function DrawerCustomComponent(_a) {
+  var {
+      open,
+      mode = constants_1.MODE.Regular,
+      position = constants_1.POSITION.Right,
+      onClose,
+      rootClassName,
+      className,
+      size = constants_1.SIZE.S,
+      push,
+      container,
+      children,
+      nestedDrawer
+    } = _a,
+    rest = __rest(_a, ["open", "mode", "position", "onClose", "rootClassName", "className", "size", "push", "container", "children", "nestedDrawer"]);
+  const isRegular = mode === constants_1.MODE.Regular;
+  const isPredefinedSize = typeof size === 'string' && constants_1.SIZE_AS_VALUES.includes(size);
+  return (0, jsx_runtime_1.jsxs)(rc_drawer_1.default, Object.assign({
+    mask: isRegular,
+    maskClosable: isRegular,
+    maskClassName: styles_module_scss_1.default.mask,
+    keyboard: isRegular,
+    width: isPredefinedSize ? 'null' : size,
+    open: open,
+    placement: position,
+    destroyOnClose: true,
+    push: push,
+    onClose: onClose,
+    getContainer: container,
+    className: (0, classnames_1.default)(styles_module_scss_1.default.drawer, className),
+    rootClassName: (0, classnames_1.default)(styles_module_scss_1.default.drawerRoot, rootClassName)
+  }, (0, utils_1.extractSupportProps)(rest), {
+    "data-content-wrapper": true,
+    "data-size": isPredefinedSize ? size : undefined,
+    "data-mode": mode
+  }, constants_2.motionProps, {
+    children: [(0, jsx_runtime_1.jsx)("div", {
+      className: styles_module_scss_1.default.headerElements,
+      children: (0, jsx_runtime_1.jsx)(helperComponents_1.ButtonClose, {
+        onClick: onClose
+      })
+    }), children, nestedDrawer]
+  }));
+}
+/** Компонент-конструктор */
+exports.DrawerCustom = DrawerCustomComponent;
+exports.DrawerCustom.Header = helperComponents_1.DrawerHeader;
+exports.DrawerCustom.Body = helperComponents_1.DrawerBody;
+exports.DrawerCustom.Footer = helperComponents_1.DrawerFooter;

package/dist/cjs/components/DrawerCustom/constants.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.motionProps = exports.motion = exports.maskMotion = void 0;
+exports.maskMotion = {
+  motionAppear: true,
+  motionName: 'maskMotion'
+};
+const motion = placement => ({
+  motionAppear: true,
+  motionName: `panelMotion-${placement}`
+});
+exports.motion = motion;
+exports.motionProps = {
+  maskMotion: exports.maskMotion,
+  motion: exports.motion
+};

package/dist/cjs/components/DrawerCustom/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./DrawerCustom"), exports);

package/dist/cjs/components/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./DrawerCustom"), exports);
+__exportStar(require("./Drawer"), exports);

package/dist/cjs/constants.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TEST_IDS = exports.NESTED_DRAWER_PUSH_DISTANCE = exports.POSITION = exports.MODE = exports.SIZE_AS_VALUES = exports.SIZE = void 0;
+exports.SIZE = {
+  S: 's',
+  M: 'm',
+  L: 'l'
+};
+exports.SIZE_AS_VALUES = Object.values(exports.SIZE);
+exports.MODE = {
+  Regular: 'regular',
+  Soft: 'soft'
+};
+exports.POSITION = {
+  Right: 'right',
+  Left: 'left'
+};
+exports.NESTED_DRAWER_PUSH_DISTANCE = 24;
+exports.TEST_IDS = {
+  closeButton: 'drawer__close-button',
+  header: 'drawer__header',
+  title: 'drawer__title',
+  tooltip: 'drawer__title-tooltip',
+  subtitle: 'drawer__subtitle',
+  image: 'drawer__image',
+  content: 'drawer__body',
+  footer: 'drawer__footer',
+  footerActions: 'drawer__footer-actions',
+  approveButton: 'drawer__approve-button',
+  cancelButton: 'drawer__cancel-button',
+  additionalButton: 'drawer__additional-button'
+};

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

@@ -0,0 +1,39 @@
+"use strict";
+
+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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DrawerBody = DrawerBody;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const scroll_1 = require("@snack-uikit/scroll");
+const utils_1 = require("@snack-uikit/utils");
+const styles_module_scss_1 = __importDefault({});
+/** Вспомогательный компонент для добавления "тела" в DrawerCustom */
+function DrawerBody(_a) {
+  var {
+      content,
+      className
+    } = _a,
+    rest = __rest(_a, ["content", "className"]);
+  return (0, jsx_runtime_1.jsx)(scroll_1.Scroll, Object.assign({
+    size: 'm',
+    barHideStrategy: 'never',
+    className: (0, classnames_1.default)(styles_module_scss_1.default.drawerBody, className)
+  }, (0, utils_1.extractSupportProps)(rest), {
+    children: content
+  }));
+}

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

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./Body"), exports);

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

@@ -0,0 +1,28 @@
+"use strict";
+
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ButtonClose = ButtonClose;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_1 = require("@snack-uikit/icons");
+const constants_1 = require("../../constants");
+const styles_module_scss_1 = __importDefault({});
+function ButtonClose(_ref) {
+  let {
+    onClick
+  } = _ref;
+  return (0, jsx_runtime_1.jsx)("button", {
+    type: 'button',
+    className: styles_module_scss_1.default.buttonClose,
+    onClick: onClick,
+    "aria-label": 'close drawer',
+    "data-test-id": constants_1.TEST_IDS.closeButton,
+    children: (0, jsx_runtime_1.jsx)(icons_1.CrossSVG, {})
+  });
+}

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

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./ButtonClose"), exports);

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

@@ -0,0 +1,41 @@
+"use strict";
+
+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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DrawerFooter = DrawerFooter;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const utils_1 = require("@snack-uikit/utils");
+const constants_1 = require("../../constants");
+const styles_module_scss_1 = __importDefault({});
+/** Вспомогательный компонент для добавления "футера" в DrawerCustom */
+function DrawerFooter(_a) {
+  var {
+      actions,
+      className
+    } = _a,
+    rest = __rest(_a, ["actions", "className"]);
+  return (0, jsx_runtime_1.jsx)("div", Object.assign({
+    className: (0, classnames_1.default)(styles_module_scss_1.default.footer, className)
+  }, (0, utils_1.extractSupportProps)(rest), {
+    children: (0, jsx_runtime_1.jsx)("div", {
+      className: styles_module_scss_1.default.footerActions,
+      "data-test-id": constants_1.TEST_IDS.footerActions,
+      children: actions
+    })
+  }));
+}

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

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./Footer"), exports);

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

@@ -0,0 +1,65 @@
+"use strict";
+
+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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DrawerHeader = DrawerHeader;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const tooltip_1 = require("@snack-uikit/tooltip");
+const typography_1 = require("@snack-uikit/typography");
+const utils_1 = require("@snack-uikit/utils");
+const constants_1 = require("../../constants");
+const styles_module_scss_1 = __importDefault({});
+/** Вспомогательный компонент для добавления "шапки" в DrawerCustom */
+function DrawerHeader(_a) {
+  var {
+      title,
+      titleTooltip,
+      subtitle,
+      image,
+      className
+    } = _a,
+    rest = __rest(_a, ["title", "titleTooltip", "subtitle", "image", "className"]);
+  return (0, jsx_runtime_1.jsxs)("div", Object.assign({
+    className: (0, classnames_1.default)(styles_module_scss_1.default.drawerHeader, className)
+  }, (0, utils_1.extractSupportProps)(rest), {
+    children: [image && (0, jsx_runtime_1.jsx)("img", {
+      src: image.src,
+      alt: image.alt,
+      className: styles_module_scss_1.default.image,
+      "data-test-id": constants_1.TEST_IDS.image
+    }), (0, jsx_runtime_1.jsxs)("div", {
+      className: styles_module_scss_1.default.headlineLayout,
+      children: [(0, jsx_runtime_1.jsxs)("div", {
+        className: styles_module_scss_1.default.headline,
+        children: [(0, jsx_runtime_1.jsx)(typography_1.Typography.SansHeadlineS, {
+          className: styles_module_scss_1.default.title,
+          "data-test-id": constants_1.TEST_IDS.title,
+          children: title
+        }), titleTooltip && (0, jsx_runtime_1.jsx)(tooltip_1.QuestionTooltip, {
+          tip: titleTooltip,
+          size: 's',
+          "data-test-id": constants_1.TEST_IDS.tooltip
+        })]
+      }), subtitle && (0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyM, {
+        className: styles_module_scss_1.default.subtitle,
+        "data-test-id": constants_1.TEST_IDS.subtitle,
+        children: subtitle
+      })]
+    })]
+  }));
+}

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

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./Header"), exports);

package/dist/cjs/helperComponents/WithTooltip/WithTooltip.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WithTooltip = WithTooltip;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const tooltip_1 = require("@snack-uikit/tooltip");
+function WithTooltip(_ref) {
+  let {
+    tooltip,
+    children
+  } = _ref;
+  if (!tooltip) {
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {
+      children: children
+    });
+  }
+  return (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, Object.assign({}, tooltip, {
+    children: children
+  }));
+}

package/dist/cjs/helperComponents/WithTooltip/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./WithTooltip"), exports);

package/dist/cjs/helperComponents/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./Body"), exports);
+__exportStar(require("./ButtonClose"), exports);
+__exportStar(require("./Footer"), exports);
+__exportStar(require("./Header"), exports);