@mmb-digital/ds-lilly 0.3.9 → 0.3.12

package/dist/ds-lilly.js

@@ -6200,7 +6200,7 @@ __webpack_require__.d(__webpack_exports__, "v", function() { return /* binding *
 // UNUSED EXPORTS: getDomainOfErrorBars, offsetSign, offsetPositive, getStackedData, calculateDomainOfTicks, MIN_VALUE_REG, MAX_VALUE_REG
 
 // EXTERNAL MODULE: ./node_modules/lodash/isEqual.js
-var isEqual = __webpack_require__(28);
+var isEqual = __webpack_require__(27);
 var isEqual_default = /*#__PURE__*/__webpack_require__.n(isEqual);
 
 // EXTERNAL MODULE: ./node_modules/lodash/sortBy.js
@@ -12630,7 +12630,7 @@ AnimateGroup.defaultProps = {
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(8);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _Text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(29);
+/* harmony import */ var _Text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(28);
 /* harmony import */ var _util_ReactUtils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(10);
 /* harmony import */ var _util_DataUtils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(1);
 /* harmony import */ var _util_PolarUtils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(12);
@@ -13190,8 +13190,7 @@ var SYNC_EVENT = 'recharts.syncMouseEvents'; // eslint-disable-next-line no-rede
 
 /***/ }),
 /* 26 */,
-/* 27 */,
-/* 28 */
+/* 27 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var baseIsEqual = __webpack_require__(654);
@@ -13232,7 +13231,7 @@ module.exports = isEqual;
 
 
 /***/ }),
-/* 29 */
+/* 28 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -13581,7 +13580,7 @@ Text.defaultProps = {
 };
 
 /***/ }),
-/* 30 */
+/* 29 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -13612,7 +13611,7 @@ var warn = function warn(condition, format) {
 };
 
 /***/ }),
-/* 31 */
+/* 30 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -14455,6 +14454,7 @@ Curve_Curve.defaultProps = {
 };
 
 /***/ }),
+/* 31 */,
 /* 32 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -17371,7 +17371,7 @@ module.exports = uniqBy;
 /* harmony import */ var _util_ShallowEqual__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(47);
 /* harmony import */ var _util_DOMUtils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(32);
 /* harmony import */ var _container_Layer__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(9);
-/* harmony import */ var _component_Text__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(29);
+/* harmony import */ var _component_Text__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(28);
 /* harmony import */ var _component_Label__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(24);
 /* harmony import */ var _util_Global__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(20);
 /* harmony import */ var _util_DataUtils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(1);
@@ -33986,7 +33986,7 @@ function tickFormat(start, stop, count, specifier) {
 /* harmony import */ var _container_Layer__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(9);
 /* harmony import */ var _component_Tooltip__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(80);
 /* harmony import */ var _component_Legend__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(78);
-/* harmony import */ var _shape_Curve__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(31);
+/* harmony import */ var _shape_Curve__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(30);
 /* harmony import */ var _shape_Cross__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(893);
 /* harmony import */ var _shape_Sector__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(77);
 /* harmony import */ var _shape_Dot__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(36);
@@ -39054,7 +39054,7 @@ var ifOverflowMatches = function ifOverflowMatches(props, value) {
 var CartesianUtils = __webpack_require__(38);
 
 // EXTERNAL MODULE: ./node_modules/recharts/es6/util/LogUtils.js
-var LogUtils = __webpack_require__(30);
+var LogUtils = __webpack_require__(29);
 
 // EXTERNAL MODULE: ./node_modules/recharts/es6/util/types.js
 var types = __webpack_require__(4);
@@ -39585,7 +39585,7 @@ var band = __webpack_require__(658);
 var Layer = __webpack_require__(9);
 
 // EXTERNAL MODULE: ./node_modules/recharts/es6/component/Text.js
-var Text = __webpack_require__(29);
+var Text = __webpack_require__(28);
 
 // EXTERNAL MODULE: ./node_modules/recharts/es6/util/ChartUtils.js + 10 modules
 var ChartUtils = __webpack_require__(6);
@@ -97375,7 +97375,7 @@ var FormField = Object(external_root_React_commonjs2_react_commonjs_react_amd_re
                 ref: ref, autoComplete: autoComplete, disabled: disabled, hasAutoFocus: hasAutoFocus, id: uniqueID, maxLength: maxLength || maxCharacters, name: name, readOnly: isReadOnly, required: isRequired, spellCheck: "false", value: value, onClick: handleOnClick })),
             label &&
                 (isCheckbox || isRadio) &&
-                hocs_withDisabledTooltip(disabled, disabledTooltip)(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", null, LabelComponent)),
+                hocs_withDisabledTooltip(disabled, disabledTooltip)(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { className: "disabled-tooltip-wrapper" }, LabelComponent)),
             suffix && external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "f-control__suffix" }, suffix))),
         afterControl && external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "after-control" }, afterControl)));
     return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(FormGroup, { error: error, hasError: hasError, hasLabel: Boolean(label) && !isLabelHidden, kind: kind, theme: classBinder_cx(suffix && 'has-suffix', prefix && 'has-prefix', {
@@ -97799,7 +97799,7 @@ var Select2CategorisedOptions = function (_a) {
                     setFocusedItemIndex(-1, -1);
                 } }, emptyValueLabel))),
         items.map(function (category, categoryIndex) { return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(DropdownMenu, Select2CategorisedOptions_assign({ key: categoryIndex, activeDescendant: name + "_option-" + categoryIndex + "-" + focusedItemIndex, id: name + "_list-" + categoryIndex, labelledBy: name + "_label", role: "listbox", title: category.label, onBlur: onBlur }, additionalProps), category.items.map(function (item, itemIndex) {
-            return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(DropdownItem, { key: itemIndex, id: name + "_option-" + categoryIndex + "-" + itemIndex, isDisabled: item.isDisabled, isFocused: itemIndex === focusedItemIndex && categoryIndex === focusedCategoryIndex, isSelected: item.value === value, perex: item.perex, role: "option", onClick: function () {
+            return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(DropdownItem, { key: itemIndex, amount: item.amount, iconBackground: item.iconBackground, iconName: item.iconName, id: name + "_option-" + categoryIndex + "-" + itemIndex, isDisabled: item.isDisabled, isFocused: itemIndex === focusedItemIndex && categoryIndex === focusedCategoryIndex, isSelected: item.value === value, perex: item.perex, role: "option", onClick: function () {
                     setFocusedCategoryIndex(categoryIndex);
                     setValue(item.value);
                     setFocusedItemIndex(itemIndex, categoryIndex);
@@ -106871,19 +106871,20 @@ var Radio2_assign = (undefined && undefined.__assign) || function () {
 
 
 
+var classRoot = 'f-radio2';
 var Radio2 = function (_a) {
     var _b;
-    var _c = _a.allowEventPropagation, allowEventPropagation = _c === void 0 ? false : _c, disabledTooltip = _a.disabledTooltip, error = _a.error, help = _a.help, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isInRow, isInRow = _e === void 0 ? false : _e, _f = _a.isTitleHidden, isTitleHidden = _f === void 0 ? false : _f, items = _a.items, label = _a.label, name = _a.name, onChange = _a.onChange, testId = _a.testId, theme = _a.theme, value = _a.value;
-    var getCheckedIndex = function (value) { return items.findIndex(function (item) { return item.value === value; }); };
-    var _g = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(getCheckedIndex(value)), checked = _g[0], setChecked = _g[1];
-    var _h = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(false), isFocused = _h[0], setIsFocused = _h[1];
-    var handleChange = function (newIndex) {
+    var _c = _a.allowEventPropagation, allowEventPropagation = _c === void 0 ? false : _c, disabledTooltip = _a.disabledTooltip, error = _a.error, help = _a.help, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isInRow, isInRow = _e === void 0 ? false : _e, _f = _a.isLabelTitle, isLabelTitle = _f === void 0 ? true : _f, _g = _a.isTitleHidden, isTitleHidden = _g === void 0 ? false : _g, _h = _a.items, items = _h === void 0 ? [] : _h, label = _a.label, labelTooltip = _a.labelTooltip, name = _a.name, onChange = _a.onChange, testId = _a.testId, theme = _a.theme, value = _a.value;
+    var getCheckedIndex = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useCallback"])(function (value) { return items.findIndex(function (item) { return item.value === value; }); }, [items]);
+    var _j = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(getCheckedIndex(value)), checked = _j[0], setChecked = _j[1];
+    var _k = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(false), isFocused = _k[0], setIsFocused = _k[1];
+    var handleChange = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useCallback"])(function (newIndex) {
         if (!isDisabled) {
             onChange && onChange(items[newIndex].value);
             setChecked(newIndex);
         }
-    };
-    var handleKeyUp = function (current) {
+    }, [isDisabled, items, onChange, setChecked]);
+    var handleKeyUp = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useCallback"])(function (current) {
         var next = current;
         for (var i = current - 1; i >= 0; --i) {
             if (!items[i].disabled) {
@@ -106894,8 +106895,8 @@ var Radio2 = function (_a) {
         if (next !== current) {
             handleChange(next);
         }
-    };
-    var handleKeyDown = function (current) {
+    }, [handleChange, items]);
+    var handleKeyDown = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useCallback"])(function (current) {
         var next = current;
         for (var i = current + 1; i < items.length; ++i) {
             if (!items[i].disabled) {
@@ -106906,18 +106907,18 @@ var Radio2 = function (_a) {
         if (next !== current) {
             handleChange(next);
         }
-    };
-    var handleOnClick = function (checkedValue) { return function (event) {
+    }, [handleChange, items]);
+    var handleOnClick = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useCallback"])(function (checkedValue) { return function (event) {
         var newCheckedIndex = getCheckedIndex(checkedValue);
         handleChange(newCheckedIndex);
         if (!allowEventPropagation) {
             event.stopPropagation();
         }
-    }; };
+    }; }, [allowEventPropagation, getCheckedIndex, handleChange]);
     Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useEffect"])(function () {
         setChecked(getCheckedIndex(value));
-    }, [value]);
-    var handleOnKeyPress = function (event) {
+    }, [value, getCheckedIndex, setChecked]);
+    var handleOnKeyPress = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useCallback"])(function (event) {
         var key = event.key;
         if (key === KEYS.ArrowDown || key === KEYS.ArrowRight) {
             event.preventDefault();
@@ -106934,7 +106935,8 @@ var Radio2 = function (_a) {
         if (!allowEventPropagation) {
             event.stopPropagation();
         }
-    };
+    }, [allowEventPropagation, checked, handleChange, handleKeyDown, handleKeyUp]);
+    var handleSetIsFocused = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useCallback"])(function (value) { return function () { return setIsFocused(value); }; }, []);
     var formGroupProps = {
         error: error,
         disabledTooltip: disabledTooltip,
@@ -106944,18 +106946,19 @@ var Radio2 = function (_a) {
         name: name,
         theme: theme
     };
-    var classRoot = 'f-radio2';
     var errorMessageId = !!error ? name + "_errorMessage" : undefined;
+    var isLabel = !isTitleHidden && !!label;
     return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(FormGroup2, Radio2_assign({}, formGroupProps),
         external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("fieldset", { className: classBinder_cx(classRoot, theme) },
-            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("legend", { className: classBinder_cx(classRoot + "__legend", { 'u-vHide': isTitleHidden }), id: "label" }, label),
-            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("ul", { "aria-activedescendant": items[checked] ? name + "_value-" + items[checked].value : '', "aria-disabled": isDisabled ? 'true' : 'false', "aria-labelledby": "label", className: classBinder_cx(classRoot + "__list", (_b = {}, _b[classRoot + "__list--inRow"] = isInRow, _b)), "data-testid": testId, role: "radiogroup", tabIndex: 0, onBlur: function () { return setIsFocused(false); }, onFocus: function () { return setIsFocused(true); }, onKeyDown: isDisabled ? es_noop : handleOnKeyPress }, items.map(function (item, index) {
+            isLabel &&
+                (isLabelTitle ? (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("legend", { className: classRoot + "__legend", id: "label" }, label)) : (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Label2, { identifier: name + "_label", labelTooltip: labelTooltip }, label))),
+            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("ul", { "aria-activedescendant": items[checked] ? name + "_value-" + items[checked].value : '', "aria-disabled": isDisabled ? 'true' : 'false', "aria-labelledby": "label", className: classBinder_cx(classRoot + "__list", (_b = {}, _b[classRoot + "__list--inRow"] = isInRow, _b)), "data-testid": testId, role: "radiogroup", tabIndex: 0, onBlur: handleSetIsFocused(false), onFocus: handleSetIsFocused(true), onKeyDown: isDisabled ? noop : handleOnKeyPress }, items.map(function (item, index) {
                 var _a;
                 return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("li", { key: "radio_value" + item.value, "aria-checked": checked === index ? 'true' : 'false', "aria-describedby": errorMessageId, "aria-disabled": item.disabled ? 'true' : 'false', className: classBinder_cx(classRoot + "__item", (_a = {},
                         _a[classRoot + "__item--focus"] = isFocused && (checked === index || (checked === -1 && index === 0)),
                         _a[classRoot + "__item--checked"] = checked === index,
                         _a[classRoot + "__item--disabled"] = item.disabled || isDisabled,
-                        _a)), id: name + "_value-" + item.value, role: "radio", onClick: item.disabled ? es_noop : handleOnClick(item.value) },
+                        _a)), id: name + "_value-" + item.value, role: "radio", onClick: item.disabled ? noop : handleOnClick(item.value) },
                     external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { className: classRoot + "__indicator" }),
                     external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { className: classRoot + "__text" }, item.label)));
             })))));
@@ -107773,7 +107776,7 @@ var withPolyfill_default = /*#__PURE__*/__webpack_require__.n(withPolyfill);
 var DataUtils = __webpack_require__(1);
 
 // EXTERNAL MODULE: ./node_modules/recharts/es6/util/LogUtils.js
-var LogUtils = __webpack_require__(30);
+var LogUtils = __webpack_require__(29);
 
 // CONCATENATED MODULE: ./node_modules/recharts/es6/component/ResponsiveContainer.js
 function ResponsiveContainer_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { ResponsiveContainer_typeof = function _typeof(obj) { return typeof obj; }; } else { ResponsiveContainer_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return ResponsiveContainer_typeof(obj); }
@@ -107976,7 +107979,7 @@ ResponsiveContainer_ResponsiveContainer.defaultProps = {
 var generateCategoricalChart = __webpack_require__(635);
 
 // EXTERNAL MODULE: ./node_modules/lodash/isEqual.js
-var isEqual = __webpack_require__(28);
+var isEqual = __webpack_require__(27);
 var isEqual_default = /*#__PURE__*/__webpack_require__.n(isEqual);
 
 // EXTERNAL MODULE: ./node_modules/lodash/isNaN.js
@@ -108007,7 +108010,7 @@ var isArray_default = /*#__PURE__*/__webpack_require__.n(lodash_isArray);
 var es6 = __webpack_require__(23);
 
 // EXTERNAL MODULE: ./node_modules/recharts/es6/shape/Curve.js + 12 modules
-var Curve = __webpack_require__(31);
+var Curve = __webpack_require__(30);
 
 // EXTERNAL MODULE: ./node_modules/recharts/es6/shape/Dot.js
 var Dot = __webpack_require__(36);
@@ -111368,7 +111371,7 @@ var Polygon_Polygon = /*#__PURE__*/function (_PureComponent) {
   return Polygon;
 }(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["PureComponent"]);
 // EXTERNAL MODULE: ./node_modules/recharts/es6/component/Text.js
-var component_Text = __webpack_require__(29);
+var component_Text = __webpack_require__(28);
 
 // EXTERNAL MODULE: ./node_modules/recharts/es6/util/PolarUtils.js
 var PolarUtils = __webpack_require__(12);