plataforma-fundacao-componentes 2.26.6 → 2.26.8

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.
@@ -166,12 +166,6 @@ var isMobile = function isMobile() {
166
166
  return navigator.userAgent.match(toMatchItem);
167
167
  });
168
168
  };
169
- var isiPhone = function isiPhone() {
170
- var toMatch = [/iPhone/i, /iPad/i, /iPod/i];
171
- return toMatch.some(function (toMatchItem) {
172
- return navigator.userAgent.match(toMatchItem);
173
- });
174
- };
175
169
  var Interval = /*#__PURE__*/function () {
176
170
  function Interval(callback, delay) {
177
171
  var _this = this;
@@ -7127,38 +7121,42 @@ function useSystemInfo() {
7127
7121
  };
7128
7122
  }
7129
7123
 
7130
- var _excluded$8 = ["position", "fluid", "verticalPadding", "hasMobileButton", "hasHeader", "hasAdvancedHeader", "className", "style"];
7124
+ var _excluded$8 = ["position", "fluid", "verticalPadding", "hasMobileButton", "hasHeader", "hasAdvancedHeader", "horizontalPadding", "className", "style", "insiderProps"];
7131
7125
  var rootClassName$1U = 'component-container';
7132
7126
  function Container(_ref) {
7127
+ var _insiderProps$classNa;
7133
7128
  var position = _ref.position,
7134
- fluid = _ref.fluid,
7135
- verticalPadding = _ref.verticalPadding,
7136
- hasMobileButton = _ref.hasMobileButton,
7137
- hasHeader = _ref.hasHeader,
7138
- hasAdvancedHeader = _ref.hasAdvancedHeader,
7129
+ _ref$fluid = _ref.fluid,
7130
+ fluid = _ref$fluid === void 0 ? false : _ref$fluid,
7131
+ _ref$verticalPadding = _ref.verticalPadding,
7132
+ verticalPadding = _ref$verticalPadding === void 0 ? false : _ref$verticalPadding,
7133
+ _ref$hasMobileButton = _ref.hasMobileButton,
7134
+ hasMobileButton = _ref$hasMobileButton === void 0 ? false : _ref$hasMobileButton,
7135
+ _ref$hasHeader = _ref.hasHeader,
7136
+ hasHeader = _ref$hasHeader === void 0 ? false : _ref$hasHeader,
7137
+ _ref$hasAdvancedHeade = _ref.hasAdvancedHeader,
7138
+ hasAdvancedHeader = _ref$hasAdvancedHeade === void 0 ? false : _ref$hasAdvancedHeade,
7139
+ _ref$horizontalPaddin = _ref.horizontalPadding,
7140
+ horizontalPadding = _ref$horizontalPaddin === void 0 ? true : _ref$horizontalPaddin,
7139
7141
  _ref$className = _ref.className,
7140
7142
  className = _ref$className === void 0 ? '' : _ref$className,
7141
7143
  _ref$style = _ref.style,
7142
7144
  style = _ref$style === void 0 ? {} : _ref$style,
7145
+ _ref$insiderProps = _ref.insiderProps,
7146
+ insiderProps = _ref$insiderProps === void 0 ? {} : _ref$insiderProps,
7143
7147
  props = _objectWithoutPropertiesLoose(_ref, _excluded$8);
7144
7148
  var mobile = useSystemInfo().isMobile;
7145
7149
  var classNames = useMergedClassNames([rootClassName$1U, className, fluid ? 'fluid' : '', verticalPadding ? 'vertical-padding' : '', hasMobileButton ? 'has-mobile-button' : '', hasHeader ? 'has-header' : '', hasAdvancedHeader ? 'has-advanced-header' : '', mobile ? 'mobile' : '']);
7150
+ var insiderClassNames = useMergedClassNames([rootClassName$1U + "-insider", horizontalPadding ? 'horizontal-padding' : '', (_insiderProps$classNa = insiderProps.className) != null ? _insiderProps$classNa : '']);
7146
7151
  return React.createElement("div", Object.assign({}, props, {
7147
7152
  className: classNames,
7148
7153
  style: _extends({
7149
7154
  position: position
7150
7155
  }, style)
7151
- }), React.createElement("div", {
7152
- className: rootClassName$1U + "-insider"
7153
- }, props.children));
7156
+ }), React.createElement("div", Object.assign({}, insiderProps, {
7157
+ className: insiderClassNames
7158
+ }), props.children));
7154
7159
  }
7155
- Container.defaultProps = {
7156
- fluid: false,
7157
- verticalPadding: false,
7158
- hasMobileButton: false,
7159
- hasAdvancedHeader: false,
7160
- hasHeader: false
7161
- };
7162
7160
  var Container$1 = memo(Container);
7163
7161
 
7164
7162
  var _excluded$9 = ["control", "labelPosition", "labelGap", "label", "className"];
@@ -7189,7 +7187,7 @@ var formatHexadecimalColor = function formatHexadecimalColor(input) {
7189
7187
  return value;
7190
7188
  };
7191
7189
  var getStringWithoutSpecialChar = function getStringWithoutSpecialChar(input) {
7192
- var value = String(input).replace(/ã/g, 'a').replace(/Ã/g, 'A').replace(/á/g, 'a').replace(/Á/g, 'A').replace(/à/g, 'a').replace(/À/g, 'A').replace(/â/g, 'a').replace(/Â/g, 'A').replace(/é/g, 'e').replace(/ê/g, 'e').replace(/Ê/g, 'e').replace(/É/g, 'E').replace(/è/g, 'e').replace(/È/g, 'E').replace(/ì/g, 'i').replace(/Ì/g, 'I').replace(/í/g, 'i').replace(/Í/g, 'I').replace(/ó/g, 'o').replace(/Ó/g, 'o').replace(/ò/g, 'o').replace(/Ò/g, 'o').replace(/ô/g, 'o').replace(/Ô/g, 'O').replace(/õ/g, 'o').replace(/Õ/g, 'O').replace(/ç/g, 'c').replace(/Ç/g, 'C');
7190
+ var value = String(input).normalize('NFD').replace(/(?:[\^`\xA8\xAF\xB4\xB7\xB8\u02B0-\u034E\u0350-\u0357\u035D-\u0362\u0374\u0375\u037A\u0384\u0385\u0483-\u0487\u0559\u0591-\u05A1\u05A3-\u05BD\u05BF\u05C1\u05C2\u05C4\u064B-\u0652\u0657\u0658\u06DF\u06E0\u06E5\u06E6\u06EA-\u06EC\u0730-\u074A\u07A6-\u07B0\u07EB-\u07F5\u0818\u0819\u0898-\u089F\u08C9-\u08D2\u08E3-\u08FE\u093C\u094D\u0951-\u0954\u0971\u09BC\u09CD\u0A3C\u0A4D\u0ABC\u0ACD\u0AFD-\u0AFF\u0B3C\u0B4D\u0B55\u0BCD\u0C3C\u0C4D\u0CBC\u0CCD\u0D3B\u0D3C\u0D4D\u0DCA\u0E47-\u0E4C\u0E4E\u0EBA\u0EC8-\u0ECC\u0F18\u0F19\u0F35\u0F37\u0F39\u0F3E\u0F3F\u0F82-\u0F84\u0F86\u0F87\u0FC6\u1037\u1039\u103A\u1063\u1064\u1069-\u106D\u1087-\u108D\u108F\u109A\u109B\u135D-\u135F\u1714\u1715\u17C9-\u17D3\u17DD\u1939-\u193B\u1A75-\u1A7C\u1A7F\u1AB0-\u1ABE\u1AC1-\u1ACB\u1B34\u1B44\u1B6B-\u1B73\u1BAA\u1BAB\u1C36\u1C37\u1C78-\u1C7D\u1CD0-\u1CE8\u1CED\u1CF4\u1CF7-\u1CF9\u1D2C-\u1D6A\u1DC4-\u1DCF\u1DF5-\u1DFF\u1FBD\u1FBF-\u1FC1\u1FCD-\u1FCF\u1FDD-\u1FDF\u1FED-\u1FEF\u1FFD\u1FFE\u2CEF-\u2CF1\u2E2F\u302A-\u302F\u3099-\u309C\u30FC\uA66F\uA67C\uA67D\uA67F\uA69C\uA69D\uA6F0\uA6F1\uA700-\uA721\uA788-\uA78A\uA7F8\uA7F9\uA8C4\uA8E0-\uA8F1\uA92B-\uA92E\uA953\uA9B3\uA9C0\uA9E5\uAA7B-\uAA7D\uAABF-\uAAC2\uAAF6\uAB5B-\uAB5F\uAB69-\uAB6B\uABEC\uABED\uFB1E\uFE20-\uFE2F\uFF3E\uFF40\uFF70\uFF9E\uFF9F\uFFE3]|\uD800\uDEE0|\uD801[\uDF80-\uDF85\uDF87-\uDFB0\uDFB2-\uDFBA]|\uD802[\uDEE5\uDEE6]|\uD803[\uDD22-\uDD27\uDEFD-\uDEFF\uDF46-\uDF50\uDF82-\uDF85]|\uD804[\uDC46\uDC70\uDCB9\uDCBA\uDD33\uDD34\uDD73\uDDC0\uDDCA-\uDDCC\uDE35\uDE36\uDEE9\uDEEA\uDF3C\uDF4D\uDF66-\uDF6C\uDF70-\uDF74]|\uD805[\uDC42\uDC46\uDCC2\uDCC3\uDDBF\uDDC0\uDE3F\uDEB6\uDEB7\uDF2B]|\uD806[\uDC39\uDC3A\uDD3D\uDD3E\uDD43\uDDE0\uDE34\uDE47\uDE99]|\uD807[\uDC3F\uDD42\uDD44\uDD45\uDD97]|\uD80D[\uDC47-\uDC55]|\uD81A[\uDEF0-\uDEF4\uDF30-\uDF36]|\uD81B[\uDF8F-\uDF9F\uDFF0\uDFF1]|\uD82B[\uDFF0-\uDFF3\uDFF5-\uDFFB\uDFFD\uDFFE]|\uD833[\uDF00-\uDF2D\uDF30-\uDF46]|\uD834[\uDD67-\uDD69\uDD6D-\uDD72\uDD7B-\uDD82\uDD85-\uDD8B\uDDAA-\uDDAD]|\uD838[\uDC30-\uDC6D\uDD30-\uDD36\uDEAE\uDEEC-\uDEEF]|\uD83A[\uDCD0-\uDCD6\uDD44-\uDD46\uDD48-\uDD4A])/g, '');
7193
7191
  return value;
7194
7192
  };
7195
7193
 
@@ -7631,6 +7629,7 @@ function useFloatingPanel(_ref) {
7631
7629
  strategy = _ref$strategy === void 0 ? 'fixed' : _ref$strategy,
7632
7630
  _ref$fallbackPlacemen = _ref.fallbackPlacements,
7633
7631
  fallbackPlacements = _ref$fallbackPlacemen === void 0 ? ['top', 'bottom', 'right-start', 'right'] : _ref$fallbackPlacemen,
7632
+ heightAvaliableCallback = _ref.heightAvaliableCallback,
7634
7633
  elements = _ref.elements;
7635
7634
  var opened = stateOpened[0],
7636
7635
  setOpened = stateOpened[1];
@@ -7658,6 +7657,7 @@ function useFloatingPanel(_ref) {
7658
7657
  });
7659
7658
  }
7660
7659
  setMaxHeight(availableHeight);
7660
+ heightAvaliableCallback === null || heightAvaliableCallback === void 0 ? void 0 : heightAvaliableCallback(availableHeight);
7661
7661
  }
7662
7662
  })]
7663
7663
  }),
@@ -7736,7 +7736,7 @@ function useOutsideClick(refs, handler, options) {
7736
7736
  }, [refs, handler, handleClickOutside, (_options3 = options) === null || _options3 === void 0 ? void 0 : _options3.events]);
7737
7737
  }
7738
7738
 
7739
- var _excluded$c = ["opened", "setOpened", "className", "statedAnchorRef", "matchWidth", "placement", "closeOnEsc", "closeOnOutClick", "style", "fallbackPlacements", "offset"];
7739
+ var _excluded$c = ["opened", "setOpened", "className", "statedAnchorRef", "matchWidth", "placement", "closeOnEsc", "closeOnOutClick", "style", "fallbackPlacements", "offset", "heightAvaliableCallback"];
7740
7740
  var rootClassName$1_ = 'floating-panel';
7741
7741
  function FloatingPanel(_ref) {
7742
7742
  var opened = _ref.opened,
@@ -7757,6 +7757,7 @@ function FloatingPanel(_ref) {
7757
7757
  fallbackPlacements = _ref$fallbackPlacemen === void 0 ? ['bottom', 'bottom-end', 'bottom-start', 'top', 'top-start', 'top-end', 'left', 'right'] : _ref$fallbackPlacemen,
7758
7758
  _ref$offset = _ref.offset,
7759
7759
  offset = _ref$offset === void 0 ? 0 : _ref$offset,
7760
+ heightAvaliableCallback = _ref.heightAvaliableCallback,
7760
7761
  props = _objectWithoutPropertiesLoose(_ref, _excluded$c);
7761
7762
  var _useState = useState(),
7762
7763
  panelRef = _useState[0],
@@ -7771,6 +7772,7 @@ function FloatingPanel(_ref) {
7771
7772
  floating: panelRef,
7772
7773
  reference: statedAnchorRef
7773
7774
  },
7775
+ heightAvaliableCallback: heightAvaliableCallback,
7774
7776
  offset: offset
7775
7777
  }),
7776
7778
  isMounted = _useFloatingPanel.isMounted,
@@ -8497,7 +8499,6 @@ function Header(props) {
8497
8499
  }));
8498
8500
  }
8499
8501
  Header.defaultProps = {
8500
- position: 'fixed',
8501
8502
  theme: HeaderType.Verde
8502
8503
  };
8503
8504
  var Header$1 = memo(Header);
@@ -10110,6 +10111,7 @@ var Search$1 = memo(Search);
10110
10111
  var rootClassName$2r = 'component-select';
10111
10112
  function Select(props) {
10112
10113
  var _props$options4;
10114
+ var systemInfo = useSystemInfo();
10113
10115
  var panelId = useMemo(function () {
10114
10116
  return getUniqueKey();
10115
10117
  }, []);
@@ -10156,13 +10158,12 @@ function Select(props) {
10156
10158
  className: rootClassName$2r + "-clear-button",
10157
10159
  icon: React.createElement(CloseIcon, null),
10158
10160
  onClick: function onClick() {
10161
+ setPanelOpened(false);
10159
10162
  if (props.multiple) {
10160
- setPanelOpened(false);
10161
10163
  props.onChange([], {
10162
10164
  setPanelOpened: setPanelOpened
10163
10165
  });
10164
10166
  } else {
10165
- setPanelOpened(false);
10166
10167
  props.onChange(null, {
10167
10168
  setPanelOpened: setPanelOpened
10168
10169
  });
@@ -10188,7 +10189,7 @@ function Select(props) {
10188
10189
  onClick: function onClick() {
10189
10190
  var _wrapperRef$current;
10190
10191
  var selectFake = (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.querySelector("." + rootClassName$2r + "-select-fake");
10191
- if (!props.multiple && isiPhone() && selectFake) {
10192
+ if (!props.multiple && systemInfo.os === OS.iOS && selectFake) {
10192
10193
  selectFake.focus();
10193
10194
  } else {
10194
10195
  setPanelOpened(!panelOpened);
@@ -10197,7 +10198,7 @@ function Select(props) {
10197
10198
  onFocus: function onFocus(evt) {
10198
10199
  var _wrapperRef$current2;
10199
10200
  var selectFake = (_wrapperRef$current2 = wrapperRef.current) === null || _wrapperRef$current2 === void 0 ? void 0 : _wrapperRef$current2.querySelector("." + rootClassName$2r + "-select-fake");
10200
- if (!props.multiple && isiPhone() && selectFake) {
10201
+ if (!props.multiple && systemInfo.os === OS.iOS && selectFake) {
10201
10202
  selectFake.focus();
10202
10203
  } else {
10203
10204
  evt.target.setSelectionRange(0, 0);
@@ -10229,7 +10230,6 @@ function Select(props) {
10229
10230
  })[0]
10230
10231
  });
10231
10232
  delete p.showPanelFooter;
10232
- delete p.bottomPanel;
10233
10233
  delete p.clearButton;
10234
10234
  delete p.multiplePlaceholder;
10235
10235
  delete p.multiple;
@@ -10393,9 +10393,10 @@ function Select(props) {
10393
10393
  var optionsFiltered = useMemo(function () {
10394
10394
  var _props$options2;
10395
10395
  return ((_props$options2 = props.options) === null || _props$options2 === void 0 ? void 0 : _props$options2.filter(function (op) {
10396
- return getStringWithoutSpecialChar(op.label).toLowerCase().match(getStringWithoutSpecialChar(filterInput).toLowerCase());
10396
+ return getStringWithoutSpecialChar(String(op.label)).toLowerCase().includes(getStringWithoutSpecialChar(filterInput).toLowerCase());
10397
10397
  })) || [];
10398
10398
  }, [props.options, filterInput]);
10399
+ var skipFirst = useRef(true);
10399
10400
  useLayoutEffect(function () {
10400
10401
  if (panelOpened) {
10401
10402
  var panel = document.querySelector("#" + panelId);
@@ -10404,7 +10405,7 @@ function Select(props) {
10404
10405
  panel.style.bottom = '0';
10405
10406
  }
10406
10407
  var firstInput = document.querySelector("#" + panelId + " ." + rootClassName$2r + "-panel-input input");
10407
- if (firstInput && !isiPhone()) {
10408
+ if (firstInput && systemInfo.os !== OS.iOS) {
10408
10409
  setTimeout(function () {
10409
10410
  firstInput.focus();
10410
10411
  }, 50);
@@ -10435,18 +10436,34 @@ function Select(props) {
10435
10436
  }
10436
10437
  }
10437
10438
  }
10438
- } else {
10439
+ } else if (!skipFirst.current) {
10439
10440
  var _wrapperRef$current3;
10440
10441
  var inputElement = (_wrapperRef$current3 = wrapperRef.current) === null || _wrapperRef$current3 === void 0 ? void 0 : _wrapperRef$current3.querySelector("input");
10441
- if (inputElement && !isiPhone()) {
10442
+ if (inputElement && systemInfo.os !== OS.iOS) {
10442
10443
  inputElement.focus();
10443
10444
  }
10445
+ } else if (skipFirst) {
10446
+ skipFirst.current = false;
10444
10447
  }
10445
10448
  }, [panelOpened]);
10449
+ var setMaxHeight = useCallback(function (h) {
10450
+ var max = h - 12;
10451
+ var el = document.querySelector("#" + panelId + " ." + rootClassName$2r + "-options");
10452
+ if (props.showPanelFooter) {
10453
+ max -= 40;
10454
+ }
10455
+ if (props.panelFilter) {
10456
+ max -= 48;
10457
+ }
10458
+ if (window.innerHeight > 400) {
10459
+ max = Math.min(max, 40 * 6);
10460
+ }
10461
+ el === null || el === void 0 ? void 0 : el.style.setProperty('max-height', max + "px");
10462
+ }, [panelId, props.showPanelFooter, props.panelFilter]);
10446
10463
  return React.createElement("div", {
10447
10464
  ref: wrapperRef,
10448
10465
  className: rootClassName$2r + "-outer"
10449
- }, !props.multiple && isiPhone() && React.createElement("select", {
10466
+ }, !props.multiple && systemInfo.os === OS.iOS && React.createElement("select", {
10450
10467
  className: rootClassName$2r + "-select-fake",
10451
10468
  value: props.value ? String(props.value) : '',
10452
10469
  onChange: function onChange(evt) {
@@ -10480,10 +10497,10 @@ function Select(props) {
10480
10497
  matchWidth: true,
10481
10498
  placement: 'bottom',
10482
10499
  fallbackPlacements: ['top', 'left', 'right'],
10483
- offset: 1
10484
- }, React.createElement("div", {
10500
+ offset: 1,
10485
10501
  id: panelId,
10486
- className: rootClassName$2r + "-panel " + (props.multiple ? 'multiple' : '')
10502
+ className: rootClassName$2r + "-panel " + (props.multiple ? 'multiple' : ''),
10503
+ heightAvaliableCallback: setMaxHeight
10487
10504
  }, props.panelFilter && props.options && !!props.options.length && React.createElement("div", {
10488
10505
  className: rootClassName$2r + "-panel-input"
10489
10506
  }, React.createElement(Input$1, {
@@ -10535,7 +10552,7 @@ function Select(props) {
10535
10552
  setPanelOpened: setPanelOpened
10536
10553
  });
10537
10554
  }
10538
- }, languageValues.components.select.clearAll))))));
10555
+ }, languageValues.components.select.clearAll)))));
10539
10556
  }
10540
10557
  Select.defaultProps = {
10541
10558
  onChange: undefined,
@@ -12102,7 +12119,7 @@ VideoModal.defaultProps = {
12102
12119
 
12103
12120
  var _excluded$o = ["className"];
12104
12121
  var rootClassName$2N = 'icon-component';
12105
- function Bell16Icon(_ref) {
12122
+ var Bell16Icon = function Bell16Icon(_ref) {
12106
12123
  var _ref$className = _ref.className,
12107
12124
  className = _ref$className === void 0 ? '' : _ref$className,
12108
12125
  props = _objectWithoutPropertiesLoose(_ref, _excluded$o);
@@ -12120,11 +12137,11 @@ function Bell16Icon(_ref) {
12120
12137
  d: 'M12.2013 8.544C12.2073 10.042 12.7943 11.453 13.8541 12.516C13.9653 12.626 14.0144 12.78 13.9964 12.931C14.0074 13.042 13.9913 13.158 13.9443 13.266C13.8441 13.515 13.6317 13.669 13.3112 13.678H10.4643C10.3832 14.971 9.31538 16 8.00014 16C6.6859 16 5.61808 14.971 5.53594 13.678H2.68308H2.67406C2.4016 13.678 2.15518 13.512 2.05201 13.252C1.99391 13.121 1.98589 12.973 2.02095 12.834C2.02095 12.716 2.06102 12.603 2.14717 12.516C3.20697 11.453 3.79397 10.042 3.79998 8.542L3.79898 6.082C3.79698 4.199 5.06814 2.543 6.89025 2.055C6.99342 2.029 7.05453 2.016 7.11864 2.003C7.23884 1.978 7.36906 1.966 7.49929 1.957V0.5C7.49929 0.224 7.72367 0 8.00014 0C8.27761 0 8.50099 0.224 8.50099 0.5V1.957C8.63222 1.966 8.76244 1.978 8.89066 2.005C8.94675 2.016 9.00786 2.029 9.06996 2.044C10.9331 2.543 12.2043 4.199 12.2023 6.083L12.2013 8.544ZM9.47866 13.178C9.47866 12.902 9.70304 12.678 9.97951 12.678H12.6571C11.7175 11.508 11.2056 10.066 11.1996 8.546L11.2006 6.082C11.2026 4.651 10.2359 3.392 8.85059 3.022L8.68731 2.984C8.61038 2.9673 8.53764 2.96176 8.46617 2.95631C8.45203 2.95523 8.43793 2.95416 8.42386 2.953L8.30165 2.945C8.28562 2.944 8.20449 2.931 8.18846 2.928L8.04321 2.917C8.02759 2.91815 7.99794 2.91798 7.97065 2.91781C7.95069 2.91769 7.93201 2.91758 7.921 2.918L7.57742 2.953C7.56222 2.95425 7.54698 2.9554 7.53173 2.95656C7.46158 2.96187 7.3911 2.96721 7.32198 2.982L7.18174 3.013C5.76533 3.392 4.79868 4.651 4.80069 6.081L4.80169 8.544C4.79568 10.066 4.28281 11.508 3.34421 12.678H6.02177C6.29824 12.678 6.52262 12.902 6.52262 13.178V13.525C6.52262 14.338 7.18575 15 8.00014 15C8.81553 15 9.47866 14.338 9.47866 13.525V13.178Z',
12121
12138
  fill: 'currentColor'
12122
12139
  }));
12123
- }
12140
+ };
12124
12141
 
12125
12142
  var _excluded$p = ["className"];
12126
12143
  var rootClassName$2O = 'icon-component';
12127
- function BellIcon(_ref) {
12144
+ var BellIcon = function BellIcon(_ref) {
12128
12145
  var _ref$className = _ref.className,
12129
12146
  className = _ref$className === void 0 ? '' : _ref$className,
12130
12147
  props = _objectWithoutPropertiesLoose(_ref, _excluded$p);
@@ -12142,7 +12159,7 @@ function BellIcon(_ref) {
12142
12159
  d: 'M20.8526 19.112C20.9707 19.229 21.0211 19.396 20.9919 19.555C21.01 19.693 20.9929 19.835 20.9343 19.967C20.8253 20.249 20.5095 20.431 20.2067 20.439H15.5633V20.469C15.5633 22.416 13.9648 24 12.0009 24C10.0359 24 8.43735 22.416 8.43735 20.469V20.439H3.78592H3.7728C3.46398 20.439 3.17434 20.244 3.05828 19.949C2.98965 19.793 2.98259 19.615 3.03204 19.448C3.02397 19.324 3.05626 19.203 3.1481 19.112C4.8365 17.432 5.77103 15.203 5.78112 12.833L5.7791 9.058C5.77607 6.292 7.65824 3.858 10.3558 3.141C10.4992 3.104 10.589 3.085 10.6778 3.067C10.8736 3.027 11.0653 3.011 11.2571 2.999L11.4256 2.986L11.4962 2.974V0.5C11.4962 0.223 11.7213 0 12.0009 0C12.2794 0 12.5055 0.223 12.5055 0.5V2.974C12.5103 2.97536 12.5146 2.97579 12.5191 2.97625C12.5212 2.97646 12.5234 2.97668 12.5256 2.977L12.7436 2.999C12.9354 3.011 13.1281 3.027 13.3169 3.066C13.4117 3.085 13.5015 3.104 13.5893 3.127C16.3425 3.858 18.2256 6.292 18.2226 9.059L18.2206 12.835C18.2307 15.203 19.1642 17.432 20.8526 19.112ZM14.5541 19.939C14.5541 19.663 14.7802 19.439 15.0587 19.439H19.7768C18.1277 17.622 17.2215 15.297 17.2114 12.836L17.2134 9.058C17.2164 6.743 15.6411 4.708 13.3835 4.108C13.2793 4.08031 13.2128 4.06599 13.1535 4.05324C13.1422 4.0508 13.1311 4.04841 13.1201 4.046C12.9782 4.01659 12.8431 4.00745 12.7094 3.99841C12.6976 3.99761 12.6858 3.99681 12.674 3.996L12.4883 3.982C12.4722 3.981 12.3551 3.963 12.3399 3.96L12.1906 3.946C12.0765 3.94 12.0412 3.935 12.0069 3.93C12.0059 3.93 12.0049 3.93025 12.0039 3.9305C12.0029 3.93075 12.0019 3.931 12.0009 3.931C11.9998 3.931 11.9988 3.93075 11.9978 3.9305C11.9968 3.93025 11.9958 3.93 11.9948 3.93L11.9912 3.93053C11.9581 3.93535 11.926 3.94004 11.8939 3.941C11.8898 3.941 11.7152 3.951 11.7122 3.952C11.6961 3.955 11.5316 3.98 11.5154 3.982L11.3277 3.996C11.316 3.9968 11.3042 3.99759 11.2925 3.99838C11.1581 4.00743 11.0245 4.01641 10.8927 4.044C10.8816 4.04635 10.8706 4.04864 10.8599 4.0509C10.7928 4.06495 10.7329 4.07749 10.6737 4.093C8.35964 4.708 6.78528 6.743 6.78831 9.057L6.79032 12.835C6.78023 15.297 5.87296 17.622 4.22492 19.439H8.94195C9.2215 19.439 9.44655 19.663 9.44655 19.939V20.469C9.44655 21.865 10.592 23 12.0009 23C13.4087 23 14.5541 21.865 14.5541 20.469V19.939Z',
12143
12160
  fill: 'currentColor'
12144
12161
  }));
12145
- }
12162
+ };
12146
12163
 
12147
12164
  var _excluded$q = ["className"];
12148
12165
  var rootClassName$2P = 'icon-component';