@citygross/components 0.14.9 → 0.14.10

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 (5) hide show
  1. package/build/cjs/components/src/components/SideModal/SideModal.js +5 -7
  2. package/build/cjs/components/src/components/SideModal/SideModal.js.map +1 -1
  3. package/build/es/components/src/components/SideModal/SideModal.js +5 -7
  4. package/build/es/components/src/components/SideModal/SideModal.js.map +1 -1
  5. package/package.json +2 -2
package/build/cjs/components/src/components/SideModal/SideModal.js CHANGED
@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var _tslib = require('../../../../_virtual/_tslib.js');
6
6
  var React = require('react');
7
- var react = require('motion/react');
8
7
  var reactDom = require('react-dom');
9
- var SideModal_styles = require('./SideModal.styles.js');
10
8
  var designTokens = require('@citygross/design-tokens');
9
+ var react = require('motion/react');
10
+ var SideModal_styles = require('./SideModal.styles.js');
11
11
 
12
12
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
13
 
@@ -18,14 +18,12 @@ var SideModal = React.forwardRef(function (_a, ref) {
18
18
  var _e = _a.background, background = _e === void 0 ? (_b = designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.white : _e, children = _a.children, isVisible = _a.isVisible, maxHeight = _a.maxHeight, maxWidth = _a.maxWidth, onBackdropClick = _a.onBackdropClick, _f = _a.overlayBackground, overlayBackground = _f === void 0 ? (_d = (_c = designTokens.theme.palette) === null || _c === void 0 ? void 0 : _c.darkOverlay) !== null && _d !== void 0 ? _d : '' : _f, _g = _a.querySelector, querySelector = _g === void 0 ? '#root' : _g, slideFrom = _a.slideFrom, _h = _a.width, width = _h === void 0 ? 375 : _h, props = _tslib.__rest(_a, ["background", "children", "isVisible", "maxHeight", "maxWidth", "onBackdropClick", "overlayBackground", "querySelector", "slideFrom", "width"]);
19
19
  var domSafe = typeof document !== 'undefined';
20
20
  return domSafe
21
- ? reactDom.createPortal(React__default["default"].createElement(react.AnimatePresence, null, isVisible && (React__default["default"].createElement(SideModal_styles.SideModalOverlay, { animate: { opacity: 1 }, exit: { opacity: 0 }, initial: { opacity: 0 }, maxHeight: maxHeight, onMouseDown: function (e) {
21
+ ? reactDom.createPortal(React__default["default"].createElement(react.AnimatePresence, null, isVisible && (React__default["default"].createElement(SideModal_styles.SideModalOverlay, { key: "side-modal-overlay", animate: { opacity: 1 }, exit: { opacity: 0 }, initial: { opacity: 0 }, maxHeight: maxHeight, onMouseDown: function (e) {
22
22
  if (e.target === e.currentTarget) {
23
23
  onBackdropClick();
24
24
  }
25
- }, overlayBackground: overlayBackground, ref: ref, transition: {
26
- duration: 0
27
- } },
28
- React__default["default"].createElement(SideModal_styles.SideModalContainer, _tslib.__assign({ animate: { x: 0 }, "aria-modal": "true", background: background, exit: { x: slideFrom === 'left' ? '-100%' : '100%' }, initial: { x: slideFrom === 'left' ? '-100%' : '100%' }, maxHeight: maxHeight, maxWidth: maxWidth, onClick: function (e) { return e.stopPropagation(); }, role: "dialog", slideFrom: slideFrom, transition: { duration: 0 }, width: width }, props), children)))), document.querySelector(querySelector) || document.body)
25
+ }, overlayBackground: overlayBackground, ref: ref, transition: { duration: 0.3, ease: 'easeOut' } },
26
+ React__default["default"].createElement(SideModal_styles.SideModalContainer, _tslib.__assign({ animate: { x: 0 }, "aria-modal": "true", background: background, exit: { x: slideFrom === 'left' ? '-100%' : '100%' }, initial: { x: slideFrom === 'left' ? '-100%' : '100%' }, maxHeight: maxHeight, maxWidth: maxWidth, onClick: function (e) { return e.stopPropagation(); }, role: "dialog", slideFrom: slideFrom, transition: { duration: 0.3, ease: 'easeOut' }, width: width }, props), children)))), document.querySelector(querySelector) || document.body)
29
27
  : null;
30
28
  });
31
29
  SideModal.displayName = 'SideModal';
package/build/cjs/components/src/components/SideModal/SideModal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SideModal.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"SideModal.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/es/components/src/components/SideModal/SideModal.js CHANGED
@@ -1,23 +1,21 @@
1
1
  import { __rest, __assign } from '../../../../_virtual/_tslib.js';
2
2
  import React, { forwardRef } from 'react';
3
- import { AnimatePresence } from 'motion/react';
4
3
  import { createPortal } from 'react-dom';
5
- import { SideModalOverlay, SideModalContainer } from './SideModal.styles.js';
6
4
  import { theme } from '@citygross/design-tokens';
5
+ import { AnimatePresence } from 'motion/react';
6
+ import { SideModalOverlay, SideModalContainer } from './SideModal.styles.js';
7
7
 
8
8
  var SideModal = forwardRef(function (_a, ref) {
9
9
  var _b, _c, _d;
10
10
  var _e = _a.background, background = _e === void 0 ? (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.white : _e, children = _a.children, isVisible = _a.isVisible, maxHeight = _a.maxHeight, maxWidth = _a.maxWidth, onBackdropClick = _a.onBackdropClick, _f = _a.overlayBackground, overlayBackground = _f === void 0 ? (_d = (_c = theme.palette) === null || _c === void 0 ? void 0 : _c.darkOverlay) !== null && _d !== void 0 ? _d : '' : _f, _g = _a.querySelector, querySelector = _g === void 0 ? '#root' : _g, slideFrom = _a.slideFrom, _h = _a.width, width = _h === void 0 ? 375 : _h, props = __rest(_a, ["background", "children", "isVisible", "maxHeight", "maxWidth", "onBackdropClick", "overlayBackground", "querySelector", "slideFrom", "width"]);
11
11
  var domSafe = typeof document !== 'undefined';
12
12
  return domSafe
13
- ? createPortal(React.createElement(AnimatePresence, null, isVisible && (React.createElement(SideModalOverlay, { animate: { opacity: 1 }, exit: { opacity: 0 }, initial: { opacity: 0 }, maxHeight: maxHeight, onMouseDown: function (e) {
13
+ ? createPortal(React.createElement(AnimatePresence, null, isVisible && (React.createElement(SideModalOverlay, { key: "side-modal-overlay", animate: { opacity: 1 }, exit: { opacity: 0 }, initial: { opacity: 0 }, maxHeight: maxHeight, onMouseDown: function (e) {
14
14
  if (e.target === e.currentTarget) {
15
15
  onBackdropClick();
16
16
  }
17
- }, overlayBackground: overlayBackground, ref: ref, transition: {
18
- duration: 0
19
- } },
20
- React.createElement(SideModalContainer, __assign({ animate: { x: 0 }, "aria-modal": "true", background: background, exit: { x: slideFrom === 'left' ? '-100%' : '100%' }, initial: { x: slideFrom === 'left' ? '-100%' : '100%' }, maxHeight: maxHeight, maxWidth: maxWidth, onClick: function (e) { return e.stopPropagation(); }, role: "dialog", slideFrom: slideFrom, transition: { duration: 0 }, width: width }, props), children)))), document.querySelector(querySelector) || document.body)
17
+ }, overlayBackground: overlayBackground, ref: ref, transition: { duration: 0.3, ease: 'easeOut' } },
18
+ React.createElement(SideModalContainer, __assign({ animate: { x: 0 }, "aria-modal": "true", background: background, exit: { x: slideFrom === 'left' ? '-100%' : '100%' }, initial: { x: slideFrom === 'left' ? '-100%' : '100%' }, maxHeight: maxHeight, maxWidth: maxWidth, onClick: function (e) { return e.stopPropagation(); }, role: "dialog", slideFrom: slideFrom, transition: { duration: 0.3, ease: 'easeOut' }, width: width }, props), children)))), document.querySelector(querySelector) || document.body)
21
19
  : null;
22
20
  });
23
21
  SideModal.displayName = 'SideModal';
package/build/es/components/src/components/SideModal/SideModal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SideModal.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"SideModal.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.14.9",
3
+ "version": "0.14.10",
4
4
  "license": "ISC",
5
5
  "sideEffects": false,
6
6
  "main": "./build/cjs/components/src/index.js",
@@ -75,5 +75,5 @@
75
75
  "react-slick": "^0.30.1",
76
76
  "slick-carousel": "^1.8.1"
77
77
  },
78
- "gitHead": "507497cf84edeeff4b9ac9019f56323aef8a7401"
78
+ "gitHead": "822588c6912e465a8b58603bdc8bf5c7bf0c8bd6"
79
79
  }