@dhis2-ui/alert 10.0.0-alpha.6 → 10.0.0-alpha.8

package/build/cjs/alert-bar/alert-bar.js

@@ -23,10 +23,10 @@ const AlertBar = _ref => {
     children,
     className,
     critical,
-    dataTest,
-    duration,
+    dataTest = 'dhis2-uicore-alertbar',
+    duration = 8000,
     hidden,
-    icon,
+    icon = true,
     permanent,
     success,
     warning,
@@ -132,11 +132,6 @@ const AlertBar = _ref => {
 };
 exports.AlertBar = AlertBar;
 const alertTypePropType = (0, _propTypes.mutuallyExclusive)(['success', 'warning', 'critical'], _propTypes2.default.bool);
-AlertBar.defaultProps = {
-  duration: 8000,
-  dataTest: 'dhis2-uicore-alertbar',
-  icon: true
-};
 AlertBar.propTypes = {
   /** An array of 0-2 action objects 
   `[{label: "Save", onClick: clickHandler}]`*/

package/build/cjs/alert-bar/icon.js

@@ -17,7 +17,7 @@ const StatusIcon = _ref => {
     warning,
     valid,
     info,
-    defaultTo
+    defaultTo = null
   } = _ref;
   if (error) {
     return /*#__PURE__*/_react.default.createElement(_uiIcons.IconErrorFilled24, {
@@ -41,9 +41,6 @@ const StatusIcon = _ref => {
   }
   return defaultTo;
 };
-StatusIcon.defaultProps = {
-  defaultTo: null
-};
 StatusIcon.propTypes = {
   defaultTo: _propTypes2.default.element,
   error: _propTypes2.default.bool,

package/build/cjs/alert-stack/alert-stack.js

@@ -15,7 +15,7 @@ const AlertStack = _ref => {
   let {
     className,
     children,
-    dataTest
+    dataTest = 'dhis2-uicore-alertstack'
   } = _ref;
   return /*#__PURE__*/_react.default.createElement(_portal.Portal, null, /*#__PURE__*/_react.default.createElement("div", {
     "data-test": dataTest,
@@ -26,9 +26,6 @@ const AlertStack = _ref => {
   }, [`div.__jsx-style-dynamic-selector{position:fixed;top:auto;inset-inline-end:auto;bottom:0;inset-inline-start:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:${_uiConstants.layers.alert};display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;pointer-events:none;}`, "div.__jsx-style-dynamic-selector:dir(rtl){-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);}"])));
 };
 exports.AlertStack = AlertStack;
-AlertStack.defaultProps = {
-  dataTest: 'dhis2-uicore-alertstack'
-};
 AlertStack.propTypes = {
   children: _propTypes.default.node,
   className: _propTypes.default.string,

package/build/es/alert-bar/alert-bar.js

@@ -14,10 +14,10 @@ const AlertBar = _ref => {
     children,
     className,
     critical,
-    dataTest,
-    duration,
+    dataTest = 'dhis2-uicore-alertbar',
+    duration = 8000,
     hidden,
-    icon,
+    icon = true,
     permanent,
     success,
     warning,
@@ -122,11 +122,6 @@ const AlertBar = _ref => {
   }, styles));
 };
 const alertTypePropType = mutuallyExclusive(['success', 'warning', 'critical'], PropTypes.bool);
-AlertBar.defaultProps = {
-  duration: 8000,
-  dataTest: 'dhis2-uicore-alertbar',
-  icon: true
-};
 AlertBar.propTypes = {
   /** An array of 0-2 action objects 
   `[{label: "Save", onClick: clickHandler}]`*/

package/build/es/alert-bar/icon.js

@@ -10,7 +10,7 @@ const StatusIcon = _ref => {
     warning,
     valid,
     info,
-    defaultTo
+    defaultTo = null
   } = _ref;
   if (error) {
     return /*#__PURE__*/React.createElement(IconErrorFilled24, {
@@ -34,9 +34,6 @@ const StatusIcon = _ref => {
   }
   return defaultTo;
 };
-StatusIcon.defaultProps = {
-  defaultTo: null
-};
 StatusIcon.propTypes = {
   defaultTo: PropTypes.element,
   error: PropTypes.bool,

package/build/es/alert-stack/alert-stack.js

@@ -8,7 +8,7 @@ export const AlertStack = _ref => {
   let {
     className,
     children,
-    dataTest
+    dataTest = 'dhis2-uicore-alertstack'
   } = _ref;
   return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement("div", {
     "data-test": dataTest,
@@ -18,9 +18,6 @@ export const AlertStack = _ref => {
     dynamic: [layers.alert]
   }, [`div.__jsx-style-dynamic-selector{position:fixed;top:auto;inset-inline-end:auto;bottom:0;inset-inline-start:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:${layers.alert};display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;pointer-events:none;}`, "div.__jsx-style-dynamic-selector:dir(rtl){-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);}"])));
 };
-AlertStack.defaultProps = {
-  dataTest: 'dhis2-uicore-alertstack'
-};
 AlertStack.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/alert",
-    "version": "10.0.0-alpha.6",
+    "version": "10.0.0-alpha.8",
     "description": "UI Alert",
     "repository": {
         "type": "git",
@@ -27,15 +27,15 @@
         "test": "d2-app-scripts test --jestConfig ../../jest.config.shared.js"
     },
     "peerDependencies": {
-        "react": "^16.13",
-        "react-dom": "^16.13",
+        "react": "^16.13 || ^18",
+        "react-dom": "^16.13 || ^18",
         "styled-jsx": "^4"
     },
     "dependencies": {
         "@dhis2/prop-types": "^3.1.2",
-        "@dhis2-ui/portal": "10.0.0-alpha.6",
-        "@dhis2/ui-constants": "10.0.0-alpha.6",
-        "@dhis2/ui-icons": "10.0.0-alpha.6",
+        "@dhis2-ui/portal": "10.0.0-alpha.8",
+        "@dhis2/ui-constants": "10.0.0-alpha.8",
+        "@dhis2/ui-icons": "10.0.0-alpha.8",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },
@@ -44,8 +44,8 @@
         "types"
     ],
     "devDependencies": {
-        "react": "16.13",
-        "react-dom": "16.13",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
         "styled-jsx": "^4.0.1"
     },
     "types": "types"