@dhis2-ui/alert 9.11.3 → 9.11.5

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/alert-bar.prod.stories.js

@@ -49,6 +49,9 @@ const alertTypeArgType = {
     type: {
       summary: 'bool',
       detail: "'success', 'warning', and 'critical' are mutually exclusive props"
+    },
+    defaultValue: {
+      summary: false
     }
   },
   control: {
@@ -62,6 +65,26 @@ const iconArgType = {
     }
   }
 };
+const permanentArgType = {
+  table: {
+    type: {
+      summary: 'bool'
+    },
+    defaultValue: {
+      summary: false
+    }
+  },
+  control: {
+    type: 'boolean'
+  }
+};
+const childrenArgType = {
+  table: {
+    type: {
+      summary: 'String to display in the alert bar'
+    }
+  }
+};
 const actionsArgType = {
   table: {
     type: {
@@ -73,6 +96,9 @@ var _default = exports.default = {
   title: 'Alert Bar',
   component: _index.AlertBar,
   decorators: [Wrapper],
+  args: {
+    children: 'I will autohide'
+  },
   parameters: {
     componentSubtitle: subtitle,
     docs: {
@@ -94,12 +120,18 @@ var _default = exports.default = {
     warning: {
       ...alertTypeArgType
     },
+    permanent: {
+      ...permanentArgType
+    },
+    children: {
+      ...childrenArgType
+    },
     icon: {
       ...iconArgType
     }
   }
 };
-const Default = args => /*#__PURE__*/_react.default.createElement(_index.AlertBar, args, "Default - I will autohide");
+const Default = args => /*#__PURE__*/_react.default.createElement(_index.AlertBar, args);
 exports.Default = Default;
 const States = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_index.AlertBar, {
   permanent: true

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/alert-bar.prod.stories.js

@@ -41,6 +41,9 @@ const alertTypeArgType = {
     type: {
       summary: 'bool',
       detail: "'success', 'warning', and 'critical' are mutually exclusive props"
+    },
+    defaultValue: {
+      summary: false
     }
   },
   control: {
@@ -54,6 +57,26 @@ const iconArgType = {
     }
   }
 };
+const permanentArgType = {
+  table: {
+    type: {
+      summary: 'bool'
+    },
+    defaultValue: {
+      summary: false
+    }
+  },
+  control: {
+    type: 'boolean'
+  }
+};
+const childrenArgType = {
+  table: {
+    type: {
+      summary: 'String to display in the alert bar'
+    }
+  }
+};
 const actionsArgType = {
   table: {
     type: {
@@ -65,6 +88,9 @@ export default {
   title: 'Alert Bar',
   component: AlertBar,
   decorators: [Wrapper],
+  args: {
+    children: 'I will autohide'
+  },
   parameters: {
     componentSubtitle: subtitle,
     docs: {
@@ -86,12 +112,18 @@ export default {
     warning: {
       ...alertTypeArgType
     },
+    permanent: {
+      ...permanentArgType
+    },
+    children: {
+      ...childrenArgType
+    },
     icon: {
       ...iconArgType
     }
   }
 };
-export const Default = args => /*#__PURE__*/React.createElement(AlertBar, args, "Default - I will autohide");
+export const Default = args => /*#__PURE__*/React.createElement(AlertBar, args);
 export const States = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AlertBar, {
   permanent: true
 }, "Default (info)"), /*#__PURE__*/React.createElement(AlertBar, {

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": "9.11.3",
+    "version": "9.11.5",
     "description": "UI Alert",
     "repository": {
         "type": "git",
@@ -33,9 +33,9 @@
     },
     "dependencies": {
         "@dhis2/prop-types": "^3.1.2",
-        "@dhis2-ui/portal": "9.11.3",
-        "@dhis2/ui-constants": "9.11.3",
-        "@dhis2/ui-icons": "9.11.3",
+        "@dhis2-ui/portal": "9.11.5",
+        "@dhis2/ui-constants": "9.11.5",
+        "@dhis2/ui-icons": "9.11.5",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },