@citygross/components 0.7.99 → 0.7.100

package/build/@types/components/SlideInOutContainer/SlideInOutContainer.d.ts

@@ -5,5 +5,4 @@ export declare type TSlideInOutContainer = {
     slideFrom?: 'left' | 'right';
     isInitial?: boolean;
 };
-declare const SlideInOutContainer: ({ slideFrom, isVisible, isInitial, children }: TSlideInOutContainer) => JSX.Element;
-export default SlideInOutContainer;
+export declare const SlideInOutContainer: ({ slideFrom, isVisible, isInitial, children }: TSlideInOutContainer) => JSX.Element;

package/build/@types/components/SlideInOutContainer/SlideInOutContainer.stories.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { Story } from '@storybook/react';
 declare const _default: {
-    component: ({ slideFrom, isVisible, isInitial, children }: import("./SlideInOutContainer").TSlideInOutContainer) => JSX.Element;
+    component: any;
     title: string;
 };
 export default _default;

package/build/cjs/components/src/components/SlideInOutContainer/SlideInOutContainer.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var framerMotion = require('framer-motion');
+var React = require('react');
+var SlideInOutContainer_styles = require('./SlideInOutContainer.styles.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var SlideInOutContainer = function (_a) {
+    var _b = _a.slideFrom, slideFrom = _b === void 0 ? 'right' : _b, isVisible = _a.isVisible, isInitial = _a.isInitial, children = _a.children;
+    return (React__default["default"].createElement(framerMotion.AnimatePresence, null, isVisible && (React__default["default"].createElement(SlideInOutContainer_styles.SideModalContainer, { slideFrom: slideFrom, transition: { type: 'just' }, onClick: function (e) { return e.stopPropagation(); }, initial: {
+            x: isInitial ? 0 : slideFrom === 'left' ? '-100%' : '100%'
+        }, animate: { x: 0 }, exit: { x: slideFrom === 'left' ? '-100%' : '100%' } }, children))));
+};
+
+exports.SlideInOutContainer = SlideInOutContainer;
+//# sourceMappingURL=SlideInOutContainer.js.map

package/build/cjs/components/src/components/SlideInOutContainer/SlideInOutContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlideInOutContainer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/components/src/components/SlideInOutContainer/SlideInOutContainer.styles.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var _tslib = require('../../../../_virtual/_tslib.js');
 var framerMotion = require('framer-motion');
 var styled = require('styled-components');
@@ -8,9 +10,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-styled__default["default"](framerMotion.motion.div)(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  width: 100%;\n  ", ";\n  position: absolute;\n  ", ";\n  top: 0;\n\n  overflow: auto;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"], ["\n  width: 100%;\n  ", ";\n  position: absolute;\n  ", ";\n  top: 0;\n\n  overflow: auto;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"])), function (_a) {
+var SideModalContainer = styled__default["default"](framerMotion.motion.div)(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  width: 100%;\n  ", ";\n  position: absolute;\n  ", ";\n  top: 0;\n\n  overflow: auto;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"], ["\n  width: 100%;\n  ", ";\n  position: absolute;\n  ", ";\n  top: 0;\n\n  overflow: auto;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"])), function (_a) {
     var maxWidth = _a.maxWidth;
     return maxWidth && "max-width:".concat(maxWidth);
 }, function (props) { return ((props === null || props === void 0 ? void 0 : props.slideFrom) === 'left' ? "left: 0px" : 'right: 0px'); });
 var templateObject_1;
+
+exports.SideModalContainer = SideModalContainer;
 //# sourceMappingURL=SlideInOutContainer.styles.js.map

package/build/cjs/components/src/components/SlideInOutContainer/SlideInOutContainer.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlideInOutContainer.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SlideInOutContainer.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/components/src/index.js

@@ -74,9 +74,7 @@ var Dropdown = require('./components/Dropdown/Dropdown.js');
 var SearchListItem = require('./components/SearchListItem/SearchListItem.js');
 var MenuListHeader = require('./components/MenuListItem/MenuListHeader.js');
 var MenuListItem = require('./components/MenuListItem/MenuListItem.js');
-require('framer-motion');
-require('react');
-require('./components/SlideInOutContainer/SlideInOutContainer.styles.js');
+var SlideInOutContainer = require('./components/SlideInOutContainer/SlideInOutContainer.js');
 
 
 
@@ -183,4 +181,5 @@ exports.Dropdown = Dropdown.Dropdown;
 exports.SearchListItem = SearchListItem.SearchListItem;
 exports.MenuListHeader = MenuListHeader.MenuListHeader;
 exports.MenuListItem = MenuListItem.MenuListItem;
+exports.SlideInOutContainer = SlideInOutContainer.SlideInOutContainer;
 //# sourceMappingURL=index.js.map

package/build/cjs/components/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/es/components/src/components/SlideInOutContainer/SlideInOutContainer.js

@@ -0,0 +1,13 @@
+import { AnimatePresence } from 'framer-motion';
+import React from 'react';
+import { SideModalContainer } from './SlideInOutContainer.styles.js';
+
+var SlideInOutContainer = function (_a) {
+    var _b = _a.slideFrom, slideFrom = _b === void 0 ? 'right' : _b, isVisible = _a.isVisible, isInitial = _a.isInitial, children = _a.children;
+    return (React.createElement(AnimatePresence, null, isVisible && (React.createElement(SideModalContainer, { slideFrom: slideFrom, transition: { type: 'just' }, onClick: function (e) { return e.stopPropagation(); }, initial: {
+            x: isInitial ? 0 : slideFrom === 'left' ? '-100%' : '100%'
+        }, animate: { x: 0 }, exit: { x: slideFrom === 'left' ? '-100%' : '100%' } }, children))));
+};
+
+export { SlideInOutContainer };
+//# sourceMappingURL=SlideInOutContainer.js.map

package/build/es/components/src/components/SlideInOutContainer/SlideInOutContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlideInOutContainer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/build/es/components/src/components/SlideInOutContainer/SlideInOutContainer.styles.js

@@ -2,9 +2,11 @@ import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
 import { motion } from 'framer-motion';
 import styled from 'styled-components';
 
-styled(motion.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  ", ";\n  position: absolute;\n  ", ";\n  top: 0;\n\n  overflow: auto;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"], ["\n  width: 100%;\n  ", ";\n  position: absolute;\n  ", ";\n  top: 0;\n\n  overflow: auto;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"])), function (_a) {
+var SideModalContainer = styled(motion.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  ", ";\n  position: absolute;\n  ", ";\n  top: 0;\n\n  overflow: auto;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"], ["\n  width: 100%;\n  ", ";\n  position: absolute;\n  ", ";\n  top: 0;\n\n  overflow: auto;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"])), function (_a) {
     var maxWidth = _a.maxWidth;
     return maxWidth && "max-width:".concat(maxWidth);
 }, function (props) { return ((props === null || props === void 0 ? void 0 : props.slideFrom) === 'left' ? "left: 0px" : 'right: 0px'); });
 var templateObject_1;
+
+export { SideModalContainer };
 //# sourceMappingURL=SlideInOutContainer.styles.js.map

package/build/es/components/src/components/SlideInOutContainer/SlideInOutContainer.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlideInOutContainer.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"SlideInOutContainer.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/build/es/components/src/index.js

@@ -70,7 +70,5 @@ export { Dropdown } from './components/Dropdown/Dropdown.js';
 export { SearchListItem } from './components/SearchListItem/SearchListItem.js';
 export { MenuListHeader } from './components/MenuListItem/MenuListHeader.js';
 export { MenuListItem } from './components/MenuListItem/MenuListItem.js';
-import 'framer-motion';
-import 'react';
-import './components/SlideInOutContainer/SlideInOutContainer.styles.js';
+export { SlideInOutContainer } from './components/SlideInOutContainer/SlideInOutContainer.js';
 //# sourceMappingURL=index.js.map

package/build/es/components/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citygross/components",
-  "version": "0.7.99",
+  "version": "0.7.100",
   "license": "ISC",
   "sideEffects": false,
   "main": "./build/cjs/components/src/index.js",
@@ -71,5 +71,5 @@
     "moment": "^2.29.1",
     "react-loading-skeleton": "^2.2.0"
   },
-  "gitHead": "ed08313d9b9185ee857c5bee01c50d5b8312dd94"
+  "gitHead": "dffdbcfa722a9e8080ff9e2a8d89a6c86bbff88e"
 }