@heroku/react-hk-components - npm Package Compare versions

Comparing version 0.5.0 to 0.6.0

dist/HKButton.js

@@ -0,1 +1,2 @@
+"use strict";
 var __extends = (this && this.__extends) || (function () {
@@ -11,3 +12,4 @@ var extendStatics = Object.setPrototypeOf ||
 })();
-import * as React from 'react';
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = require("react");
 var Type;
@@ -61,3 +63,3 @@ (function (Type) {
 }(React.Component));
-export default HKButton;
+exports.default = HKButton;
 //# sourceMappingURL=HKButton.js.map

dist/HKModal.js

@@ -0,1 +1,2 @@
+"use strict";
 var __extends = (this && this.__extends) || (function () {
@@ -11,6 +12,7 @@ var extendStatics = Object.setPrototypeOf ||
 })();
-import * as React from 'react';
-import SRMModal from 'simple-react-modal';
-import HKModalHeader from './HKModalHeader';
-import HKModalFooter from './HKModalFooter';
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = require("react");
+var simple_react_modal_1 = require("simple-react-modal");
+var HKModalHeader_1 = require("./HKModalHeader");
+var HKModalFooter_1 = require("./HKModalFooter");
 var Modal = /** @class */ (function (_super) {
@@ -23,10 +25,10 @@ __extends(Modal, _super);
         var _a = this.props, show = _a.show, children = _a.children, onDismiss = _a.onDismiss, header = _a.header, footer = _a.footer;
-        return (React.createElement(SRMModal, { containerStyle: {}, containerClassName: "w-100 mw7 center bg-white shadow-outer-1 br1 relative", style: { position: 'fixed', top: 0, bottom: 0, left: 0, right: 0, "zIndex": 9999, background: 'rgba(0,0,0,.2)' }, className: "flex flex-column items-center justify-center", closeOnOuterClick: true, show: show, onClose: onDismiss },
-            React.createElement(HKModalHeader, { onDismiss: onDismiss }, header),
+        return (React.createElement(simple_react_modal_1.default, { containerStyle: {}, containerClassName: "w-100 mw7 center bg-white shadow-outer-1 br1 relative", style: { position: 'fixed', top: 0, bottom: 0, left: 0, right: 0, "zIndex": 9999, background: 'rgba(0,0,0,.2)' }, className: "flex flex-column items-center justify-center", closeOnOuterClick: true, show: show, onClose: onDismiss },
+            React.createElement(HKModalHeader_1.default, { onDismiss: onDismiss }, header),
             children,
-            React.createElement(HKModalFooter, null, footer)));
+            React.createElement(HKModalFooter_1.default, null, footer)));
     };
     return Modal;
 }(React.Component));
-export default Modal;
+exports.default = Modal;
 //# sourceMappingURL=HKModal.js.map

dist/HKModalFooter.js

@@ -0,1 +1,2 @@
+"use strict";
 var __extends = (this && this.__extends) || (function () {
@@ -11,3 +12,4 @@ var extendStatics = Object.setPrototypeOf ||
 })();
-import * as React from 'react';
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = require("react");
 var ModalFooter = /** @class */ (function (_super) {
@@ -24,3 +26,3 @@ __extends(ModalFooter, _super);
 }(React.Component));
-export default ModalFooter;
+exports.default = ModalFooter;
 //# sourceMappingURL=HKModalFooter.js.map

dist/HKModalHeader.js

@@ -0,1 +1,2 @@
+"use strict";
 var __extends = (this && this.__extends) || (function () {
@@ -11,4 +12,5 @@ var extendStatics = Object.setPrototypeOf ||
 })();
-import { MalibuIcon } from '@heroku/react-malibu';
-import * as React from 'react';
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_malibu_1 = require("@heroku/react-malibu");
+var React = require("react");
 var ModalHeader = /** @class */ (function (_super) {
@@ -28,3 +30,3 @@ __extends(ModalHeader, _super);
             dismissNode = React.createElement("div", { className: "right-1 h-100 absolute pointer", onClick: onDismiss },
-                React.createElement(MalibuIcon, { name: 'delete-16', fillClass: 'dark-gray', extraClasses: "icon malibu-icon h1 w1 fill-dark-gray o-50 hover-o-100 h-100 v-mid" }));
+                React.createElement(react_malibu_1.MalibuIcon, { name: 'delete-16', fillClass: 'dark-gray', extraClasses: "icon malibu-icon h1 w1 fill-dark-gray o-50 hover-o-100 h-100 v-mid" }));
         }
@@ -37,3 +39,3 @@ return (React.createElement("div", { className: "bg-near-white dark-gray bb b--light-silver f4 flex items-center justify-center br--top br2" },
 }(React.Component));
-export default ModalHeader;
+exports.default = ModalHeader;
 //# sourceMappingURL=HKModalHeader.js.map

dist/index.js

@@ -1,5 +0,11 @@
-export { default as HKButton } from './HKButton';
-export { default as HKModal } from './HKModal';
-export { default as HKModalHeader } from './HKModalHeader';
-export { default as HKModalFooter } from './HKModalFooter';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var HKButton_1 = require("./HKButton");
+exports.HKButton = HKButton_1.default;
+var HKModal_1 = require("./HKModal");
+exports.HKModal = HKModal_1.default;
+var HKModalHeader_1 = require("./HKModalHeader");
+exports.HKModalHeader = HKModalHeader_1.default;
+var HKModalFooter_1 = require("./HKModalFooter");
+exports.HKModalFooter = HKModalFooter_1.default;
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@heroku/react-hk-components",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "React components for Heroku",
@@ -51,3 +51,3 @@ "main": "dist/index.js",
     "storybook": "start-storybook -p ${PORT:-9001} -c .storybook",
-    "build": "rm ./dist/*; tsc --module es2015 --target es5",
+    "build": "rm ./dist/*; tsc --module commonjs --target es5",
     "prepublish": "yarn run build",
@@ -54,0 +54,0 @@ "test": "jest --testPathPattern $PWD/test",

No alert changes

Improved metrics

Total package byte prevSize

15423

increased by2.49%

Lines of code

166

increased by9.21%

No dependency changes