@ausbom/warnings 0.2.25 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=exports.DROPDOWN_TEST_ID=exports.BUTTON_TEST_ID=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _icon=require("@ausbom/icon");var
|
|
1
|
+
"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=exports.DROPDOWN_TEST_ID=exports.BUTTON_TEST_ID=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _icon=require("@ausbom/icon");var _ArrowRight=_interopRequireDefault(require("@ausbom/icon/lib/icons/system/ArrowRight16"));var _ChevronDown=_interopRequireDefault(require("@ausbom/icon/lib/icons/system/ChevronDown16"));var _ChevronUp=_interopRequireDefault(require("@ausbom/icon/lib/icons/system/ChevronUp16"));var _WarningFilled=_interopRequireDefault(require("@ausbom/icon/lib/icons/system/WarningFilled24"));var _classnames=_interopRequireDefault(require("classnames"));var _react=_interopRequireDefault(require("react"));var _ExpandCollapse=_interopRequireDefault(require("../../utils/ExpandCollapse"));var _WarningsList=_interopRequireDefault(require("../WarningsList/WarningsList"));function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=(0,_getPrototypeOf2["default"])(Derived),result;if(hasNativeReflectConstruct){var NewTarget=(0,_getPrototypeOf2["default"])(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else{result=Super.apply(this,arguments)}return(0,_possibleConstructorReturn2["default"])(this,result)}}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true}catch(e){return false}}var BUTTON_TEST_ID="bom-warnings-trigger";exports.BUTTON_TEST_ID=BUTTON_TEST_ID;var DROPDOWN_TEST_ID="bom-warnings-dropdown";exports.DROPDOWN_TEST_ID=DROPDOWN_TEST_ID;var Warnings=/*#__PURE__*/function(_React$PureComponent){(0,_inherits2["default"])(Warnings,_React$PureComponent);var _super=_createSuper(Warnings);function Warnings(){var _this;(0,_classCallCheck2["default"])(this,Warnings);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key]}_this=_super.call.apply(_super,[this].concat(args));(0,_defineProperty2["default"])((0,_assertThisInitialized2["default"])(_this),"hasWarning",function(){var warnings=_this.props.warnings;return warnings&&warnings.length>0});(0,_defineProperty2["default"])((0,_assertThisInitialized2["default"])(_this),"hasActiveWarning",function(){var warnings=_this.props.warnings;return(warnings||[]).some(function(w){return w.status==="active"})});(0,_defineProperty2["default"])((0,_assertThisInitialized2["default"])(_this),"hasActiveHighPriorityWarning",function(){var warnings=_this.props.warnings;return(warnings||[]).some(function(w){return w.status==="active"&&w.priority==="high"})});(0,_defineProperty2["default"])((0,_assertThisInitialized2["default"])(_this),"renderSummary",function(isOpen,setIsOpen,getTriggerProps){var _this$props=_this.props,forceCollapse=_this$props.forceCollapse,linkRef=_this$props.linkRef,summaryText=_this$props.summaryText;var hasWarning=_this.hasWarning();var summaryBody=/*#__PURE__*/_react["default"].createElement(_react["default"].Fragment,null,/*#__PURE__*/_react["default"].createElement("span",{className:"bom-warnings-summary__icon"},/*#__PURE__*/_react["default"].createElement(_icon.SystemIcon,{icon:_WarningFilled["default"],size:24,"aria-hidden":true})),/*#__PURE__*/_react["default"].createElement("span",{className:"bom-warnings-summary__text"},summaryText),hasWarning&&/*#__PURE__*/_react["default"].createElement("span",{className:"bom-warnings-summary__caret"},forceCollapse?/*#__PURE__*/_react["default"].createElement(_icon.SystemIcon,{icon:_ArrowRight["default"],size:16,"aria-hidden":true}):/*#__PURE__*/_react["default"].createElement(_icon.SystemIcon,{icon:isOpen?_ChevronUp["default"]:_ChevronDown["default"],size:16,"aria-hidden":true})));var warningAsLinkclasses=(0,_classnames["default"])({"bom-warnings-summary":true,"bom-warnings--has-links":true});if(getTriggerProps&&forceCollapse&&hasWarning){return/*#__PURE__*/_react["default"].createElement("a",(0,_extends2["default"])({href:linkRef,"data-testid":BUTTON_TEST_ID},getTriggerProps({className:warningAsLinkclasses})),summaryBody)}if(getTriggerProps&&hasWarning){return/*#__PURE__*/_react["default"].createElement("button",(0,_extends2["default"])({"data-testid":BUTTON_TEST_ID,type:"button"},getTriggerProps({className:"bom-warnings-summary",onClick:function onClick(e){setIsOpen(!isOpen)}})),summaryBody)}if(linkRef){return/*#__PURE__*/_react["default"].createElement("a",{href:linkRef,"data-testid":BUTTON_TEST_ID,className:"bom-warnings-summary"},summaryBody)}return/*#__PURE__*/_react["default"].createElement("p",{"data-testid":BUTTON_TEST_ID,className:"bom-warnings-summary"},summaryBody)});return _this}(0,_createClass2["default"])(Warnings,[{key:"render",value:function render(){var _this2=this;var _this$props2=this.props,a11yId=_this$props2.a11yId,forceCollapse=_this$props2.forceCollapse,prependText=_this$props2.prependText,warnings=_this$props2.warnings;var hasWarning=this.hasWarning();var hasActiveWarning=this.hasActiveWarning();var hasActiveHighPriorityWarning=this.hasActiveHighPriorityWarning();var classes=(0,_classnames["default"])({"bom-warnings":true,"bom-warnings--has-warnings":hasWarning,"bom-warnings--has-active-warnings":hasActiveWarning});if(forceCollapse){return/*#__PURE__*/_react["default"].createElement("div",{className:classes},this.renderSummary())}return/*#__PURE__*/_react["default"].createElement(_ExpandCollapse["default"],{panelId:"".concat(a11yId,"_warning-dropdown"),isInitiallyOpen:hasActiveHighPriorityWarning},function(_ref){var isOpen=_ref.isOpen,setIsOpen=_ref.setIsOpen,getTriggerProps=_ref.getTriggerProps,getPanelProps=_ref.getPanelProps;return/*#__PURE__*/_react["default"].createElement("div",{className:classes},_this2.renderSummary(isOpen,setIsOpen,getTriggerProps),!forceCollapse&&hasWarning&&isOpen&&/*#__PURE__*/_react["default"].createElement(_WarningsList["default"],{testId:DROPDOWN_TEST_ID,getPanelProps:getPanelProps,warnings:warnings,prependText:prependText}))})}}]);return Warnings}(_react["default"].PureComponent);exports["default"]=Warnings;(0,_defineProperty2["default"])(Warnings,"defaultProps",{});
|
package/lib/scss/module.scss
CHANGED
|
@@ -14,12 +14,17 @@
|
|
|
14
14
|
width: 100%;
|
|
15
15
|
text-align: left;
|
|
16
16
|
align-items: flex-start;
|
|
17
|
+
text-decoration-line: unset;
|
|
17
18
|
|
|
18
19
|
@include bom-type-scale(
|
|
19
20
|
$size: 'type-14',
|
|
20
21
|
$line: 'display'
|
|
21
22
|
);
|
|
22
23
|
|
|
24
|
+
&:focus {
|
|
25
|
+
@include bom-focus-state($offset: -4px);
|
|
26
|
+
}
|
|
27
|
+
|
|
23
28
|
&.bom-warnings--has-links {
|
|
24
29
|
font-weight: normal;
|
|
25
30
|
|
|
@@ -51,7 +56,7 @@
|
|
|
51
56
|
}
|
|
52
57
|
|
|
53
58
|
&:focus {
|
|
54
|
-
@include bom-focus-
|
|
59
|
+
@include bom-focus-state($offset: -4px);
|
|
55
60
|
}
|
|
56
61
|
}
|
|
57
62
|
}
|
|
@@ -89,6 +94,10 @@
|
|
|
89
94
|
list-style-type: none;
|
|
90
95
|
margin: 0;
|
|
91
96
|
padding: 0;
|
|
97
|
+
|
|
98
|
+
&__item {
|
|
99
|
+
border-bottom: 1px solid scale-color(get-palette-color('neutral.charcoalDark'), $alpha: -45%);
|
|
100
|
+
}
|
|
92
101
|
}
|
|
93
102
|
|
|
94
103
|
.bom-warnings-link {
|
|
@@ -102,14 +111,13 @@
|
|
|
102
111
|
border: none;
|
|
103
112
|
padding: 14px 16px;
|
|
104
113
|
cursor: pointer;
|
|
105
|
-
border-bottom: 1px solid scale-color(get-palette-color('neutral.charcoalDark'), $alpha: -45%);
|
|
106
114
|
|
|
107
115
|
&:hover {
|
|
108
116
|
background: scale-color(get-palette-color('secondary.yellow'), $lightness: 30%);
|
|
109
117
|
}
|
|
110
118
|
|
|
111
119
|
&:focus {
|
|
112
|
-
@include bom-focus-
|
|
120
|
+
@include bom-focus-state($offset: -4px);
|
|
113
121
|
}
|
|
114
122
|
|
|
115
123
|
@include bom-type-scale(
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ausbom/warnings",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"author": "",
|
|
@@ -37,9 +37,8 @@
|
|
|
37
37
|
"react": ">= 16.3.x"
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@ausbom/
|
|
41
|
-
"@ausbom/
|
|
42
|
-
"@ausbom/styles": "^0.11.0"
|
|
40
|
+
"@ausbom/icon": "^0.19.1",
|
|
41
|
+
"@ausbom/styles": "^0.12.0"
|
|
43
42
|
},
|
|
44
|
-
"gitHead": "
|
|
43
|
+
"gitHead": "7f762808b0e4ea8c9c20c400d1883f1cb845658a"
|
|
45
44
|
}
|