armstrong-react - npm Package Compare versions

Comparing version 0.1.9 to 0.2.0

dist/components/display/dialog.js

@@ -37,3 +37,3 @@ "use strict";
         return (React.createElement("div", {className: classes}, 
-            React.createElement("div", {className: "dialog", style: style}, 
+            React.createElement("div", {className: "dialog", style: style, role: "dialog", "aria-hidden": !this.props.isOpen, "aria-labelledby": this.props.title, "aria-describedby": this.props.subtitle}, 
                 React.createElement(grid_1.Grid, null, 
@@ -40,0 +40,0 @@ React.createElement(grid_1.Row, {className: classBuilder_1.classNames("dialog-header", classBuilder_1.cd("dialog-header-no-title", !this.props.title)), fixed: true},

dist/components/form/inputs/datePickerInput.d.ts

@@ -40,2 +40,3 @@ import * as React from "react";
     componentDidMount(): void;
+    checkMobile(width: number): void;
     handleEvent(e: any): void;
@@ -42,0 +43,0 @@ onInputFocus(): void;

dist/components/form/inputs/datePickerInput.js

@@ -114,16 +114,15 @@ "use strict";
     DatePickerInput.prototype.componentDidMount = function () {
-        var _this = this;
         this.inputElement = document.getElementById(this.inputElementId);
         this.bodyElement = document.getElementById(this.bodyElementId);
+        this.checkMobile(window.innerWidth);
         window.addEventListener('mousedown', this);
-        window.addEventListener('resize', function () {
-            var width = window.innerWidth;
-            if (width < 500 && !_this.state.isMobile) {
-                _this.setState({ isMobile: true });
-            }
-            if (width > 500 && _this.state.isMobile) {
-                _this.setState({ isMobile: false });
-            }
-        });
     };
+    DatePickerInput.prototype.checkMobile = function (width) {
+        if (width < 500 && !this.state.isMobile) {
+            this.setState({ isMobile: true });
+        }
+        if (width > 500 && this.state.isMobile) {
+            this.setState({ isMobile: false });
+        }
+    };
     DatePickerInput.prototype.handleEvent = function (e) {
@@ -167,3 +166,3 @@ if (this.mouseDownOnCalendar) {
             this.state.isMobile &&
-                React.createElement("div", {onClick: function () { return _this.onInputFocus(); }}, this.state.selectedDate.format(this.props.format)), 
+                React.createElement("div", {className: "fake-input", onClick: function () { return _this.onInputFocus(); }}, this.state.selectedDate.format(this.props.format)), 
             React.createElement("div", {id: this.bodyElementId, className: classes}, 
@@ -170,0 +169,0 @@ React.createElement("div", {className: "date-picker-body-wrapper"},

dist/index.d.ts

@@ -15,1 +15,3 @@ export { IIconProps, Icon } from "./components/display/icon";
 export { TextElementType, ITextProps, Text } from "./components/text/text";
+export { Responsiveness, Color, Size, Side, CenterContentVertical, CenterContentHorizontal, CenterBoth, CenterContent, Spacing, Background, Foreground, SpacingType, ColorType, DisplayProps, LayoutProps, LayoutHelpers } from "./utilities/uiHelpers";
+export { Icons } from "./utilities/icons";

dist/index.js

@@ -33,1 +33,7 @@ "use strict";
 exports.Text = text_1.Text;
+var uiHelpers_1 = require("./utilities/uiHelpers");
+exports.SpacingType = uiHelpers_1.SpacingType;
+exports.ColorType = uiHelpers_1.ColorType;
+exports.LayoutHelpers = uiHelpers_1.LayoutHelpers;
+var icons_1 = require("./utilities/icons");
+exports.Icons = icons_1.Icons;

package.json

 {
   "name": "armstrong-react",
-  "version": "0.1.9",
+  "version": "0.2.0",
   "description": "Rocketmakers Armstrong library of React components",
@@ -31,2 +31,3 @@ "main": "./dist/index.js",
     "ntypescript": "^1.201604220008.1",
+    "react": "^15.0.1",
     "ts-loader": "^0.8.2",
@@ -33,0 +34,0 @@ "typescript": "^1.8.10",

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

328395

increased by0.24%

Lines of code

9005

increased by0.09%

Worsened metrics

Dev dependency count

6

increased by20%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes