@occmundial/occ-atomic 1.20.1 → 1.21.2

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+## [1.21.2](https://github.com/occmundial/occ-atomic/compare/v1.21.1...v1.21.2) (2022-05-30)
+
+
+### Bug Fixes
+
+* Fix in Modal styles for full screen mode ([eeb7081](https://github.com/occmundial/occ-atomic/commit/eeb70814e172828b3fde2789d674676ac11a565d))
+
+## [1.21.1](https://github.com/occmundial/occ-atomic/compare/v1.21.0...v1.21.1) (2022-05-27)
+
+
+### Bug Fixes
+
+* Change in dimensions of full screen modal ([c3434a2](https://github.com/occmundial/occ-atomic/commit/c3434a28d1bf6455205b5f37419cd14567ddb126))
+* Ignore plugin directory in doc gen ([d06e206](https://github.com/occmundial/occ-atomic/commit/d06e2064f9ec30066fef70432122d3d49a6ae99f))
+
+# [1.21.0](https://github.com/occmundial/occ-atomic/compare/v1.20.1...v1.21.0) (2022-02-16)
+
+
+### Features
+
+* Implement babel plugin ([a73c4fe](https://github.com/occmundial/occ-atomic/commit/a73c4fe73abd82e8c159ed7b6bfae0e26ecb613b))
+
 ## [1.20.1](https://github.com/occmundial/occ-atomic/compare/v1.20.0...v1.20.1) (2022-01-31)
 
 

package/build/Modal/styles.js

@@ -65,17 +65,26 @@ var _default = {
   noClose: {
     cursor: 'default'
   },
-  cardWrapper: {
+  cardWrapper: _defineProperty({
     position: 'relative',
-    maxWidth: '100vw',
-    maxHeight: '100vh'
-  },
+    maxWidth: '100%',
+    maxHeight: '100%'
+  }, "@media screen and (max-width:".concat(_grid["default"].xs - 1, "px)"), {
+    height: function height(_ref) {
+      var fullSize = _ref.fullSize;
+      return fullSize && '100%';
+    }
+  }),
   cardBlock: _defineProperty({
     margin: _spacing["default"].gutter
   }, "@media screen and (max-width:".concat(_grid["default"].xs - 1, "px)"), {
-    margin: function margin(_ref) {
-      var fullSize = _ref.fullSize;
+    margin: function margin(_ref2) {
+      var fullSize = _ref2.fullSize;
       return fullSize && 0;
+    },
+    height: function height(_ref3) {
+      var fullSize = _ref3.fullSize;
+      return fullSize && '100%';
     }
   }),
   card: (_card = {
@@ -86,16 +95,16 @@ var _default = {
   }, _defineProperty(_card, "@media screen and (min-width:".concat(_grid["default"].sm, "px)"), {
     padding: _spacing["default"].medium
   }), _defineProperty(_card, "@media screen and (max-width:".concat(_grid["default"].xs - 1, "px)"), {
-    padding: function padding(_ref2) {
-      var fullSize = _ref2.fullSize;
+    padding: function padding(_ref4) {
+      var fullSize = _ref4.fullSize;
       return fullSize && _spacing["default"].base;
     },
-    minHeight: function minHeight(_ref3) {
-      var fullSize = _ref3.fullSize;
-      return fullSize && '100vh';
+    minHeight: function minHeight(_ref5) {
+      var fullSize = _ref5.fullSize;
+      return fullSize && '100%';
     },
-    borderRadius: function borderRadius(_ref4) {
-      var fullSize = _ref4.fullSize;
+    borderRadius: function borderRadius(_ref6) {
+      var fullSize = _ref6.fullSize;
       return fullSize && 0;
     }
   }), _card),
@@ -161,20 +170,20 @@ var _default = {
   },
   imgLeft: _defineProperty({
     width: 200,
-    backgroundImage: function backgroundImage(_ref5) {
-      var imgLeft = _ref5.imgLeft;
+    backgroundImage: function backgroundImage(_ref7) {
+      var imgLeft = _ref7.imgLeft;
       return "url(".concat(imgLeft.img, ")");
     },
-    backgroundPosition: function backgroundPosition(_ref6) {
-      var imgLeft = _ref6.imgLeft;
+    backgroundPosition: function backgroundPosition(_ref8) {
+      var imgLeft = _ref8.imgLeft;
       return "center ".concat(imgLeft.position || 'center');
     },
-    backgroundSize: function backgroundSize(_ref7) {
-      var imgLeft = _ref7.imgLeft;
+    backgroundSize: function backgroundSize(_ref9) {
+      var imgLeft = _ref9.imgLeft;
       return imgLeft.size === 'contain' ? '100% auto' : 'cover';
     },
-    backgroundColor: function backgroundColor(_ref8) {
-      var imgLeft = _ref8.imgLeft;
+    backgroundColor: function backgroundColor(_ref10) {
+      var imgLeft = _ref10.imgLeft;
       return imgLeft.color || null;
     },
     backgroundRepeat: 'no-repeat',
@@ -191,24 +200,24 @@ var _default = {
   }),
   imgTop: _defineProperty({
     position: 'relative',
-    height: function height(_ref9) {
-      var imgTop = _ref9.imgTop;
+    height: function height(_ref11) {
+      var imgTop = _ref11.imgTop;
       return imgTop.height || 128;
     },
-    backgroundImage: function backgroundImage(_ref10) {
-      var imgTop = _ref10.imgTop;
+    backgroundImage: function backgroundImage(_ref12) {
+      var imgTop = _ref12.imgTop;
       return "url(".concat(imgTop.img, ")");
     },
-    backgroundPosition: function backgroundPosition(_ref11) {
-      var imgTop = _ref11.imgTop;
+    backgroundPosition: function backgroundPosition(_ref13) {
+      var imgTop = _ref13.imgTop;
       return "".concat(imgTop.position || 'center', " center");
     },
-    backgroundSize: function backgroundSize(_ref12) {
-      var imgTop = _ref12.imgTop;
+    backgroundSize: function backgroundSize(_ref14) {
+      var imgTop = _ref14.imgTop;
       return imgTop.size === 'contain' ? 'auto 100%' : imgTop.size || 'cover';
     },
-    backgroundColor: function backgroundColor(_ref13) {
-      var imgTop = _ref13.imgTop;
+    backgroundColor: function backgroundColor(_ref15) {
+      var imgTop = _ref15.imgTop;
       return imgTop.color || null;
     },
     backgroundRepeat: 'no-repeat',

package/build/plugin/babel.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var types = require('@babel/types');
+
+function error(msg) {
+  throw new Error("babel-plugin-occ-atomic: ".concat(msg));
+}
+
+function getImportsList(path) {
+  return path.node.specifiers.filter(function (specifier) {
+    if (specifier.type !== 'ImportSpecifier') {
+      error('Import entire module detected. Using this syntax means we cannot tree shake properly.');
+    } else return true;
+  });
+}
+
+function importDeclaration(specifier, path) {
+  return types.importDeclaration([specifier], types.stringLiteral(path));
+}
+
+function replaceImport(path, statements) {
+  if (statements.length > 0) {
+    path.replaceWithMultiple(statements);
+  }
+
+  return path;
+}
+
+var subatomic = ['colors', 'fonts', 'grid', 'icons', 'iconSizes', 'shadows', 'spacing'];
+
+function importModule(path) {
+  var importsList = getImportsList(path);
+  var importStatements = importsList.map(function (specifier) {
+    var importName = specifier.imported.name;
+
+    if (importName === 'toaster') {
+      return importDeclaration(specifier, '@occmundial/occ-atomic/build/Toaster/functions');
+    } else if (importName === 'Nav' || importName === 'Menu') {
+      return importDeclaration(specifier, "@occmundial/occ-atomic/build/Header/".concat(importName));
+    } else if (subatomic.includes(importName)) {
+      return importDeclaration(types.importDefaultSpecifier(types.identifier(importName)), "@occmundial/occ-atomic/build/subatomic/".concat(importName));
+    }
+
+    return importDeclaration(types.importDefaultSpecifier(types.identifier(importName)), "@occmundial/occ-atomic/build/".concat(importName));
+  });
+  replaceImport(path, importStatements);
+}
+
+module.exports = function () {
+  return {
+    visitor: {
+      ImportDeclaration: function ImportDeclaration(path) {
+        if (path.node.source.value === '@occmundial/occ-atomic') {
+          return importModule(path);
+        }
+      }
+    }
+  };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@occmundial/occ-atomic",
-  "version": "1.20.1",
+  "version": "1.21.2",
   "description": "Collection of shareable styled React components for OCC applications.",
   "homepage": "http://occmundial.github.io/occ-atomic",
   "main": "build/index.js",