@reach/alert-dialog - npm Package Compare versions

Comparing version 0.5.4 to 0.6.1

es/index.js

@@ -10,3 +10,3 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import invariant from "invariant";
-import { func, bool, node, object, oneOfType } from "prop-types";
+import PropTypes from "prop-types";
 var AlertDialogContext = createContext({});
@@ -17,5 +17,5 @@ export var AlertDialogOverlay = React.forwardRef(function AlertDialogOverlay(_ref, forwardRef) {
 
-  var uid = useId();
-  var labelId = makeId("alert-dialog", uid);
-  var descriptionId = makeId("alert-dialog-description", uid);
+  var id = useId(props.id);
+  var labelId = makeId("alert-dialog", id);
+  var descriptionId = makeId("alert-dialog-description", id);
   return React.createElement(AlertDialogContext.Provider, {
@@ -36,6 +36,6 @@ value: {
   AlertDialogOverlay.propTypes = {
-    isOpen: bool,
-    onDismiss: func,
-    leastDestructiveRef: oneOfType([func, object]),
-    children: node
+    isOpen: PropTypes.bool,
+    onDismiss: PropTypes.func,
+    leastDestructiveRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    children: PropTypes.node
   };
@@ -68,3 +68,3 @@ }
   AlertDialogContent.propTypes = {
-    children: node
+    children: PropTypes.node
   };
@@ -92,6 +92,7 @@ }
 export var AlertDialog = function AlertDialog(_ref3) {
-  var isOpen = _ref3.isOpen,
+  var id = _ref3.id,
+      isOpen = _ref3.isOpen,
       onDismiss = _ref3.onDismiss,
       leastDestructiveRef = _ref3.leastDestructiveRef,
-      props = _objectWithoutPropertiesLoose(_ref3, ["isOpen", "onDismiss", "leastDestructiveRef"]);
+      props = _objectWithoutPropertiesLoose(_ref3, ["id", "isOpen", "onDismiss", "leastDestructiveRef"]);
 
@@ -101,3 +102,4 @@ return React.createElement(AlertDialogOverlay, {
     onDismiss: onDismiss,
-    leastDestructiveRef: leastDestructiveRef
+    leastDestructiveRef: leastDestructiveRef,
+    id: id
   }, React.createElement(AlertDialogContent, props));
@@ -108,7 +110,7 @@ };
   AlertDialog.propTypes = {
-    isOpen: bool,
-    onDismiss: func,
-    leastDestructiveRef: oneOfType([func, object]),
-    children: node
+    isOpen: PropTypes.bool,
+    onDismiss: PropTypes.func,
+    leastDestructiveRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    children: PropTypes.node
   };
 }

index.js

@@ -16,3 +16,3 @@ "use strict";
 
-var _propTypes = require("prop-types");
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -23,3 +23,3 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; if (obj != null) { var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
@@ -36,5 +36,5 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-  var uid = (0, _autoId.useId)();
-  var labelId = (0, _utils.makeId)("alert-dialog", uid);
-  var descriptionId = (0, _utils.makeId)("alert-dialog-description", uid);
+  var id = (0, _autoId.useId)(props.id);
+  var labelId = (0, _utils.makeId)("alert-dialog", id);
+  var descriptionId = (0, _utils.makeId)("alert-dialog-description", id);
   return _react["default"].createElement(AlertDialogContext.Provider, {
@@ -57,6 +57,6 @@ value: {
   AlertDialogOverlay.propTypes = {
-    isOpen: _propTypes.bool,
-    onDismiss: _propTypes.func,
-    leastDestructiveRef: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.object]),
-    children: _propTypes.node
+    isOpen: _propTypes["default"].bool,
+    onDismiss: _propTypes["default"].func,
+    leastDestructiveRef: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].object]),
+    children: _propTypes["default"].node
   };
@@ -92,3 +92,3 @@ }
   AlertDialogContent.propTypes = {
-    children: _propTypes.node
+    children: _propTypes["default"].node
   };
@@ -122,6 +122,7 @@ }
 var AlertDialog = function AlertDialog(_ref3) {
-  var isOpen = _ref3.isOpen,
+  var id = _ref3.id,
+      isOpen = _ref3.isOpen,
       onDismiss = _ref3.onDismiss,
       leastDestructiveRef = _ref3.leastDestructiveRef,
-      props = _objectWithoutPropertiesLoose(_ref3, ["isOpen", "onDismiss", "leastDestructiveRef"]);
+      props = _objectWithoutPropertiesLoose(_ref3, ["id", "isOpen", "onDismiss", "leastDestructiveRef"]);
 
@@ -131,3 +132,4 @@ return _react["default"].createElement(AlertDialogOverlay, {
     onDismiss: onDismiss,
-    leastDestructiveRef: leastDestructiveRef
+    leastDestructiveRef: leastDestructiveRef,
+    id: id
   }, _react["default"].createElement(AlertDialogContent, props));
@@ -140,7 +142,7 @@ };
   AlertDialog.propTypes = {
-    isOpen: _propTypes.bool,
-    onDismiss: _propTypes.func,
-    leastDestructiveRef: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.object]),
-    children: _propTypes.node
+    isOpen: _propTypes["default"].bool,
+    onDismiss: _propTypes["default"].func,
+    leastDestructiveRef: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].object]),
+    children: _propTypes["default"].node
   };
 }

package.json

 {
   "name": "@reach/alert-dialog",
-  "version": "0.5.4",
+  "version": "0.6.1",
   "description": "Accessible React Alert Dialog.",
@@ -13,5 +13,5 @@ "author": "React Training <[e-mail]>",
   "dependencies": {
-    "@reach/auto-id": "^0.5.3",
-    "@reach/dialog": "^0.5.4",
-    "@reach/utils": "^0.5.0",
+    "@reach/auto-id": "^0.6.1",
+    "@reach/dialog": "^0.6.1",
+    "@reach/utils": "^0.6.1",
     "invariant": "^2.2.4",
@@ -36,3 +36,3 @@ "prop-types": "^15.7.2"
   ],
-  "gitHead": "3084fe96eeafef9eda9037c322ef18633d00db8c"
+  "gitHead": "c1e249448a3672ccc65698218f0f38ef9814ab90"
 }

src/index.js

@@ -6,3 +6,3 @@ import React, { createContext } from "react";
 import invariant from "invariant";
-import { func, bool, node, object, oneOfType } from "prop-types";
+import PropTypes from "prop-types";
 
@@ -15,5 +15,5 @@ let AlertDialogContext = createContext({});
 ) {
-  const uid = useId();
-  const labelId = makeId("alert-dialog", uid);
-  const descriptionId = makeId("alert-dialog-description", uid);
+  const id = useId(props.id);
+  const labelId = makeId("alert-dialog", id);
+  const descriptionId = makeId("alert-dialog-description", id);
 
@@ -40,6 +40,9 @@ return (
   AlertDialogOverlay.propTypes = {
-    isOpen: bool,
-    onDismiss: func,
-    leastDestructiveRef: oneOfType([func, object]),
-    children: node
+    isOpen: PropTypes.bool,
+    onDismiss: PropTypes.func,
+    leastDestructiveRef: PropTypes.oneOfType([
+      PropTypes.func,
+      PropTypes.object
+    ]),
+    children: PropTypes.node
   };
@@ -83,3 +86,3 @@ }
   AlertDialogContent.propTypes = {
-    children: node
+    children: PropTypes.node
   };
@@ -101,2 +104,3 @@ }
 export const AlertDialog = ({
+  id,
   isOpen,
@@ -107,3 +111,3 @@ onDismiss,
 }) => (
-  <AlertDialogOverlay {...{ isOpen, onDismiss, leastDestructiveRef }}>
+  <AlertDialogOverlay {...{ isOpen, onDismiss, leastDestructiveRef, id }}>
     <AlertDialogContent {...props} />
@@ -115,7 +119,10 @@ </AlertDialogOverlay>
   AlertDialog.propTypes = {
-    isOpen: bool,
-    onDismiss: func,
-    leastDestructiveRef: oneOfType([func, object]),
-    children: node
+    isOpen: PropTypes.bool,
+    onDismiss: PropTypes.func,
+    leastDestructiveRef: PropTypes.oneOfType([
+      PropTypes.func,
+      PropTypes.object
+    ]),
+    children: PropTypes.node
   };
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

21737

increased by2.74%

Lines of code

451

increased by2.5%

Dependency changes

• + Added@reach/auto-id@0.6.1(transitive)

• + Added@reach/component-component@0.6.2(transitive)

• + Added@reach/dialog@0.6.4(transitive)

• + Added@reach/portal@0.6.2(transitive)

• + Added@reach/utils@0.6.4(transitive)

• - Removed@reach/auto-id@0.5.3(transitive)

• - Removed@reach/component-component@0.5.0(transitive)

• - Removed@reach/dialog@0.5.4(transitive)

• - Removed@reach/portal@0.5.0(transitive)

• - Removed@reach/utils@0.5.0(transitive)

• Updated@reach/auto-id@^0.6.1

• Updated@reach/dialog@^0.6.1

• Updated@reach/utils@^0.6.1